:root{--paper:#e9ece4;--muted:#8f998e;--accent:#c5ed73;--line:#ffffff20;font-family:Arial,Helvetica,sans-serif;color:var(--paper);background:#151b18}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.game{height:100dvh;position:relative}#world{display:block;width:100%;height:100%;outline:0;touch-action:none;cursor:grab}.mouseCaptured #world{cursor:none}.menu-trigger{position:absolute;top:25px;right:27px;display:flex;align-items:center;gap:9px;background:#111a165c;backdrop-filter:blur(8px);border:1px solid #ffffff18;color:#e7eee0;padding:8px 11px;font-size:10px;opacity:.72}.menu-trigger:hover{opacity:1}kbd{font:10px Consolas,monospace;border:1px solid #c1d0ba54;padding:3px 5px;min-width:25px;text-align:center;border-radius:2px}.mouseCaptured .menu-trigger{opacity:.32}.entry-hint{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap}.entry-hint button{background:#14221ee8;color:#eff4e7;border:1px solid #c3d2b94a;padding:13px 25px;font-size:12px;min-width:205px}.entry-hint button span{margin-left:25px;color:var(--accent)}.entry-hint p{font:9px Consolas,monospace;color:#e0e8d4;text-shadow:0 1px 6px #000;margin:13px 0 0}.entry-hint i{font-style:normal;margin:0 11px;opacity:.5}.location-toast{position:absolute;bottom:34px;left:30px;font-size:20px;font-weight:500;letter-spacing:-.6px;opacity:0;transition:opacity .6s;text-shadow:0 2px 15px #0009;pointer-events:none}.location-toast.visible{opacity:1}.minimap{position:absolute;bottom:27px;left:27px;width:170px;height:120px;background:#17221bc9;border:1px solid #b0c69c3b;padding:8px;opacity:.8;pointer-events:none}.pause-menu{position:fixed;inset:0;z-index:20;background:linear-gradient(100deg,#101612f5 0%,#101612eb 52%,#101612c4 100%);backdrop-filter:blur(12px);overflow:auto}.pause-shell{max-width:1280px;min-height:100%;margin:auto;display:grid;grid-template-columns:260px 1fr;gap:65px;padding:65px 65px 35px}.pause-sidebar{display:flex;flex-direction:column;min-height:calc(100dvh - 100px)}.pause-brand{font-size:36px;font-weight:900;letter-spacing:-2px;line-height:1}.pause-brand span{font-size:11px;vertical-align:top;letter-spacing:0;margin-left:3px}.pause-kicker{font:8px Consolas,monospace;letter-spacing:1.5px;color:#899582;margin-top:15px}.pause-sidebar nav{display:grid;gap:4px;margin-top:58px}.pause-sidebar nav button{background:none;border:0;color:#9fa89c;padding:14px 0;text-align:left;font-size:21px;letter-spacing:-.7px;display:flex;align-items:center;justify-content:space-between;transition:color .15s}.pause-sidebar nav button:hover,.pause-sidebar nav button.selected{color:var(--paper)}.pause-sidebar nav button.selected{box-shadow:inset 2px 0 var(--accent);padding-left:15px}.pause-sidebar nav .resume{font-size:24px;color:var(--accent);padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:11px}.resume span{font-size:18px}.pause-sidebar footer{margin-top:auto;padding-top:45px;display:grid;gap:9px;color:#798576;font:8px Consolas,monospace;line-height:1.6}.pause-content{padding-top:4px;min-width:0;position:relative}.close-menu{background:none;color:#a7b19f;border:0;font-size:9px;display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto;padding:0}.close-menu kbd{font-size:8px}#menuContent{margin-top:58px}.page-kicker{font:8px Consolas,monospace;letter-spacing:1.4px;text-transform:uppercase;color:#87947e}.pause-content h1{font-size:45px;line-height:1.05;letter-spacing:-2px;font-weight:500;margin:13px 0 30px}.pause-copy{font-size:12px;line-height:1.9;color:#98a68e;max-width:355px}.paused-home{padding-top:55px}.paused-home h1{font-size:76px;letter-spacing:-4px;color:#e5ecdf;margin-bottom:19px}.paused-home .pause-copy{font-size:11px}.small-meta{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:19px;margin-top:45px;font:8px Consolas,monospace;color:#829179;letter-spacing:1px}.skins-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.skin-card{position:relative;display:block;text-align:left;border:1px solid #ffffff19;background:#19201c;color:#c7d1bd;padding:0;overflow:hidden}.skin-card.selected{border-color:#b9da84}.skin-card img{width:100%;height:155px;display:block;object-fit:contain;background:#101512}.skin-card .skin-body{display:block;padding:12px 13px}.skin-card strong{display:block;font-size:12px;font-weight:500;margin-bottom:5px}.skin-card small{font:7px Consolas,monospace;letter-spacing:.6px;color:#77876b}.skin-card .selected-mark{position:absolute;top:9px;right:9px;background:var(--accent);color:#22301b;width:18px;height:18px;display:grid;place-items:center;font-size:11px}.skin-note{font-size:9px;line-height:1.7;color:#798a6c;margin-top:19px}.district-tabs{display:flex;gap:10px;margin:0 0 18px}.district-tabs button{padding:10px 14px;border:1px solid #a9ba933b;background:none;color:#91a47e;font-size:10px}.district-tabs button.selected{background:#c5ed73;color:#1a2817;border-color:#c5ed73}.map-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.map-preview{width:100%;height:auto;background:#152019;border:1px solid #9bb38128;padding:10px;aspect-ratio:270/190}.room-list{display:grid}.room-list button{display:flex;gap:12px;align-items:center;padding:10px 0;border:0;border-bottom:1px solid var(--line);background:none;color:#bcc9b0;text-align:left;font-size:11px}.room-list button span{font:8px Consolas,monospace;color:#6e865b}.setting-row{padding:21px 0;border-top:1px solid var(--line);display:flex;gap:25px;align-items:center;justify-content:space-between}.setting-row span{font-size:12px;line-height:1.5;color:#c1ccba}.setting-row small{display:block;font-size:9px;color:#79896f;margin-top:5px}.setting-row input[type=range]{accent-color:var(--accent);width:150px}.setting-row input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px}.setting-row select{padding:8px;border:1px solid #8da87655;background:#1a271b;color:#c2d6ac;font-size:10px}.control-row{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px;color:#a6b59b}.control-row kbd{font-size:9px;min-width:65px}.plain-action{padding:10px 13px;background:none;border:1px solid #91ab7866;color:#b4ca9e;font-size:10px;margin-top:23px}#loading{position:absolute;inset:0;z-index:40;background:#151d17;color:#e6ede0;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .4s;pointer-events:none}#loading.off{opacity:0}#loading strong{font-size:61px;font-weight:900;letter-spacing:-3px}#loading strong span{font-size:13px;vertical-align:top;letter-spacing:0}.loading-rule{width:80px;height:2px;background:#b6d78e;margin:24px 0}#loading p{font:9px Consolas,monospace;color:#829775}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,100px);transition:transform .2s;background:#15271fed;border:1px solid #91af6d4d;padding:12px 18px;color:#d1e4be;font-size:10px;max-width:90%;z-index:50;text-align:center;pointer-events:none}#toast.visible{transform:translate(-50%,0)}.joystick,.mobile-actions{display:none}
@media(max-width:1050px){.pause-shell{padding:45px 35px 30px;grid-template-columns:210px 1fr;gap:35px}.pause-sidebar{min-height:calc(100dvh - 75px)}.skin-card img{height:140px}.pause-content h1{font-size:38px}.map-layout{grid-template-columns:1fr}.room-list{grid-template-columns:1fr 1fr;gap:0 15px}.paused-home h1{font-size:64px}}
@media(max-width:650px){.menu-trigger{top:18px;right:18px}.pause-shell{display:block;padding:27px 24px}.pause-sidebar{min-height:0}.pause-brand{font-size:27px}.pause-kicker{font-size:7px;margin-top:10px}.pause-sidebar nav{display:flex;overflow-x:auto;gap:19px;margin-top:24px;border-bottom:1px solid var(--line);padding-bottom:10px}.pause-sidebar nav button{font-size:12px;padding:6px 0!important;letter-spacing:0;white-space:nowrap;box-shadow:none!important}.pause-sidebar nav .resume{font-size:12px;border:0;margin:0}.resume span{display:none}.pause-sidebar footer{padding-top:17px;margin:0;display:flex;justify-content:space-between;font-size:7px}.pause-content{padding-top:0}.close-menu{position:absolute;top:-91px;right:0;font-size:8px}.close-menu kbd{display:none}#menuContent{margin-top:37px}.pause-content h1{font-size:35px;letter-spacing:-1.5px;margin-bottom:25px}.paused-home{padding-top:25px}.paused-home h1{font-size:61px;letter-spacing:-3px}.skins-grid{gap:9px}.skin-card img{height:132px}.skin-card .skin-body{padding:10px}.skin-card strong{font-size:10px}.skin-card small{font-size:6px}.skin-note{font-size:8px}.setting-row{gap:15px}.setting-row input[type=range]{width:110px}.entry-hint{bottom:29px}.location-toast{left:20px;bottom:24px;font-size:18px}.small-meta{font-size:7px;gap:15px}.minimap{width:130px;height:92px;bottom:25px;left:20px}}
@media(pointer:coarse){.joystick{display:block;position:absolute;bottom:95px;left:25px;width:90px;height:90px;border-radius:50%;border:1px solid #d9e6c747;background:#15271c38;touch-action:none}#stick{position:absolute;left:27px;top:27px;width:36px;height:36px;border-radius:50%;background:#c1d4a774;pointer-events:none}.mobile-actions{display:flex;position:absolute;bottom:110px;right:25px;gap:8px}.mobile-actions button{background:#15271c6b;border:1px solid #d9e6c737;border-radius:50%;width:49px;height:49px;font-size:9px;color:#dce8ce}.entry-hint p{display:none}.menu-open .joystick,.menu-open .mobile-actions{display:none}}

.menu-open .entry-hint,.menu-open .menu-trigger,.menu-open .location-toast{visibility:hidden}
/* Identity and meetings live in the pause menu; only an active call adds controls. */
.identity-form{max-width:390px}.identity-form label{display:block;color:#b1bfa6;font-size:12px;margin:24px 0}.identity-form label small{color:#77886b;font-size:9px;margin-left:5px}.identity-form input{display:block;width:100%;background:#0e1710;border:1px solid #a1b98a3b;color:#edf2e6;padding:13px;margin-top:10px;font-size:13px}.instagram-input{display:flex;align-items:center;background:#0e1710;border:1px solid #a1b98a3b;margin-top:10px;padding-left:13px}.instagram-input span{color:#819c69}.instagram-input input{border:0;margin:0;background:none;outline-offset:0}#identityStatus{font-size:11px;color:#c2dfa3;line-height:1.6}.meeting-intro{font-size:11px;color:#98aa89;line-height:1.8;margin:-12px 0 27px}.meeting-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:27px}.channel-list{display:grid;gap:10px;align-content:start}.channel-card{display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;padding:19px 16px;background:#1a261b;border:1px solid #9ab97c32;color:#d4dfc9}.channel-card strong{font-size:12px;font-weight:500;display:block}.channel-card small{display:block;font:8px Consolas,monospace;margin-top:9px;color:#819a6e}.channel-card>b{font-size:9px;font-weight:400;color:#b9d49f;white-space:nowrap}.channel-card.selected{border-color:#b9d88a;background:#24351d}.online-list h2{font-size:12px;font-weight:500;margin:0 0 16px;color:#b8c9aa}.online-list h2>span{font:9px Consolas,monospace;color:#7e9969;margin-left:8px}.online-list article{display:flex;gap:10px;padding:14px 0;border-top:1px solid #ffffff13}.online-list strong{font-size:11px;display:block;font-weight:500;color:#d0dec5}.online-list strong small{display:inline;font-size:8px;margin-left:3px}.online-list article a,.call-members a{display:block;font-size:9px;margin:5px 0;color:#a3be8b;text-decoration:none}.online-list article small{display:block;font-size:8px;color:#829574;margin-top:5px}.presence-dot{width:6px;height:6px;border-radius:50%;background:#799f5c;display:inline-block;flex-shrink:0;margin-top:4px}.presence-dot.speaking{background:#c7ef76;box-shadow:0 0 9px #b6ed8180}.call-bar{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0;z-index:22;background:#142119ed;border:1px solid #a9c98a3b;box-shadow:0 5px 30px #0003;max-width:calc(100vw - 25px);backdrop-filter:blur(10px)}.call-bar button{border:0;border-left:1px solid #ffffff17;background:none;color:#aabe9c;padding:12px 15px;font-size:10px;white-space:nowrap}.call-bar button:first-child{border-left:0;display:flex;align-items:center;gap:9px;color:#d6e5c8}.call-bar small{font:8px Consolas,monospace;color:#789169}.call-bar .active,.call-controls .active{color:#d0ef9b;background:#293c20}.call-bar .leave-call,.call-controls .leave-call{color:#e9b6a8}.menu-open .call-bar{z-index:23}.call-panel{position:fixed;right:25px;top:80px;bottom:auto;max-height:calc(100dvh - 170px);width:min(620px,calc(100vw - 40px));z-index:30;background:#17221cf5;border:1px solid #91af774d;box-shadow:0 15px 80px #0008;padding:22px;overflow:auto;backdrop-filter:blur(18px)}.call-panel header{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.call-panel h2{font-size:22px;font-weight:500;letter-spacing:-.7px;margin:7px 0 0}.call-panel header>button{border:1px solid #a8bd8e30;background:none;color:#9ab284;width:29px;height:27px;font-size:14px}.screen-stage{background:#070c08}.screen-stage video{display:block;aspect-ratio:16/9;width:100%;object-fit:contain;background:#070c08}.screen-stage>div{display:flex;align-items:center;justify-content:space-between;padding:10px;color:#a1b58e;font-size:9px}.screen-stage button{border:0;background:none;color:#b9d79d;font-size:9px}.no-screen{padding:35px 20px;border:1px dashed #aac29335;font-size:11px;color:#819773;line-height:1.8;text-align:center}.call-members{display:grid;gap:0;margin-top:15px}.call-members article{display:flex;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff12}.member-initial{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#2c3c23;border:1px solid #7d976b55;color:#d0ddc3;font-size:11px}.call-members .speaking .member-initial{border-color:#c7eb7d;box-shadow:0 0 10px #c7eb7d20}.call-members strong{display:block;font-weight:500;font-size:11px}.call-members small{margin-left:auto;font-size:8px;color:#829775}.call-controls{display:flex;gap:6px;margin-top:20px;flex-wrap:wrap}.call-controls button{padding:11px 13px;font-size:10px;background:#23331f;border:1px solid #9ab27e3b;color:#b7cda4}.call-note{font-size:9px;line-height:1.7;color:#7e926f;margin:14px 0 0}.screen-picker{display:flex;gap:6px;overflow:auto;margin-top:10px}.screen-picker button{font-size:9px;border:1px solid #849c6a44;background:none;color:#9bb385;padding:6px 9px;white-space:nowrap}.screen-picker button.selected{background:#34492a;color:#d2e7bd}@media(max-width:1050px){.meeting-layout{grid-template-columns:1fr}.online-list{margin-top:5px}.pause-sidebar nav{margin-top:38px}.pause-sidebar nav button{padding:11px 0}}@media(max-width:650px){.pause-sidebar nav{gap:17px}.call-bar{bottom:15px}.call-bar button{font-size:8px;padding:12px 9px}.call-bar small{display:none}.call-bar button:first-child{max-width:150px;overflow:hidden;text-overflow:ellipsis}.call-panel{right:15px;top:65px;padding:18px;max-height:calc(100dvh - 140px)}.call-members small{font-size:7px}.call-controls button{font-size:9px;padding:10px}.online-list article{padding:12px 0}.channel-card{padding:16px}.meeting-intro{font-size:10px}.identity-form label{font-size:11px}}
body:has(#callPanel:not([hidden])) .pause-shell{filter:brightness(.3) blur(2px);pointer-events:none}.call-panel{width:min(700px,calc(100vw - 40px));right:50%;top:50%;transform:translate(50%,-50%);max-height:calc(100dvh - 120px)}@media(max-width:650px){.call-panel{right:50%;top:50%;transform:translate(50%,-50%);max-height:calc(100dvh - 130px)}}
.call-panel header{position:sticky;top:-22px;background:#17221cf5;z-index:2;padding:8px 0 12px}.screen-stage video{height:min(35dvh,360px);aspect-ratio:auto}.call-controls{position:sticky;bottom:-22px;background:#17221cf5;padding:15px 0 10px;z-index:2}.call-members{max-height:230px;overflow:auto}@media(max-width:650px){.call-panel header{top:-18px}.call-controls{bottom:-18px}.screen-stage video{height:28dvh}}
/* Pause interface: quiet graphite surfaces, readable navigation, one accent. */
:root{--paper:#f1f2ef;--muted:#a0a6a2;--accent:#d8e8b4;--line:#ffffff16}
.pause-menu{background:#101413ec;backdrop-filter:blur(24px);overscroll-behavior:contain}
.pause-shell{max-width:1340px;grid-template-columns:220px minmax(0,1fr);gap:68px;padding:48px 64px 36px}
.pause-sidebar{min-height:calc(100dvh - 84px);border-right:1px solid var(--line);padding-right:30px}
.pause-brand{font-size:29px;letter-spacing:-1.6px}.pause-kicker{font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.8px;color:#7f8983;margin-top:12px}
.pause-sidebar nav{margin-top:45px;gap:5px}.pause-sidebar nav button{padding:12px 13px;font-size:15px;letter-spacing:-.25px;color:#949e97;border-radius:5px;transition:background .15s,color .15s}
.pause-sidebar nav button:hover{background:#ffffff06;color:#fff}.pause-sidebar nav button.selected{box-shadow:none;background:#ffffff0c;color:#f5f6f2;padding-left:13px}
.pause-sidebar nav button.selected:after{content:'';width:5px;height:5px;background:var(--accent);border-radius:50%}
.pause-sidebar nav .resume{font-size:15px;color:#e0e9d5;border:1px solid #ffffff24;padding:13px;margin-bottom:18px}.resume span{font-size:15px}
.pause-sidebar footer{gap:16px;font-family:Arial,sans-serif;font-size:9px;color:#7d8981;padding-top:32px}.menu-profile{display:flex;align-items:center;gap:11px;padding-top:18px;border-top:1px solid var(--line)}.menu-profile>span{width:32px;height:32px;border:1px solid #ffffff24;display:grid;place-items:center;border-radius:50%;font-size:12px;color:#d9e1d4}.menu-profile strong{font-size:11px;color:#d8dfd7;display:block;font-weight:500}.menu-profile small{display:block;margin-top:4px;font-size:9px;color:#7d8981}
.close-menu{font-size:10px;color:#9aa59d;padding:5px 0}.close-menu kbd{border-color:#ffffff25;padding:4px 6px}
#menuContent{margin-top:44px;padding-bottom:20px}.page-kicker{font-family:Arial,sans-serif;font-size:9px;letter-spacing:1.8px;color:#8e9c92}
.pause-content h1{font-size:43px;font-weight:400;letter-spacing:-1.8px;margin:14px 0 30px}.paused-home{padding-top:18px}.paused-home h1{font-size:clamp(44px,6vw,75px);letter-spacing:-3.5px;margin:18px 0 24px}.pause-copy{font-size:13px!important;line-height:1.8;color:#a0aaa3;max-width:370px}
.home-actions{display:grid;margin-top:35px;max-width:480px}.home-actions button{display:flex;justify-content:space-between;align-items:center;background:none;border:0;border-bottom:1px solid var(--line);padding:20px 0;color:#e0e5de;font-size:14px;text-align:left}.home-actions button span{color:#9cab9b}.home-actions button:hover{color:var(--accent)}
.voice-tip{display:flex;gap:13px;align-items:center;margin-top:34px;font-size:11px;color:#bec9be}.voice-tip kbd{font-size:13px;padding:10px 13px;border-color:#ffffff28}.voice-tip small{display:block;font-size:10px;color:#738279;margin-top:6px}.small-meta{margin-top:38px;color:#78867c;font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.5px}
.identity-form{max-width:470px}.identity-form label{font-size:12px;color:#c6d0c7;margin-top:26px}.identity-form input,.instagram-input{background:#ffffff04;border-color:#ffffff24;border-radius:4px}.identity-form input{padding:14px;font-size:14px}.instagram-input input{background:none}.identity-form .plain-action{margin-top:9px;background:#dce6cf;color:#253123;border:0;padding:13px 20px;border-radius:4px;font-size:12px}.skin-note{font-size:11px;line-height:1.7;color:#8f9c91}.skin-card{background:#ffffff03;border-color:#ffffff17;border-radius:6px}.skin-card img{background:linear-gradient(#18201c,#252d27);height:166px}.skin-card .skin-body{padding:15px}.skin-card strong{font-size:13px}.skin-card small{font-family:Arial,sans-serif;font-size:8px;color:#8c9c8c}.skin-card.selected{border-color:#b2c497}
.meeting-intro{font-size:12px;color:#a1afa3;max-width:420px}.meeting-layout{gap:28px}.channel-list{gap:8px}.channel-card{border:1px solid #ffffff16;border-radius:5px;background:#ffffff03;padding:17px 18px;min-height:76px;transition:background .15s,border-color .15s}.channel-card:hover{background:#ffffff08;border-color:#ffffff3d}.channel-card.selected{border-color:#a4b58c;background:#d3e3b509}.channel-card strong{font-size:13px;font-weight:500;color:#e1e8df}.channel-card small{font-size:9px;color:#88998b;margin-top:7px}.channel-card b{font-size:10px;color:#bac9ac;font-weight:400}.online-list{border-left:1px solid var(--line);padding-left:24px}.online-list h2{font-family:Arial,sans-serif;font-size:12px;font-weight:400;color:#aebcaf;letter-spacing:0;margin:0 0 20px}.online-list article{padding:13px 0;border-color:#ffffff0d}.online-list strong{font-size:11px;color:#d6dfd3}.online-list small,.online-list a{font-size:10px;color:#8f9e90}.presence-dot{width:5px;height:5px;background:#9eb882}
.call-panel{border-color:#ffffff25;background:#151c18;border-radius:8px;box-shadow:0 25px 90px #0008;max-height:84dvh;overflow:auto}.call-panel header{background:#151c18}.call-panel h2{font-size:24px;font-weight:400;letter-spacing:-.7px}.call-controls{background:#151c18}.call-controls button{border-radius:4px;padding:12px;font-size:11px;border-color:#ffffff25}.call-note{font-size:10px;color:#8c9c8d}.call-members{max-height:220px}.call-members article{padding:15px 0}.member-initial{background:#ffffff08;color:#cedbc2}.no-screen{background:#ffffff03;border:1px dashed #ffffff1d;border-radius:5px;font-size:12px;color:#8e9e91;min-height:140px}.call-bar{background:#151d18e6;backdrop-filter:blur(18px);border-radius:6px;border-color:#ffffff24;bottom:22px}.call-bar button{font-size:10px}.call-bar small{font-size:9px;color:#8e9e90}
.proximity-status{position:absolute;bottom:25px;left:27px;color:#e4efdc;background:#16221bd9;backdrop-filter:blur(10px);border:1px solid #c1d2b52e;padding:9px 13px;border-radius:4px;font-size:11px;pointer-events:none}
.setting-row span,.control-row{color:#c9d4c9}.setting-row small{color:#899b8b;font-size:10px}.setting-row select{border-color:#ffffff27;color:#d4dfcc;background:#1a241c;font-size:12px}.control-row{font-size:13px;padding:18px 0}.plain-action{font-size:11px;color:#c6d3bb;border-color:#ffffff2b;border-radius:4px}
@media(max-width:1050px){.pause-shell{padding:34px 32px;grid-template-columns:185px minmax(0,1fr);gap:35px}.pause-sidebar{padding-right:22px;min-height:calc(100dvh - 68px)}.meeting-layout{grid-template-columns:minmax(0,1fr) 155px;gap:20px}.online-list{padding-left:18px}.channel-card{padding:14px}.pause-content h1{font-size:36px}.paused-home h1{font-size:60px}.skin-card img{height:138px}}
@media(max-width:650px){.pause-shell{display:block;padding:25px 23px}.pause-sidebar{border:0;padding:0;min-height:0}.pause-brand{font-size:25px}.pause-kicker{font-size:7px}.pause-sidebar nav{margin-top:26px;padding-bottom:13px;gap:20px}.pause-sidebar nav button{font-size:12px!important;border:0!important;border-radius:0}.pause-sidebar nav button.selected{background:none;box-shadow:0 2px #c2d3ac!important}.pause-sidebar nav button.selected:after{display:none}.pause-sidebar footer{display:none}.close-menu{top:-100px;right:0;font-size:9px}.pause-content{padding-top:0}#menuContent{margin-top:31px}.paused-home{padding-top:12px}.paused-home h1{font-size:53px}.pause-content h1{font-size:34px}.home-actions{margin-top:22px}.voice-tip{margin-top:25px}.small-meta{margin-top:25px}.meeting-layout{grid-template-columns:1fr}.online-list{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.skin-card img{height:125px}.call-panel{max-height:88dvh}.call-controls{flex-wrap:wrap}.call-members{max-height:170px}.channel-card{min-height:70px}.proximity-status{left:20px;bottom:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.seat-prompt{position:absolute;z-index:6;bottom:85px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:11px;background:#151d19e8;backdrop-filter:blur(12px);border:1px solid #d3dec436;border-radius:5px;color:#edf2e7;padding:10px 17px;font-size:12px;pointer-events:none}.seat-prompt kbd{font-size:12px;border-color:#d1e0bb55;padding:4px 7px}.menu-open .seat-prompt{display:none}
/* Meetings use a focused stage, participant rail and compact, persistent controls. */
.call-panel{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(1180px,94vw);height:min(760px,88dvh);max-height:88dvh;overflow:hidden;display:flex;flex-direction:column;padding:0;background:#171a21;border:1px solid #ffffff1c;border-radius:14px;color:#edf0f5;box-shadow:0 35px 120px #0009;z-index:35;font-family:Arial,Helvetica,sans-serif}
.call-panel .meeting-header{position:static;flex:none;display:flex;align-items:center;gap:20px;padding:24px 28px;background:#1d2028;border-bottom:1px solid #ffffff0d;z-index:2}
.meeting-header>div:first-child{flex:1}.meeting-header .page-kicker{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.8px;color:#8d98a8}.meeting-header h2{font-size:24px;letter-spacing:-.7px;margin:9px 0 0;font-weight:500}.meeting-header-meta{font-size:11px;color:#8f99a8;display:flex;gap:10px;white-space:nowrap}.meeting-header>button{width:38px;height:38px;border:1px solid #ffffff1a;border-radius:8px;background:none;color:#c4cbd6;display:grid;place-items:center}.call-panel svg{width:20px;height:20px;display:block;flex-shrink:0}
.meeting-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 240px}.meeting-stage{min-width:0;min-height:0;overflow:auto;padding:22px;display:flex;flex-direction:column;justify-content:center;background:#12151b}.meeting-people{padding:25px 19px;overflow-y:auto;background:#1a1d25;border-left:1px solid #ffffff0b}.meeting-people h3{font-size:12px;font-weight:500;color:#bcc5d2;margin:0 0 21px}.meeting-people h3 span{font-size:10px;color:#6f7b8c;margin-left:7px}
.participant-stage{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;align-content:center;flex:1}.participant-tile{min-height:160px;max-height:280px;background:#252a36;border:2px solid transparent;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;padding:40px 16px}.participant-tile:nth-child(2n){background:#29312f}.participant-tile:nth-child(3n){background:#302e37}.participant-tile.is-speaking{border-color:#69d18a;box-shadow:inset 0 0 0 1px #69d18a22}.participant-avatar{width:78px;height:78px;display:grid;place-items:center;border-radius:50%;background:#ffffff0b;color:#d7dce8;font-size:29px;font-weight:400}.participant-tile footer{position:absolute;bottom:13px;left:15px;right:15px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#e5e9ef}.tile-mic{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;color:#b6c0cd}.tile-mic svg{width:15px;height:15px}.tile-mic.off{color:#7c8797;background:#151922}.stage-hint{font-size:10px;line-height:1.7;color:#798495;margin:16px 0 0}
.meeting-person{display:flex;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #ffffff08}.person-avatar{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;background:#303642;color:#cbd4e3;border-radius:50%;font-size:13px}.meeting-person>div{flex:1;min-width:0}.meeting-person strong{display:block;font-size:11px;color:#e4e9f0;font-weight:500;overflow-wrap:anywhere}.meeting-person strong small{font-size:8px;color:#7f8b9c;margin-left:5px}.meeting-person>div>small{display:block;font-size:9px;color:#758194;margin-top:5px}.meeting-person a{display:block;font-size:9px;color:#a6b69a;text-decoration:none;margin-top:5px}.person-indicator{width:5px;height:5px;border-radius:50%;background:#4c5667}.person-indicator.speaking{background:#6cdf92;box-shadow:0 0 0 4px #6cdf9212}.meeting-person.is-speaking .person-avatar{outline:2px solid #6cdf92}.meeting-person.is-speaking strong{color:#8be6a6}.meeting-voice-note{display:flex;gap:9px;align-items:center;margin-top:25px;color:#a4aebe;font-size:10px;line-height:1.5}.meeting-voice-note kbd{border-color:#ffffff2a;padding:6px 9px}.meeting-voice-note small{display:block;color:#69778c;font-size:9px;margin-top:4px}
.meeting-bottom{flex:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 24px;background:#1d2028;border-top:1px solid #ffffff0d}.meeting-audio-state{display:flex;gap:9px;align-items:center;color:#c1c9d6;font-size:10px;min-width:135px}.meeting-audio-state small{display:block;font-size:9px;color:#748196;margin-top:5px}.call-panel .call-controls{position:static;background:none;border:0;padding:0;display:flex;gap:8px;flex-wrap:nowrap;margin:0}.call-panel .call-controls button{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #ffffff18;background:#303540;color:#e5eaf2;border-radius:9px;padding:13px 15px;font-size:11px;margin:0;min-height:46px;white-space:nowrap}.call-panel .call-controls button:hover{background:#3a414e}.call-panel .call-controls button.active{background:#51456e;border-color:#8e7fb0;color:#fff}.call-panel .call-controls button.mic-off{background:#3b2c33;color:#efc9cf}.call-panel .call-controls button.leave-call{background:#a3444c;border-color:#bb5660;color:#fff}.return-world{background:none;border:0;color:#98a3b5;font-size:10px;white-space:nowrap;padding:9px 0}.return-world kbd{margin-left:8px;border-color:#ffffff1d;font-size:8px}.meeting-error{background:#4b2f32;padding:13px 24px;font-size:11px;line-height:1.5;display:flex;gap:15px;align-items:center;justify-content:space-between;color:#f2c9ce}.meeting-error button{background:none;border:1px solid #e8b2bc55;border-radius:5px;padding:7px 10px;font-size:10px;color:#fff;white-space:nowrap}
.presentation-grid{display:grid;grid-template-columns:1fr;gap:12px;align-content:center}.presentation-grid.count-2,.presentation-grid.count-3,.presentation-grid.count-4,.presentation-grid.count-5,.presentation-grid.count-6{grid-template-columns:repeat(2,minmax(0,1fr))}.presentation-card{background:#080a0e;border:1px solid #ffffff17;border-radius:8px;overflow:hidden;min-width:0}.presentation-card video{display:block;width:100%;aspect-ratio:16/9;max-height:48dvh;object-fit:contain;background:#050609}.presentation-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;font-size:10px;color:#8390a4}.presentation-card footer b{font-weight:500;color:#e1e7ef;margin-right:6px}.presentation-card footer button{background:none;border:0;color:#b5bfd0;font-size:18px;padding:0 5px}
.call-bar{padding:5px;background:#1c2028ef;border-color:#ffffff1f;border-radius:10px;gap:3px;box-shadow:0 8px 25px #0003}.call-bar button{display:flex;gap:8px;align-items:center;background:none;border:0;border-radius:6px;padding:10px 12px;color:#cfd7e5;font-size:10px}.call-bar button svg{width:16px;height:16px}.call-bar button:hover{background:#ffffff0a}.call-bar button.active{background:#4d416b;color:#e9e0ff}.call-bar button.leave-call{color:#e9a6ac}.call-bar small{color:#77859c;font-size:9px}.presence-dot.speaking{background:#78eb95;box-shadow:0 0 0 3px #78eb9515}
@media(max-width:1000px){.meeting-body{grid-template-columns:minmax(0,1fr) 200px}.meeting-audio-state{display:none}.return-world{font-size:0}.return-world kbd{font-size:9px}.meeting-bottom{justify-content:center}.participant-tile{min-height:145px}.meeting-header-meta{font-size:10px}.call-panel .call-controls button{padding:12px}}
@media(max-width:650px){.call-panel{width:96vw;height:92dvh;max-height:92dvh;border-radius:10px}.call-panel .meeting-header{padding:18px}.meeting-header h2{font-size:20px}.meeting-header-meta{display:none}.meeting-body{display:flex;flex-direction:column}.meeting-stage{flex:1;padding:14px}.meeting-people{flex:none;border-left:0;border-top:1px solid #ffffff10;padding:12px 15px;max-height:150px;display:flex;gap:14px;overflow:auto}.meeting-people h3,.meeting-voice-note{display:none}.meeting-person{flex:0 0 160px;padding:5px 0;border:0}.meeting-person a{display:none}.participant-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.participant-tile{min-height:135px}.participant-avatar{width:54px;height:54px;font-size:22px}.participant-tile footer{font-size:10px;bottom:10px;left:10px;right:10px}.meeting-bottom{padding:13px 10px;gap:8px}.call-panel .call-controls{gap:5px}.call-panel .call-controls button{padding:11px 12px;min-height:44px}.call-panel .call-controls button span{display:none}.return-world kbd{display:none}.return-world{width:25px;height:35px;font-size:0}.return-world:after{content:'↩';font-size:20px}.presentation-grid{grid-template-columns:1fr!important}.call-bar button{padding:9px 8px}.call-bar small{display:none}.call-bar button>span{display:none}.meeting-error{padding:10px 14px;font-size:10px}}

.meeting-stage,.meeting-people{scrollbar-width:thin;scrollbar-color:#434c5b transparent}.meeting-stage::-webkit-scrollbar,.meeting-people::-webkit-scrollbar{width:7px}.meeting-stage::-webkit-scrollbar-thumb,.meeting-people::-webkit-scrollbar-thumb{background:#434c5b;border-radius:6px}.meeting-stage::-webkit-scrollbar-track,.meeting-people::-webkit-scrollbar-track{background:transparent}
/* V3.6 — game controls own their gestures; forms retain text editing. */
html,body{overscroll-behavior:none;touch-action:manipulation}.game{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button,a,kbd{touch-action:manipulation;-webkit-tap-highlight-color:transparent}input,textarea{user-select:text;-webkit-user-select:text}#world,.joystick,.mobile-actions,.mobile-actions button,.menu-trigger{touch-action:none}#runBtn[aria-pressed=true]{background:#e0ce86;color:#171816}.menu-trigger{min-height:44px}.menu-trigger kbd{pointer-events:none}
#toast{top:calc(env(safe-area-inset-top) + 22px);bottom:auto;max-width:min(560px,calc(100vw - 32px));transform:translate(-50%,-140%);border:1px solid #ffffff24;background:#171a1ef5;color:#eee;box-shadow:0 8px 28px #0003;font-size:12px;line-height:1.5;border-radius:6px;padding:12px 20px}#toast.visible{transform:translate(-50%,0)}.seat-prompt{top:calc(env(safe-area-inset-top) + 78px);bottom:auto}.location-toast{top:calc(env(safe-area-inset-top) + 32px);bottom:auto;left:28px;font-size:16px}.entry-hint{bottom:95px}.call-bar{bottom:calc(env(safe-area-inset-bottom) + 18px)}body:has(#callPanel:not([hidden])) .call-bar{display:none}.proximity-status{bottom:calc(env(safe-area-inset-bottom) + 28px)}
/* Pause: an architectural grid, compact navigation and strong editorial type. */
.pause-menu{background:linear-gradient(120deg,#0d1014f5,#12171be8);backdrop-filter:blur(10px);color:#eef0f2}.pause-shell{display:block;max-width:1440px;padding:34px 6vw 36px}.pause-sidebar{display:contents;border:0}.pause-brand{font-size:31px;letter-spacing:-1.8px;display:inline-block}.pause-kicker{display:inline-block;margin:0 0 0 22px;color:#83909b;letter-spacing:2px}.pause-sidebar nav{display:flex;gap:0;border-top:1px solid #ffffff22;border-bottom:1px solid #ffffff22;margin:28px 0 0;padding:0;overflow-x:auto;scrollbar-width:none}.pause-sidebar nav button{position:relative;flex:1;min-width:max-content;justify-content:center;color:#a0a8b1;font-size:11px!important;font-weight:700;text-transform:uppercase;letter-spacing:1.3px;padding:17px 16px!important;box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;transition:background .15s,color .15s}.pause-sidebar nav .resume{color:#e7d59a;background:#ffffff05}.pause-sidebar nav .resume span{display:none}.pause-sidebar nav button:hover{background:#ffffff0d;color:#fff}.pause-sidebar nav button.selected{background:#eceeed;color:#101419}.pause-sidebar nav button.selected:after{display:none}.pause-sidebar footer{position:absolute;top:30px;right:6vw;display:flex;align-items:center;gap:18px;margin:0;padding:0;font:10px Arial;color:#97a3af}.menu-profile{padding:0;border:0}.menu-profile>span{width:29px;height:29px;border-radius:4px}.menu-profile strong{font-size:11px}.menu-profile small{font-size:9px}.pause-content{padding:0}.close-menu{position:fixed;bottom:22px;right:6vw;z-index:2;color:#a0aab2;font-size:10px;gap:10px}.close-menu kbd{font-size:10px}#menuContent{margin:37px 0 0;padding-bottom:40px;max-width:1100px}.page-kicker{font:9px monospace;letter-spacing:2px;color:#b9ab7c}.pause-content h1{font-size:clamp(32px,4vw,52px);font-weight:700;letter-spacing:-1.8px;margin:13px 0 28px}.paused-home{padding:0}.home-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.paused-home h1{font-size:clamp(42px,5vw,70px);letter-spacing:-3px;margin:12px 0}.paused-home .pause-copy{font-size:13px!important;line-height:1.5;margin:0;color:#98a3ad}.home-index{font-size:84px;letter-spacing:-5px;font-weight:700;color:#ffffff0b}.home-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}.home-map{position:relative;background:#181f23;border:1px solid #ffffff1c;padding:18px;text-align:left;overflow:hidden}.home-map canvas{width:100%;height:auto;max-height:30dvh;object-fit:contain;opacity:.85;filter:grayscale(.8)}.home-map>span{display:flex;justify-content:space-between;border-top:1px solid #ffffff1c;margin-top:14px;padding-top:15px;font:10px monospace;letter-spacing:1px;color:#c8cdd0}.home-map b{font-size:18px;color:#e0ce86}.home-actions{margin:0;max-width:none;grid-template-rows:repeat(3,1fr)}.home-actions button{display:block;position:relative;font-size:19px;font-weight:500;padding:18px 44px 18px 22px;border:1px solid #ffffff16;background:#ffffff03;margin-bottom:8px}.home-actions button:last-child{margin:0}.home-actions small{display:block;font:8px monospace;letter-spacing:1.5px;color:#83919f;margin-bottom:10px}.home-actions button span{position:absolute;right:22px;top:50%;color:#e0ce86}.small-meta{display:flex;justify-content:space-between;margin-top:24px;padding-top:16px;color:#788590;letter-spacing:1.4px;font:9px monospace}.plain-action{color:#dfd2ac;border-color:#ffffff30}.district-tabs button.selected{background:#e1d3aa;color:#13191b;border-color:#e1d3aa}.skin-card.selected,.channel-card.selected{border-color:#d1be85}.setting-row input{accent-color:#d1be85}.skin-card img{background:#1b2228}.online-list{border-color:#ffffff18}.channel-card{border-radius:2px;background:#ffffff03}.channel-card:hover{background:#ffffff08}
/* Call workspace: stage, view switcher, collapsible roster, intentional controls. */
.call-panel{width:min(1400px,96vw);height:92dvh;max-height:92dvh;border-radius:12px;background:#121519;box-shadow:0 28px 120px #0009}.call-panel .meeting-header{padding:19px 25px;background:#191d23;border-bottom:0;margin:0}.meeting-header h2{font-size:21px;font-weight:600;margin-top:7px}.meeting-header .page-kicker{font-size:8px;color:#95ad9f}.meeting-header-meta{font:11px monospace;gap:14px}.meeting-header>button{width:36px;height:36px;border-radius:6px;color:#c7d1d9}.meeting-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-shrink:0;padding:11px 25px;background:#191d23;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff12;font-size:11px;color:#d1d7dd}.meeting-toolbar small{color:#74818e;font-size:10px}.meeting-toolbar>div{display:flex;gap:7px}.meeting-toolbar button{padding:8px 12px;border:1px solid #ffffff17;border-radius:5px;background:#222831;color:#aebbc8;font-size:10px}.meeting-toolbar button[aria-pressed=true]{background:#36433e;border-color:#697f71;color:#e3eee7}.meeting-toolbar b{font:9px monospace;background:#ffffff10;border-radius:3px;padding:2px 4px;margin-left:4px}.meeting-body{grid-template-columns:minmax(0,1fr) 230px}.meeting-body.people-hidden{grid-template-columns:1fr}.people-hidden .meeting-people{display:none}.meeting-stage{padding:20px;background:#101318;justify-content:center}.meeting-people{padding:23px 18px;background:#181c22}.participant-stage{flex:0 1 100%;grid-auto-rows:minmax(160px,1fr);align-content:center}.participant-tile{border-radius:8px;background:#242e35;max-height:unset;min-height:190px}.participant-tile:only-child{min-height:36dvh}.participant-avatar{border-radius:24px;background:#ffffff07;width:88px;height:88px;font-size:34px}.participant-tile footer{font-size:12px}.meeting-bottom{padding:16px 24px;background:#191d23;gap:12px}.meeting-audio-state{font-size:10px;color:#a7b4be}.meeting-audio-state small{font-size:9px;color:#71808e}.call-panel .call-controls{gap:8px}.call-panel .call-controls button{height:46px;padding:10px 17px;border-radius:7px;background:#2a313a;font-size:11px;border-color:#ffffff12}.call-panel .call-controls button.active{background:#d5e6dc;color:#1e382a;border-color:#d5e6dc}.call-panel .call-controls button.mic-off{background:#2a313a;color:#ccd4dc}.call-panel .call-controls button.leave-call{background:#ae3c49;color:#fff;border-color:#ae3c49}.call-panel .return-world{font-size:10px;color:#a0aeb9}.stage-hint{margin:14px 0 0;font-size:10px;color:#6f8292;text-align:center}.presentation-grid.layout-focus:not(.count-1){grid-template-columns:repeat(3,minmax(0,1fr));align-content:start}.layout-focus .presentation-card.focused{grid-column:1/-1;grid-row:1}.layout-focus .presentation-card:not(.focused) video{max-height:15dvh}.presentation-card video{max-height:50dvh}.presentation-card footer{padding:9px 12px}.presentation-card footer .focus-presentation{flex:1;text-align:left;font-size:10px;color:#899aa9;padding:3px 0}.presentation-card footer .focus-presentation b{font-size:10px}.call-bar{border-radius:8px;background:#191e25f2}.call-bar button{font-size:11px}.call-bar button.active{background:#d5e6dc;color:#1e382a}.call-bar button:first-child{max-width:240px;overflow:hidden}.call-bar button:first-child small{white-space:nowrap}
@media(max-width:900px){.pause-shell{padding:27px 28px}.pause-sidebar footer{right:28px;top:26px}.pause-kicker{display:none}.pause-sidebar nav button{font-size:9px!important;padding:15px 11px!important}.home-grid{gap:15px}.home-actions button{font-size:16px;padding:15px}.home-index{font-size:65px}.meeting-audio-state{display:none}.meeting-toolbar{padding:10px 18px}.meeting-toolbar small{display:none}.meeting-bottom{justify-content:center}.call-panel .return-world{font-size:0}.return-world kbd{font-size:10px}}
@media(max-width:650px){.pause-shell{padding:22px 20px}.pause-brand{font-size:27px}.pause-sidebar footer{display:none}.pause-sidebar nav{margin-top:20px}.pause-sidebar nav button{flex:none;font-size:9px!important;padding:15px 13px!important}.pause-content{padding:0}.close-menu{position:fixed;top:19px;right:20px;bottom:auto;font-size:10px;min-height:32px}.close-menu kbd{display:inline-block}#menuContent{margin-top:28px}.home-heading{margin-bottom:21px}.paused-home h1{font-size:46px;letter-spacing:-2px}.home-index{font-size:54px}.home-grid{grid-template-columns:1fr;gap:16px}.home-map{padding:12px}.home-map canvas{max-height:21dvh}.home-map>span{padding-top:10px;margin-top:8px;font-size:8px}.home-actions{grid-template-rows:auto;grid-template-columns:1fr}.home-actions button{font-size:15px;padding:14px 16px}.home-actions small{font-size:7px;margin-bottom:7px}.small-meta{font-size:7px;gap:12px}.identity-form input,.setting-row select{font-size:16px}.call-panel{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.call-panel .meeting-header{padding:calc(14px + env(safe-area-inset-top)) 16px 14px}.meeting-header h2{font-size:18px}.meeting-header-meta{display:none}.meeting-toolbar{padding:9px 14px;gap:5px;font-size:10px}.meeting-toolbar button{font-size:9px;padding:8px}.meeting-body{display:flex}.meeting-stage{padding:12px}.meeting-people{max-height:100px;padding:12px;gap:12px}.participant-tile{min-height:150px}.participant-tile:only-child{min-height:33dvh}.participant-avatar{width:64px;height:64px;font-size:26px;border-radius:18px}.meeting-bottom{padding:12px 10px calc(12px + env(safe-area-inset-bottom));gap:10px}.call-panel .call-controls button{min-width:48px;padding:12px}.call-panel .call-controls button span{display:none}.call-panel .return-world{width:32px;flex:none}.return-world:after{font-size:23px}.return-world kbd{display:none}.presentation-grid.layout-focus:not(.count-1){grid-template-columns:repeat(2,minmax(0,1fr))!important}.layout-focus .presentation-card:not(.focused) video{max-height:12dvh}.presentation-card video{max-height:45dvh}.call-bar{bottom:calc(env(safe-area-inset-bottom) + 12px)}.location-toast{font-size:12px;top:calc(env(safe-area-inset-top) + 24px);left:18px;max-width:55vw}.seat-prompt{font-size:11px;max-width:85vw}#toast{font-size:11px;top:calc(env(safe-area-inset-top) + 70px)}.seat-prompt{top:calc(env(safe-area-inset-top) + 125px)}.joystick{bottom:calc(env(safe-area-inset-bottom) + 105px)}.mobile-actions{bottom:calc(env(safe-area-inset-bottom) + 125px)}}
@media(max-height:500px) and (pointer:coarse){.meeting-people{display:none}.meeting-toolbar{padding:5px 14px}.meeting-header .page-kicker{display:none}.call-panel .meeting-header{padding:10px 16px}.meeting-bottom{padding:8px}.participant-tile{min-height:110px}.participant-avatar{width:50px;height:50px}.joystick{bottom:30px}.mobile-actions{bottom:50px}.call-bar{bottom:8px}.home-grid{grid-template-columns:1fr 1fr}.home-map canvas{max-height:35dvh}}
#toast{width:max-content;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s}#toast.visible{opacity:1;visibility:visible}.participant-tile:only-child{grid-column:1/-1}.meeting-stage{width:100%}.meeting-body.people-hidden .meeting-stage{flex:1}.close-menu{top:auto}.pause-content{position:static}.small-meta{padding-bottom:16px}@media(max-width:650px){.close-menu{top:19px}.meeting-toolbar>span{min-width:0}.meeting-people{width:100%}}
@media(min-width:651px){.paused-home .small-meta{padding-right:180px}}
/* V3.7: pause composition follows the supplied GTA V references. */
.pause-menu{background:#10131265;backdrop-filter:blur(7px) saturate(.7);color:#fff}.pause-shell{max-width:1500px;padding:7dvh 5vw 28px}.pause-brand{font:32px Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-.5px;font-weight:500;text-shadow:0 2px 5px #0008}.pause-kicker{display:none}.pause-sidebar footer{top:6.5dvh;right:5vw;color:white;flex-direction:row-reverse;gap:12px;text-shadow:0 2px 3px #000}.menu-profile{flex-direction:row-reverse;text-align:right}.menu-profile>span{width:40px;height:42px;border-radius:0;background:#24292de6;font-size:20px}.menu-profile strong{text-transform:uppercase;font:13px Impact,Arial,sans-serif;color:#fff}.menu-profile small{color:#e0e4e6;font-size:10px}.pause-sidebar nav{margin-top:16px;border:0;gap:2px;overflow-x:auto;background:none}.pause-sidebar nav #resumeBtn{display:none}.pause-sidebar nav button{font:12px Arial,sans-serif!important;letter-spacing:0;padding:10px 18px!important;flex:1;min-width:100px;background:#070b0cb3;color:#fff;height:38px}.pause-sidebar nav button:hover{background:#141a1bd9}.pause-sidebar nav button.selected{background:#f3f4f0;color:#111;box-shadow:inset 0 4px #8caf83!important}.pause-content{position:static}.close-menu{display:none}#menuContent{margin-top:12px;max-width:none;padding:28px;background:#080c0dc9;min-height:56dvh;max-height:65dvh;overflow:auto}.pause-content h1{font:30px Arial,sans-serif;letter-spacing:-.4px;font-weight:500;margin:0 0 26px}.page-kicker{display:none}.pause-copy,.meeting-intro{color:#d1d5d4}.map-layout{position:relative;display:block}.map-preview{display:block;width:100%;height:48dvh;aspect-ratio:auto;object-fit:contain;background:#171c1dec;padding:15px;border:0;filter:grayscale(1)}#menuContent:has(.map-layout){padding:0;background:#13191bec;position:relative}.district-tabs{position:absolute;left:18px;top:14px;z-index:2;gap:3px}.district-tabs button{font-size:10px;border:0;border-radius:0;padding:10px 14px;color:#ddd;background:#050808bd}.district-tabs button.selected{background:#f2f2ed;color:#111}.pause-content:has(.map-layout) h1{display:none}.map-layout .room-list{position:absolute;right:16px;top:18px;width:180px;background:#050808c4;padding:8px}.room-list button{font-size:10px;color:#f0f2f1;padding:10px 8px;border-color:#ffffff26}.room-list button span{color:#aeb8b5;font-size:9px}.room-list button:hover{background:#f0f0eb;color:#161b19}.room-list button:hover span{color:#222}.pause-help{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:14px 0;font:11px Arial;color:#f5f5f0;text-shadow:0 1px 4px #000}.pause-help>span{display:flex;align-items:center;gap:5px}.pause-help kbd{background:#f5f5f0;border:0;border-radius:1px;color:#101512;font:11px Arial;min-width:18px;padding:3px 5px;text-shadow:none}.pause-help button{background:none;border:0;color:#fff;font:11px Arial;display:flex;align-items:center;gap:8px}.channel-list{gap:1px}.channel-card{border:0;border-bottom:1px solid #ffffff2b;border-radius:0;background:#0003;min-height:60px;padding:13px 14px}.channel-card:hover,.channel-card.selected{background:#eeefea;color:#171c19}.channel-card:hover strong,.channel-card.selected strong,.channel-card:hover small,.channel-card.selected small,.channel-card:hover b,.channel-card.selected b{color:#1e2623}.identity-form{max-width:550px}.skin-card{border-radius:0}.skin-card.selected{border-color:#a5c29a}.skin-card img{background:#1e2525}.plain-action{border-radius:0;color:#fff;border-color:#ffffff38}.setting-row select{background:#101615;color:#fff}.control-row,.setting-row span{color:#ecefeb}.pause-menu .skins-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.skin-card img{height:24dvh}.skin-card strong{font-size:11px}.skin-card small{font-size:7px}.skin-body{padding:10px!important}.webcam-tile,.person-avatar video{width:100%;height:100%;object-fit:cover}.participant-tile:has(.webcam-tile) .participant-avatar{position:absolute;inset:0;width:100%;height:100%;border-radius:6px;overflow:hidden}.participant-tile:has(.webcam-tile) footer{background:#0508089c;padding:8px 10px;left:8px;right:8px;bottom:8px;border-radius:4px}.person-avatar{overflow:hidden}.call-panel .call-controls button{padding:10px 13px}.call-bar button:first-child{max-width:210px}.call-bar #barCamera span{display:none}
@media(max-width:900px){.pause-shell{padding:6dvh 4vw 24px}.pause-menu .skins-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pause-sidebar footer{top:5dvh;right:4vw}.pause-sidebar nav button{min-width:95px;padding:11px 15px!important}.map-layout .room-list{width:155px}.meeting-bottom{gap:7px}.call-panel .call-controls{gap:6px}}
@media(max-width:650px){.pause-shell{padding:28px 16px 20px}.pause-brand{font-size:28px}.pause-sidebar footer{display:none}.pause-sidebar nav{margin-top:18px;padding-bottom:0}.pause-sidebar nav button{font-size:10px!important;min-width:90px;height:36px;flex:none;padding:10px 16px!important}.pause-sidebar nav button.selected{box-shadow:inset 0 3px #8caf83!important}#menuContent{padding:20px 16px;max-height:71dvh;min-height:58dvh}.pause-content h1{font-size:26px}.pause-menu .skins-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-card img{height:175px}.map-preview{height:38dvh}.map-layout .room-list{position:static;display:grid;grid-template-columns:1fr 1fr;width:100%;padding:8px 12px}.room-list button{font-size:10px;padding:10px 5px}.district-tabs{position:static;margin:0;padding:10px;background:#111717}.district-tabs button{padding:8px 12px}.pause-help{font-size:10px;padding-top:15px;justify-content:space-between;gap:10px}.pause-help button{font-size:10px}.pause-help>span{gap:4px}.meeting-bottom .call-controls{gap:5px}.call-panel .call-controls button{min-width:43px;padding:10px}.call-panel .call-controls svg{width:18px;height:18px}.call-bar{max-width:calc(100vw - 14px)}.call-bar button{padding:9px 7px;font-size:9px}.call-bar button:first-child{max-width:135px}}
/* V3.8 — cobalt and midnight blue, with daylight-neutral architecture. */
:root{--accent:#6c9fff;--line:#ffffff1c}.pause-sidebar nav button.selected{box-shadow:inset 0 4px #3d75e8!important}.pause-menu{background:#07152b65}.channel-card.selected{background:#e7efff;color:#0c224b}.call-panel{background:#0b1425;border-color:#2b4163}.call-panel .meeting-header,.meeting-toolbar,.meeting-bottom{background:#101f36}.meeting-stage{background:#091324}.meeting-people{background:#101e33}.participant-tile{background:#172c47}.participant-tile:nth-child(2n){background:#1b2b50}.participant-tile:nth-child(3n){background:#233851}.call-panel .call-controls button{background:#243c5e;border-color:#ffffff13}.call-panel .call-controls button.active{background:#417cf1;color:#fff;border-color:#6095ff}.call-panel .call-controls button.leave-call{background:#ae3c49;border-color:#ae3c49}.call-bar{background:#0d1e38f2;border-color:#3a5277}.call-bar button.active{background:#3769c9;color:#fff}.meeting-toolbar button[aria-pressed=true],.meeting-toolbar button.active{background:#274d8a;color:#eaf2ff;border-color:#5687cf}.meeting-toolbar{flex-wrap:wrap;gap:10px}.meeting-toolbar>div{flex-wrap:wrap}.meeting-social{display:flex;gap:12px;align-items:center;padding:9px 24px;border-top:1px solid #ffffff0d;background:#0d1b30;flex:none}.meeting-social button{border:1px solid #ffffff20;background:#1a304f;color:#dceaff;padding:7px 10px;border-radius:5px;font-size:10px;white-space:nowrap}.meeting-social button[aria-pressed=true]{background:#3769c9;border-color:#6e9dff}.reaction-buttons{display:flex;gap:4px}.reaction-buttons button{font-size:15px;background:none;border-color:transparent;padding:4px 7px}.reaction-buttons button:hover{background:#ffffff10}.meeting-social>span{color:#abc3e8;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-tile footer>button{background:none;border:0;color:#f0f5ff;font-size:11px;padding:0;text-align:left}.participant-tile footer small{font-size:9px;margin-left:6px;color:#9fbee9}.participant-tile.is-pinned{grid-column:1/-1;order:-1;min-height:31dvh}.pin-person{background:none;border:0;color:#87a3c9;padding:3px;font-size:15px}.pinned-camera{height:23dvh;max-width:320px;position:relative;margin-bottom:12px;flex:none;overflow:hidden;border-radius:7px}.pinned-camera video{width:100%;height:100%;object-fit:cover}.pinned-camera span{position:absolute;bottom:5px;left:8px;padding:4px 6px;background:#061225b3;font-size:10px}.meeting-people:has(.room-chat){padding:0;overflow:hidden}.room-chat{display:flex;flex-direction:column;height:100%;min-height:0}.room-chat header{padding:20px 16px;border-bottom:1px solid #ffffff13;position:static;background:none;display:block!important;margin:0}.room-chat h3{margin:0 0 7px}.room-chat header small{font-size:9px;color:#8197b8;line-height:1.4;display:block}.chat-history{flex:1;min-height:80px;overflow:auto;padding:4px 16px}.chat-history article{padding:14px 0;border-bottom:1px solid #ffffff0b}.chat-history strong{font-size:10px;color:#b9d0f3}.chat-history time{font:8px monospace;color:#758ba9;margin-left:5px}.chat-history p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.6;color:#e5edf8;margin:6px 0 0}.chat-empty{color:#879ab8!important;font-size:11px!important;line-height:1.6;padding-top:14px}#roomChatForm{display:flex;gap:5px;padding:12px;border-top:1px solid #ffffff17}#roomChatInput{width:100%;min-width:0;background:#091526;border:1px solid #ffffff20;border-radius:5px;color:#eaf1ff;padding:11px;font-size:11px}#roomChatForm button{background:#3a70db;color:#fff;border:0;border-radius:4px;width:32px;flex:none;font-size:18px}.screen-picker,.lift-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,92vw);max-height:88dvh;overflow:auto;background:#0d1d35;border:1px solid #49658f;border-radius:12px;padding:28px;z-index:65;box-shadow:0 0 0 100vmax #020915bd,0 25px 90px #0008}.screen-picker header,.lift-panel header{position:relative;margin-bottom:24px}.screen-picker h2,.lift-panel h2{font-size:26px;letter-spacing:-.7px;margin:10px 0;font-weight:500}.screen-picker header>small,.lift-panel header>small{font:9px monospace;letter-spacing:1.6px;color:#8baee4}.screen-picker p{color:#99b1d2;font-size:12px;line-height:1.6}.screen-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.screen-slots button{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:20px 10px;background:#182f51;border:1px solid #45648e;color:#e9f2ff;border-radius:7px}.screen-slots button:hover{background:#244779;border-color:#86b1f4}.screen-slots svg{width:34px;height:34px}.screen-slots strong{font-size:13px;font-weight:500}.screen-slots small{font-size:9px;color:#90abd0}.screen-slots button:disabled{opacity:.35;cursor:default}#cancelScreenPicker{display:block;background:none;border:1px solid #ffffff30;border-radius:5px;color:#c3d6f2;padding:11px 20px;margin:22px 0 0 auto;font-size:11px}.lift-prompt{position:absolute;left:50%;top:130px;transform:translateX(-50%);z-index:6;background:#0d2345e8;border:1px solid #5c80b6;border-radius:6px;color:#eef5ff;font-size:12px;padding:12px 18px}.lift-prompt kbd{margin-right:9px}.lift-panel header button{position:absolute;right:0;top:0;background:none;border:0;color:#a9c2e8;font-size:25px}.lift-panel>button{display:flex;align-items:center;gap:20px;width:100%;padding:20px 14px;background:#142b4c;border:0;border-bottom:1px solid #ffffff13;color:#e6efff;text-align:left}.lift-panel>button:hover{background:#21477b}.lift-panel>button>b{font:24px monospace;color:#83aff8;width:65px}.lift-panel>button>span{font-size:15px;flex:1}.lift-panel small{display:block;font-size:10px;color:#8fa9ce;margin-top:7px}.lift-panel i{font-style:normal;font-size:10px;color:#b4cae9}.lift-panel>button:disabled{opacity:.35;cursor:default}.menu-open .lift-prompt{display:none}
@media(max-width:650px){.meeting-toolbar{padding:9px 12px}.meeting-toolbar>span{font-size:9px}.meeting-toolbar button{padding:7px 9px}.meeting-toolbar #toggleLayout{font-size:0}.meeting-toolbar #toggleLayout:after{content:'▦';font-size:16px}.meeting-social{padding:7px 12px;gap:7px}.meeting-social>span{display:none}.meeting-social button{font-size:10px;padding:7px}.reaction-buttons button{font-size:16px;padding:4px}.meeting-people:has(.room-chat){max-height:38dvh;height:34dvh;display:block}.room-chat header{display:none!important}.chat-history{padding:4px 13px}#roomChatInput{font-size:16px;padding:9px}#roomChatForm{padding:8px}.screen-picker,.lift-panel{padding:22px 18px}.screen-picker h2,.lift-panel h2{font-size:23px}.screen-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-slots button{padding:16px 9px}.lift-panel>button{padding:17px 8px;gap:10px}.lift-panel>button>b{font-size:20px;width:52px}.lift-panel>button>span{font-size:13px}.lift-prompt{top:170px}}
.call-panel .meeting-header .copy-call-link{width:auto;white-space:nowrap;font-size:10px;padding:9px 12px;border-color:#466593;color:#c9ddfc}.solo-intro{max-width:560px;margin:0 auto 22px;text-align:center}.solo-intro>small{font:8px monospace;letter-spacing:2px;color:#6d95ca}.solo-intro h3{font-size:26px;letter-spacing:-.7px;font-weight:500;margin:12px 0}.solo-intro p{font-size:12px;line-height:1.7;color:#8ca8ce}.is-solo .participant-stage{width:min(560px,100%);align-self:center;flex:0}.is-solo .participant-tile:only-child{min-height:22dvh;max-height:250px}.is-solo .stage-hint{max-width:560px;align-self:center}.participant-tile.is-speaking{border-color:#729bf2}@media(max-width:650px){.call-panel .meeting-header .copy-call-link{font-size:9px;padding:8px}.solo-intro{margin-bottom:16px}.solo-intro h3{font-size:23px}.solo-intro p{font-size:11px;max-width:280px;margin:auto}.is-solo .participant-tile:only-child{min-height:21dvh}}
.screen-picker{display:block;margin:0}.screen-picker header{display:block}.screen-picker .screen-slots{width:100%}
.chat-history article p{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default;touch-action:pan-y}
/* In-world chat: passive history, interactive only while typing. */
.game-chat{position:absolute;left:22px;bottom:26px;width:min(360px,calc(100vw - 44px));z-index:18;color:#ecefed;font:12px/1.55 Arial,sans-serif;opacity:.35;transition:opacity .2s,background .2s;background:linear-gradient(90deg,#080c0d75,transparent);padding:10px 12px 8px;border:1px solid transparent;border-radius:3px;pointer-events:none;text-shadow:0 1px 3px #000}
.game-chat.has-recent{opacity:.8}.game-chat.is-active{opacity:1;background:#080c0df0;border-color:#ffffff30;box-shadow:0 12px 40px #0005;pointer-events:auto}.game-chat header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.game-chat-title{font:9px monospace;letter-spacing:1px;color:#bbc4c1}.game-chat-close{display:none;border:0;background:none;color:#ddd;font-size:20px;padding:0 3px}.game-chat.is-active .game-chat-close{display:block}.game-chat-history{height:110px;overflow:hidden;mask-image:linear-gradient(transparent,#000 22%);overflow-wrap:anywhere}.game-chat.is-active .game-chat-history{height:220px;max-height:33dvh;overflow-y:auto;mask-image:none;overscroll-behavior:contain;user-select:text;-webkit-user-select:text;touch-action:pan-y}.game-chat-history p{margin:5px 0;white-space:pre-wrap}.game-chat-history strong{color:#d3d7a9;font-weight:600}.game-chat-empty{color:#a3ada8;font-size:11px}.game-chat form{display:none;border-top:1px solid #ffffff25;margin-top:9px;padding-top:9px;gap:6px}.game-chat.is-active form{display:flex}.game-chat input{flex:1;min-width:0;border:0;background:none;color:#fff;padding:8px 2px;font:13px Arial;outline:none;user-select:text;-webkit-user-select:text}.game-chat form button{border:1px solid #ffffff2a;background:#ffffff0a;color:#eee;border-radius:2px;padding:4px 10px}.game-chat-hint{pointer-events:auto;background:none;border:0;padding:5px 0 0;color:#d8dedb;font:10px Arial;text-align:left}.game-chat.is-active .game-chat-hint{display:none}.menu-open .game-chat{visibility:hidden}
.bindings-list{max-width:620px;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.bind-key{background:#ffffff09;color:#fff;border:1px solid #ffffff30;min-width:90px;padding:7px 10px;font:11px monospace;cursor:pointer}.bind-key:hover,.bind-key:focus{background:#f0f2ed;color:#111}.bindings-list .control-row{gap:12px;font-size:12px}
/* Auxiliary dialogs share the main pause menu's charcoal palette. */
.screen-picker,.lift-panel{background:#080c0df2;border-color:#ffffff30;border-radius:3px;box-shadow:0 0 0 100vmax #080c0d9c,0 25px 90px #0008;color:#f3f4f0}.screen-picker header>small,.lift-panel header>small,.lift-panel small,.screen-picker p,.screen-slots small,.lift-panel i{color:#aeb8b5}.lift-panel header button{color:#dfe4e1}.lift-panel>button{background:#ffffff06;color:#f3f4f0;border-color:#ffffff20}.lift-panel>button>b{color:#d9e0dc}.lift-panel>button:hover,.screen-slots button:hover{background:#eeefea;color:#171c19}.lift-panel>button:hover :is(b,small,i){color:#242c28}.screen-slots button{background:#ffffff07;border-color:#ffffff2d;border-radius:2px;color:#f3f4f0}.screen-slots button:hover small{color:#303a35}#cancelScreenPicker{color:#e2e7e3;border-radius:2px}.lift-prompt{background:#080c0de8;border-color:#ffffff38;color:#eef2ee}
@media(max-width:650px){.game-chat{left:12px;bottom:calc(190px + env(safe-area-inset-bottom));width:min(290px,calc(100vw - 24px));font-size:11px}.game-chat-history{height:75px}.game-chat.is-active{bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100vw - 24px);z-index:60}.game-chat input{font-size:16px}.bindings-list{grid-template-columns:1fr}.game-chat.is-active .game-chat-history{height:130px;max-height:25dvh}}
.minimap{left:auto;right:22px;bottom:105px}
@media(max-width:650px){.minimap{right:12px;bottom:auto;top:80px}}
/* The chat is text on the world; editing exposes only its light frame and handles. */
.game-chat,.game-chat.is-active,.game-chat.has-recent{background:none;box-shadow:none;border:1px solid transparent;border-radius:0;opacity:.88;display:flex;flex-direction:column;padding:8px 10px;transition:opacity 1.2s;color:#f2f4f1;text-shadow:0 1px 2px #000,0 1px 5px #000b;max-width:none;max-height:none;min-height:0}.game-chat.is-idle{opacity:.025}.game-chat.is-active{opacity:1;border-color:#ffffff35;transition:opacity .15s;pointer-events:auto}.game-chat header{display:none;gap:8px;flex:none;touch-action:none;cursor:move;user-select:none;-webkit-user-select:none}.game-chat.is-active header{display:flex}.game-chat-title{color:#e0e5e0;white-space:nowrap;font-size:9px}.game-chat-drag-hint{font:7px monospace;color:#c3cdc5;flex:1;text-align:right}.game-chat-reset{border:0;background:none;color:#fff;font-size:18px;cursor:pointer;padding:0}.game-chat-close{cursor:pointer}.game-chat-history,.game-chat.is-active .game-chat-history{flex:1;min-height:0;height:auto;max-height:none;background:none}.game-chat:not(.is-active) .game-chat-empty{display:none}.game-chat form{flex:none}.game-chat input{background:none;text-shadow:0 1px 3px #000}.game-chat form button{background:none}.game-chat-hint{flex:none}.game-chat-resize{display:none;position:absolute;right:0;bottom:0;background:none;border:0;color:#fff;width:22px;height:22px;font-size:23px;padding:0;cursor:nwse-resize;touch-action:none;line-height:1}.game-chat.is-active .game-chat-resize{display:block}.game-chat.is-adjusting{user-select:none;-webkit-user-select:none}.game-chat.is-active form{margin-right:8px}.game-chat:not(.is-active) .game-chat-history{mask-image:none}.game-chat-history strong{color:#e1e6c4}.game-chat.is-idle .game-chat-hint{opacity:.3}
@media(max-width:650px){.game-chat,.game-chat.is-active{width:auto;bottom:auto;z-index:18}.game-chat.is-active{z-index:60}.game-chat-drag-hint{display:none}.game-chat.is-active .game-chat-title{flex:1}}
.sandbox-hud{position:absolute;right:22px;bottom:24px;z-index:16;max-width:290px;color:#edf0ee;text-shadow:0 1px 4px #000;font:11px Arial;background:#080c0dbd;border:1px solid #ffffff20;padding:12px}.sandbox-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.sandbox-summary strong{font:9px monospace;letter-spacing:1px;color:#c2cbc4;flex-basis:100%}.sandbox-summary span{font:13px monospace}.sandbox-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.sandbox-actions button,.sandbox-menu button{border:1px solid #ffffff28;background:#ffffff08;color:#f2f4f0;padding:8px;font:10px Arial;cursor:pointer}.sandbox-actions button:hover,.sandbox-menu button:hover{background:#e9ede6;color:#141b17}.sandbox-actions button.active{background:#8a4340;border-color:#ce7470}.sandbox-actions button:disabled{opacity:.35;cursor:default}.sandbox-hud>small{display:block;margin-top:8px;font-size:9px;color:#b8c4ba;line-height:1.5}.menu-open .sandbox-hud,.menu-open .sandbox-menu{display:flex;flex-wrap:wrap;gap:12px;padding:20px 0}.sandbox-menu button{font-size:13px;padding:20px 25px}
@media(max-width:650px){.sandbox-hud{bottom:auto;top:85px;right:8px;padding:8px;max-width:235px}.sandbox-actions button{padding:7px;font-size:9px}.sandbox-summary{gap:8px}}
.tv-prompt{position:absolute;left:50%;top:170px;transform:translateX(-50%);z-index:6;background:#0d2345e8;border:1px solid #5c80b6;border-radius:6px;color:#eef5ff;font-size:12px;padding:12px 18px;cursor:pointer}
.tv-prompt[hidden]{display:none}.tv-prompt kbd{margin-right:9px}
.tv-layer{overflow:hidden}.tv-layer iframe{border:0;display:block}
.tv-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,92vw);background:#0d1d35;border:1px solid #49658f;border-radius:12px;padding:24px 26px;z-index:65;box-shadow:0 0 0 100vmax #020915bd,0 25px 90px #0008;color:#eef5ff}
.tv-panel[hidden]{display:none}.tv-panel h3{margin:0 0 6px;font-size:21px;font-weight:500;letter-spacing:-.4px}.tv-panel p{margin:0 0 16px;color:#b8c6dc;font-size:13px;line-height:1.45}
.tv-panel input{width:100%;box-sizing:border-box;background:#06101f;border:1px solid #49658f;border-radius:8px;color:#fff;font-size:15px;padding:12px 14px;outline:0}.tv-panel input:focus{border-color:#6c9fff}
.tv-actions{display:flex;gap:8px;margin-top:14px;justify-content:flex-end}.tv-actions button{background:#16304f;border:1px solid #49658f;border-radius:8px;color:#eef5ff;padding:10px 16px;font-size:13px;cursor:pointer}.tv-actions button.primary{background:#6c9fff;border-color:#6c9fff;color:#06101f;font-weight:700}
.menu-open .tv-prompt{display:none}
.tv-volume{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:13px;color:#cfdcf2}.tv-volume input{flex:1;accent-color:#6c9fff}.tv-volume output{min-width:44px;text-align:right;font-variant-numeric:tabular-nums}.tv-hint{font-size:12px;opacity:.75;margin:8px 0 0}.tv-hint kbd{border:1px solid #49658f;border-radius:4px;padding:0 5px}
/* Social Club — a legible pause interface with a dedicated map and destination column. */
.pause-menu{background:#09121de8;backdrop-filter:blur(13px) saturate(.7);color:#edf2f5}
.pause-shell{display:flex;flex-direction:column;gap:0;width:min(1440px,100%);height:100dvh;min-height:0;max-width:1440px;margin:auto;padding:clamp(22px,4dvh,48px) clamp(18px,4vw,62px) 18px}
.pause-sidebar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;min-height:0;flex:none;gap:24px 20px}
.pause-brand{font:800 31px Arial,sans-serif;letter-spacing:-1.7px;text-shadow:none;align-self:center}.pause-brand>span{display:inline;font:10px Arial,sans-serif;letter-spacing:2.3px;margin-left:18px;vertical-align:middle;color:#829eb5}
.pause-sidebar footer{position:static;grid-column:2;grid-row:1;display:flex;align-items:center;flex-direction:row;gap:20px;margin:0;padding:0;color:#90a6b9;text-shadow:none;font:11px Arial,sans-serif}
.menu-profile{flex-direction:row;text-align:left}.menu-profile>span{width:38px;height:38px;background:#20364a;color:#dbe7ed;border:1px solid #ffffff19;border-radius:50%;font-size:14px}.menu-profile strong{font:600 12px Arial,sans-serif;text-transform:none}.menu-profile small{font-size:10px;color:#8fa5b7}
.pause-sidebar nav{grid-column:1/-1;display:flex;margin:0;padding:0;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #ffffff12}
.pause-sidebar nav button{height:45px;min-width:0;flex:1;padding:10px 16px!important;font:600 11px Arial,sans-serif!important;letter-spacing:.15px;text-transform:none;background:transparent;color:#8399ad;border-radius:6px 6px 0 0;white-space:nowrap}
.pause-sidebar nav button:hover{background:#ffffff08;color:#ecf3f8}.pause-sidebar nav button.selected{background:#ffffff0a;color:#f0f6fa;box-shadow:inset 0 -2px #76b9e8!important}
.pause-content{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;padding:0;overflow:hidden}
#menuContent,#menuContent:has(.map-layout){position:relative;flex:1;min-height:0;max-height:none;width:100%;margin:22px 0 0;padding:24px 28px;background:#122131b8;border:1px solid #ffffff0c;border-radius:10px;overflow:auto;overflow-x:hidden}
.pause-content h1,.pause-content:has(.map-layout) h1{display:block;font:500 clamp(24px,2.4vw,34px) Arial,sans-serif;letter-spacing:-1px;margin:0 0 10px;color:#ecf3f7}
.page-kicker{display:block;font:9px Arial,sans-serif;letter-spacing:2px;color:#86a4bd;margin-bottom:12px}.pause-copy{font-size:12px;line-height:1.7;color:#90a8bc}
.map-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.map-heading p{font-size:12px;color:#8da5b9;margin:0}.floor-index{font:300 48px Arial,sans-serif;color:#52718b;letter-spacing:-3px}
.district-tabs{position:static;display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px;padding:0;background:none}
.district-tabs button{font-size:10px;padding:9px 14px;color:#8da9c1;background:transparent;border:1px solid #ffffff13;border-radius:5px}.district-tabs button.selected{background:#2a4e6c;color:#edf5fa;border-color:#7199b833}
.map-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(215px,.36fr);gap:24px;align-items:start;min-width:0}
.map-frame{min-width:0;background:#101d2a;border:1px solid #ffffff0a;border-radius:7px;overflow:hidden}
.map-preview{display:block;width:100%;height:auto;max-height:45dvh;aspect-ratio:1080/756;object-fit:contain;padding:8px;border:0;filter:none;background:transparent}
.map-legend{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;border-top:1px solid #ffffff0a;font:9px Arial,sans-serif;color:#7e9ab0}.map-legend span{display:flex;align-items:center;gap:7px}.map-legend i{display:block;width:6px;height:6px;background:#9dd6ff;border-radius:50%}
.map-layout .room-list{position:static;display:flex;flex-direction:column;gap:2px;width:auto;min-width:0;max-height:48dvh;overflow-y:auto;background:none;padding:0;scrollbar-width:thin;scrollbar-color:#36546b transparent}
.room-list button{display:flex;gap:12px;align-items:center;min-width:0;width:100%;padding:12px 10px;font-size:12px;background:none;color:#e3edf4;border:0;border-bottom:1px solid #ffffff08;border-radius:5px}
.room-list button:hover,.room-list button.current{background:#29476266;color:#fff}.room-list button .room-index{font:10px monospace;color:#6e94b2;flex:none}.room-list button .room-name{display:block;flex:1;min-width:0;font:500 12px Arial,sans-serif;color:inherit}.room-name small{display:block;font:9px Arial,sans-serif;color:#7894ab;margin-top:5px;line-height:1.35}.room-list button .room-count{flex:none;font:9px Arial,sans-serif;color:#92b7d2;white-space:nowrap}.room-list button:hover span{color:inherit}
.pause-help{display:flex;align-items:center;justify-content:flex-end;flex:none;gap:22px;padding:17px 0 0;font-size:10px;color:#6c889e;text-shadow:none}.pause-help button{font-size:10px;color:#b9cbd9;white-space:nowrap}.pause-help kbd{font:10px monospace;padding:4px 6px;color:#aac1d4;background:#1b3042;border:1px solid #ffffff14;border-radius:4px}.pause-help .photo-action{margin-right:auto;color:#8fbeda}
.pause-menu .skins-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.skin-card{background:#112235;border:1px solid #ffffff0c;border-radius:7px}.skin-card.selected{border-color:#6a9ec5}.skin-card img{height:180px;background:#0c1825}.skin-card strong{color:#d3e3ed}.skin-note{font-size:10px;color:#809bb1}.setting-row{border-color:#ffffff0b}.setting-row select{border:1px solid #ffffff19;border-radius:5px;background:#172d40;color:#d8e6ef}.bind-key{background:#1a344b;color:#d5e7f4;border-color:#ffffff14}.control-row,.setting-row span{font-size:12px}.plain-action{font-size:11px;border-radius:5px;color:#9ec6e4}.identity-form{max-width:620px}
@media(max-width:800px){.pause-shell{padding:22px 20px 14px}.pause-brand{font-size:26px}.pause-brand>span{font-size:8px;margin-left:10px;letter-spacing:1.4px}.pause-sidebar footer{gap:10px}.pause-sidebar nav button{padding:10px 12px!important;font-size:10px!important}.map-layout{gap:14px;grid-template-columns:minmax(0,1fr) 205px}#menuContent,#menuContent:has(.map-layout){padding:20px}.map-heading{margin-bottom:16px}.map-legend span:last-child{display:none}}
@media(max-width:580px){.pause-shell{padding:20px 12px 12px}.pause-sidebar{gap:18px 8px}.pause-brand{font-size:23px}.pause-brand>span{display:none}.pause-sidebar footer #clockLabel{display:none}.menu-profile>span{width:30px;height:30px}.pause-sidebar nav button{flex:none;min-width:85px;height:40px}.map-layout{grid-template-columns:1fr}.map-preview{max-height:34dvh}.map-layout .room-list{display:grid;grid-template-columns:1fr 1fr;max-height:none;gap:4px 8px}.room-list button{padding:11px 5px;gap:8px}.room-list button .room-name{font-size:11px}.room-list .room-count{display:none}.room-name small{font-size:8px}.map-heading h1{font-size:23px}.map-heading p{font-size:10px}.floor-index{font-size:35px}.pause-help{gap:12px}.pause-help>span{display:none}#menuContent,#menuContent:has(.map-layout){padding:17px;margin-top:14px}.district-tabs button{padding:8px 10px;font-size:9px}}
#menuContent{scrollbar-width:thin;scrollbar-color:#35516a transparent}#menuContent::-webkit-scrollbar,.room-list::-webkit-scrollbar{width:5px}#menuContent::-webkit-scrollbar-track,.room-list::-webkit-scrollbar-track{background:transparent}#menuContent::-webkit-scrollbar-thumb,.room-list::-webkit-scrollbar-thumb{background:#35516a;border-radius:5px}
.pause-sidebar nav button:focus-visible{outline:1px solid #76b9e8;outline-offset:-4px}
@media(min-width:581px){.map-preview{max-height:min(38dvh,calc(100dvh - 440px))}.map-layout .room-list{max-height:min(43dvh,calc(100dvh - 380px))}}

.crosshair{position:fixed;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px #0008;pointer-events:none;z-index:4;opacity:.85}.crosshair[hidden]{display:none}
.panel-prompt{bottom:auto;top:58%}
.panel-details{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 32px));max-height:70vh;overflow:auto;background:#0d1d33f2;color:#eef3fb;border:1px solid #3f6a9a;border-radius:14px;padding:20px 22px;z-index:30;font:14px/1.45 Arial,sans-serif;box-shadow:0 18px 50px #0008}.panel-details[hidden]{display:none}.panel-details small{color:#8fa6c4;letter-spacing:.12em}.panel-details h2{margin:4px 0 10px;font-size:22px}.panel-details ol{list-style:none;padding:0;margin:10px 0}.panel-details li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #ffffff1a}.panel-details li span{color:#c99d63;text-align:right}.panel-details footer{color:#8fa6c4;font-size:12px;margin-top:8px}

/* Voice remains reachable while walking, in every district. */
.audio-hud{position:fixed;right:max(20px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));z-index:45;display:flex;gap:7px;pointer-events:auto}.audio-hud button{width:46px;height:44px;display:grid;place-items:center;border:1px solid #ffffff35;border-radius:14px;background:#14252ce8;color:#b8c7ce;cursor:pointer;box-shadow:0 4px 18px #0002}.audio-hud button.on{color:#b0e7cb;border-color:#b0e7cb55}.audio-hud button.off{color:#d6b7b3}.audio-hud svg{width:23px;height:23px}.audio-hud span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.audio-hud button:focus-visible{outline:2px solid #b0e7cb;outline-offset:3px}.audio-hud button:disabled{opacity:.5}

body.menu-open .audio-hud{display:none}
/* Conta Google no menu (a tela de entrada 8 bits fica em login.css) */
.auth-google{margin-top:16px;min-height:44px}.auth-status{min-height:1.2em;font-size:12px}
.auth-box{margin-top:26px;padding-top:18px;border-top:1px solid #91ab7833}
.auth-box img{width:22px;height:22px;border-radius:50%;vertical-align:middle;margin-right:8px}
/* A reunião é um ambiente visual independente, ocupando a janela inteira. */
#callPanel.call-panel{inset:0;transform:none;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;background:#0e1c32;z-index:60}
body.meeting-visual{background:#0e1c32}
body.meeting-visual #world{visibility:hidden}
body.meeting-visual #callBar,body.meeting-visual #pauseMenu,body.meeting-visual .audio-hud{display:none}
.call-latency,.participant-latency{font:10px Consolas,monospace;color:#a4c9c0;white-space:nowrap}.participant-latency{display:block;margin-top:4px}
@media(max-width:650px){#callPanel.call-panel{inset:0;width:100%;height:100dvh;max-height:none;transform:none;border-radius:0}.meeting-header-meta{flex-wrap:wrap}}
/* A tela de carregamento antiga (verde) não aparece mais: as telas de login (8 bits e nova) têm o próprio carregamento. */
#loading{display:none!important}
html{background:#0a0a0a}
/* Enquanto a página carrega, nada do jogo aparece (nem "Clique para jogar", nem o menu): só o fundo escuro, depois o login e o carregamento.
   O jogo é liberado (classe andar-on no <html>) quando a tela de carregamento começa a sair. */
html:not(.andar-on) body>*:not(.sx-login):not(.sx-load):not(.px-login):not(.px-load){visibility:hidden;animation:andarFailsafe 0s 12s forwards}
/* Trava de segurança: se o código não rodar (erro, arquivo velho no cache), o jogo aparece sozinho depois de 12 s em vez de a página ficar vazia.
   Com o login ou o carregamento na tela isso não muda nada: eles ficam por cima, opacos. */
@keyframes andarFailsafe{to{visibility:visible}}
html:not(.andar-on),html:not(.andar-on) body{background:#0a0a0a}
/* AirDrop (src/airdrop.js): cartões no canto, área de soltar e visualizador. Tudo por cima do jogo, mas abaixo do login. */
.drop-layer{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none;max-width:calc(100vw - 32px)}
.drop-layer>*{pointer-events:auto}
.drop-card{width:min(320px,100%);display:flex;flex-direction:column;gap:8px;padding:14px;background:#15271ff2;border:1px solid #91af6d4d;color:#d1e4be;font-size:12px;box-shadow:0 12px 30px #0007;animation:dropIn .25s ease-out}
.drop-card b{color:#e9ece4;font-size:13px}
.drop-card small{color:#8f998e;font-size:11px}
.drop-thumb{display:block;width:100%;max-height:180px;object-fit:contain;background:#0b120e;border:1px solid #ffffff14}
.drop-people{display:flex;flex-wrap:wrap;gap:6px}
.drop-person{padding:7px 10px;background:none;border:1px solid #91ab7866;color:#d1e4be;font-size:11px;cursor:pointer}
.drop-person.on{background:#c5ed73;border-color:#c5ed73;color:#151b18}
.drop-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.drop-actions .plain-action{margin-top:0}
.drop-send{padding:10px 14px;background:#c5ed73;border:0;color:#151b18;font-size:11px;font-weight:700;cursor:pointer}
.drop-send:disabled{opacity:.4;cursor:not-allowed}
.drop-zone{position:fixed;inset:16px;z-index:59;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed #c5ed73;background:#151b18cc;color:#e9ece4;font-size:14px;pointer-events:none}
.drop-zone b{font-size:20px;color:#c5ed73}
.drop-zone[hidden]{display:none}
.drop-view{position:fixed;inset:0;z-index:61;display:grid;place-items:center;padding:16px;background:#000b}
.drop-view-box{display:flex;flex-direction:column;gap:10px;max-width:min(1100px,100%);max-height:100%;padding:14px;background:#15271f;border:1px solid #91af6d4d;color:#e9ece4}
.drop-image{display:block;max-width:100%;max-height:calc(100dvh - 140px);width:auto;height:auto;object-fit:contain;background:#0b120e}
@keyframes dropIn{from{opacity:0;transform:translateY(8px)}}
/* Celular como controle (src/remote-pc.js): QR no mesmo cartão do AirDrop. */
.remote-card{width:min(340px,100%)}
.remote-head{display:flex;align-items:center;gap:8px}.remote-head svg{width:20px;height:20px;color:#c5ed73}
.remote-qr{display:grid;place-items:center;padding:10px;background:#fff;border-radius:6px}.remote-qr svg{display:block;width:100%;max-width:240px;height:auto}
.remote-steps{margin:0;line-height:1.45;color:#c6d3bb}
.remote-ok{margin:0;color:#c5ed73;font-weight:700}
video.drop-image{background:#000}