:root{--cream:#fbf3e1;--ink:#283d36;--teal:#356e61;--red:#b85d41;--gold:#d8ad57}html,body{background:#cbdedb;font-family:Segoe UI,Tahoma,sans-serif}.overlay{background:linear-gradient(100deg,#163028e3,#253c2e5c),url(/art/plaza.jpg) center/cover,#48685a;padding:32px}.card{border:1px solid #d6c4a1;border-radius:8px;padding:32px;box-shadow:0 24px 80px #162c3750;background:linear-gradient(145deg,#fff9ec,#f0e4cb)}#lobby .card:before{content:"MỘT KHU PHỐ • NGÀN BÍ MẬT";display:block;color:#7b8467;letter-spacing:2px;font-size:10px;font-weight:700;margin-bottom:18px}h1{font-family:Georgia,Times New Roman,serif;font-weight:400;color:#28574b;font-size:42px;letter-spacing:-1px;margin-bottom:10px}h2{color:#315d50;font-family:Georgia,Times New Roman,serif;font-size:26px}p.sub{font-size:14px;line-height:1.6;opacity:.85}input,select{border-width:1px;border-color:#cdbf9f;border-radius:5px;background:#fffdf5;min-height:44px}.btn{border-radius:5px;min-height:44px;box-shadow:0 2px #183e3430;transition:filter .12s,transform .12s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}button:focus-visible,summary:focus-visible{outline:3px solid #bd8c3d;outline-offset:3px}ul.members li{border-radius:4px;background:#e6e5d3;border-left:3px solid #84987b}.code{color:#356e61}details{border-top:1px solid #d6c8ad;padding-top:14px}summary{color:#526b55}#control-menu{background:#14251fa6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#control-menu p{line-height:1.7;font-size:14px}.pill{border-radius:5px;background:#fbf3e1ec;border:1px solid #f9e9c3;box-shadow:0 3px 10px #273a3030;display:flex;align-items:center;gap:7px;min-height:40px;font-size:14px}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}#h-mute{width:44px;height:44px;border-radius:5px;color:#356e61}#role{border-radius:5px;border-top:3px solid #577b61;padding:11px 13px;background:#fbf3e1eb;top:64px}#role>b{font-size:14px;color:#365e50}#role .sk{font-size:12px}#btns{gap:7px}#btns button{border-radius:6px;background:#fbf3e1ed;border:1px solid #ddcba4;box-shadow:0 4px 12px #172c3340;font-size:12px;min-width:82px;height:53px;padding:12px 12px 5px}#btns button.big{height:61px;font-size:14px;min-width:105px}#btns button.off{opacity:.55;filter:saturate(.35)}#btns button.off:after{content:"";position:absolute;bottom:5px;left:9px;width:6px;height:2px;background:currentColor}#btns button:active{transform:translateY(1px);filter:brightness(1.12)}#btns button.on{outline:2px solid #d3b15f}#btns kbd{font-size:10px;opacity:.8;left:8px;top:4px}.action-icon{display:inline-block;margin-left:6px}.action-icon .icon{width:17px;height:17px}#crosshair{font-size:20px;opacity:.8}#target-label{font-size:12px;letter-spacing:.5px}#meter,#prog,#aim{border-radius:5px;font-size:13px;box-shadow:0 3px 12px #172c3340}.bar{height:5px;border-radius:2px}.note{border-radius:4px;font-size:13px}.snd{color:#fff8dc;background:#344d42b8;border-radius:50%}#asset-status{position:fixed;z-index:45;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(380px,90vw);padding:16px;background:#fbf3e1;color:#294d40;border:1px solid #cfbd97;border-radius:6px;box-shadow:0 6px 30px #19332840;font-size:13px}#asset-status progress{display:block;width:100%;height:6px;margin-top:10px;accent-color:#356e61}#asset-status button{margin-top:12px;min-height:44px;border:0;background:#356e61;color:#fff;padding:8px 16px;border-radius:4px}@media(max-width:600px){.overlay{padding:16px;align-items:safe center}.card{padding:22px}h1{font-size:35px}#top{gap:4px}.pill{padding:5px 7px;font-size:12px;min-height:36px}.pill .icon{width:16px;height:16px}#h-mute{width:44px;height:44px}#role{top:98px;right:8px;width:145px}#notes{top:98px;width:calc(100% - 166px)}#role .sk span{display:none}#btns{gap:5px;max-width:57vw;grid-template-columns:repeat(2,minmax(0,1fr))}#btns button,#btns button.big{min-width:0;width:100%;height:47px;font-size:11px;padding:5px}#btns .action-icon{display:none}#prog{bottom:36%;width:56vw}#meter{top:27%;width:70vw}#aim{font-size:11px;width:70vw;top:38%}}@media(pointer:coarse)and (orientation:landscape){#role{top:61px;width:155px;padding:7px}#role .sk{display:none}#role.open .sk{display:block}#notes{top:61px;width:230px}#btns{grid-template-columns:repeat(3,minmax(64px,1fr));gap:5px;max-width:320px}#btns button,#btns button.big{min-width:64px;height:44px;font-size:11px;padding:4px}#btns .action-icon{display:none}#prog{bottom:24%;width:230px}.overlay{align-items:flex-start;padding:12px}.card{padding:20px}#control-menu .card{width:min(640px,100%)}#meter{top:20%;width:220px}#aim{top:34%;font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}