:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#edf2ee;background:#090f12;--muted:#94aba7;--accent:#c6efd7;--line:#b7d7c529}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:600 11px Arial;letter-spacing:.6px;color:#dbe8e1;background:#101f25d9;border:1px solid var(--line);padding:12px 15px;cursor:pointer;border-radius:3px;touch-action:manipulation}button:hover,button:focus-visible{border-color:var(--accent);outline:none;background:#284039}button:disabled{opacity:.4;cursor:default}button.selected,button[aria-pressed=true]{color:#07130c;background:var(--accent);border-color:var(--accent)}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#scene{position:fixed;inset:0;width:100%;height:100%;outline:none;touch-action:none}header{position:fixed;inset:0 0 auto;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5;background:linear-gradient(#081114b3,transparent);pointer-events:none}header>*{pointer-events:auto}.wordmark{font-size:12px;letter-spacing:3px;font-weight:800}.wordmark span{display:block;color:#94b7ac;font-size:8px;letter-spacing:2.5px;margin-top:7px}.session{display:flex;gap:12px;align-items:center;color:#bdd0c7;font-size:10px}.dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.header-actions{display:flex;align-items:center;gap:18px}.header-actions a{font-size:9px;letter-spacing:1px}#pause{font-size:14px;padding:9px 12px}.eyebrow{font-size:9px;letter-spacing:2px;color:#9fbaaf}.menu{position:fixed;inset:0;z-index:8;padding:17vh 9vw 8vh;background:radial-gradient(ellipse at 82% 40%,#28474555,transparent 50%),linear-gradient(100deg,#071015 20%,#0a141bec 65%,#081416de);overflow:auto}.menu:after{content:'10';position:absolute;right:6vw;top:11vh;font:bold 48vw/.9 Arial;color:#d4f8e706;pointer-events:none}.menu>*{position:relative;z-index:1}.menu h1{font-size:clamp(48px,7.7vw,110px);font-weight:800;line-height:.96;letter-spacing:-5px;margin:26px 0}.menu em{font-style:normal;color:#c5edd4}.menu p{max-width:380px;color:#a8b9b5;font-size:14px;line-height:1.7}.briefing{display:flex;flex-direction:column;gap:11px;margin:30px 0;color:#80a196;font-size:10px}.briefing b{font-weight:400;color:#d0ded8;margin-left:16px;letter-spacing:1px}.primary{background:#c6efd7;color:#101d18;border-color:#c6efd7;padding:17px 24px;letter-spacing:1.2px}.primary:hover{background:#e2f8e9;color:#07130c}.actions .primary{width:300px;text-align:left;display:flex;justify-content:space-between}.fine{font-size:10px!important;color:#718d83!important}.review-link{display:inline-block;font-size:10px;color:#a7c3b6;padding:12px 0}.loader{position:fixed;inset:0;background:#0a1419;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column}.loader h2{font-size:30px;font-weight:400}.loader p{font-size:12px;color:#9cb5ab}.loading-line{margin-top:16px;width:180px;height:2px;background:linear-gradient(90deg,transparent,#c6efd7,transparent);animation:load 1.5s infinite}@keyframes load{50%{opacity:.2;transform:scaleX(.35)}}#error{position:fixed;z-index:25;left:9vw;bottom:5vh;max-width:500px;padding:16px;background:#51231feb;border:1px solid #db7258;color:#ffe3d9;font-size:12px}#combat-hud{position:fixed;left:32px;top:105px;width:220px;z-index:4;pointer-events:none}.objective{border-left:2px solid #c6efd7;padding-left:13px;margin-bottom:23px}.objective .eyebrow{font-size:8px;letter-spacing:1.3px}#enemy-count{font-size:13px;margin:9px 0 0}.health-label{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.7px;color:#a9c1b6}.health-label strong{font-size:17px;letter-spacing:0;color:#e2f3e9}.health-track{height:5px;background:#ffffff20;margin-top:10px}#health-fill{height:100%;background:#c6efd7;transition:width .14s}#weapon-hud{position:fixed;right:32px;bottom:105px;width:250px;z-index:5;background:linear-gradient(100deg,#081418db,#10232bdb);border-left:2px solid #c6efd7;padding:15px 17px}.weapon-top{display:flex;justify-content:space-between;align-items:center}.weapon-top .eyebrow{font-size:7px;letter-spacing:1px}#weapon-name{font-size:13px}.ammo{display:flex;align-items:center;gap:9px;margin:10px 0 15px}.ammo>strong{font-size:37px;font-weight:400;font-variant-numeric:tabular-nums}.ammo>span{font-size:12px;color:#8da69a}.ammo b{font-weight:400}#reload{margin-left:auto;padding:7px 9px;font-size:14px}#reload small{display:block;font-size:7px;margin-top:3px}.weapon-slots{display:flex;gap:5px}.weapon-slots button{flex:1;font-size:8px;padding:9px 4px;white-space:nowrap;letter-spacing:0}.weapon-slots kbd{font:9px Arial;margin-right:4px;opacity:.6}#weapon-switch{display:none}#reticle{--gap:7px;position:fixed;left:50%;top:50%;width:0;height:0;z-index:4;pointer-events:none;color:#d8f2e8}#reticle i{position:absolute;background:currentColor;width:6px;height:1px}#reticle i:nth-child(1){right:var(--gap)}#reticle i:nth-child(2){left:var(--gap)}#reticle i:nth-child(3){width:1px;height:6px;bottom:var(--gap)}#reticle i:nth-child(4){width:1px;height:6px;top:var(--gap)}#reticle b{position:absolute;width:2px;height:2px;background:currentColor;transform:translate(-1px,-1px)}#reticle.hit{color:#ff795a;filter:drop-shadow(0 0 4px #ff6844)}#reticle.aiming{--gap:3px}#damage-flash{position:fixed;inset:0;z-index:7;pointer-events:none;box-shadow:inset 0 0 130px 40px #c6302080;opacity:0}#action-status{position:fixed;left:50%;top:62%;transform:translateX(-50%);font-size:10px;letter-spacing:1.5px;color:#d0e8db;pointer-events:none;z-index:5}footer{position:fixed;inset:auto 0 0;z-index:4;display:flex;align-items:flex-end;gap:20px;padding:24px 32px;background:linear-gradient(transparent,#081114a6);pointer-events:none}footer nav{display:flex;gap:6px;margin-left:auto;pointer-events:auto}footer nav button{font-size:9px;padding:10px}.location .eyebrow{font-size:7px}.location h2{font-size:22px;letter-spacing:-.5px;font-weight:400;margin:6px 0}.controls{font-size:9px;color:#91aaa0;margin:5px 0 0}.metrics{position:absolute;right:32px;bottom:7px;font-size:8px;color:#8ba398}#attack,.touch-control,#joystick{display:none}#combat-result{position:fixed;z-index:9;top:50%;left:50%;transform:translate(-50%,-50%);width:min(380px,90vw);padding:30px;background:#0a181fed;border:1px solid #b4d7c545;backdrop-filter:blur(14px);text-align:center}#combat-result h2{font-size:36px;letter-spacing:-1px;font-weight:400;margin:18px 0}#combat-result p{font-size:12px;color:#a8c0b4;line-height:1.7;margin-bottom:24px}#combat-result button{width:100%}dialog{background:#0c1a20;color:#edf4ef;border:1px solid #82b89d55;border-radius:6px;width:min(460px,90vw);padding:30px;z-index:30}dialog::backdrop{background:#03090cbf;backdrop-filter:blur(8px)}dialog h2{font-size:32px;letter-spacing:-1px;font-weight:400;margin:15px 0 25px}.control-list{display:grid;gap:14px;margin-bottom:28px}.control-list span{display:flex;justify-content:space-between;gap:15px;color:#8eaa9b;font-size:11px}.control-list b{font-weight:400;color:#d3e4da;text-align:right}dialog .primary{width:100%}body:has(#menu:not([hidden])) header{z-index:10}body:has(#menu:not([hidden])) .session,body:has(#menu:not([hidden])) #pause,body:has(#menu:not([hidden])) footer,body:has(#menu:not([hidden])) .touch-combat,body:has(#menu:not([hidden])) #joystick,body:has(#menu:not([hidden])) #sprint{display:none}
@media(pointer:coarse){.touch-control,#attack{display:block;touch-action:none;user-select:none;-webkit-user-select:none}#joystick{display:block;position:fixed;left:max(24px,env(safe-area-inset-left));bottom:max(38px,env(safe-area-inset-bottom));width:112px;height:112px;border:1px solid #c1e4d448;border-radius:50%;background:#10282d66;z-index:6;touch-action:none}#stick{position:absolute;left:35px;top:35px;width:42px;height:42px;border-radius:50%;background:#c1e4d477;border:1px solid #d0eddb66}#sprint{position:fixed;left:56px;bottom:167px;width:52px;height:42px;z-index:6;font-size:9px}.touch-combat{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(35px,env(safe-area-inset-bottom));width:150px;height:140px;z-index:6;pointer-events:none}.touch-combat button{position:absolute;pointer-events:auto;border-radius:50%;padding:0;font-size:9px}#attack{right:0;bottom:0;width:76px;height:76px;background:#c6efd730;border-color:#c6efd7;color:#effcf4;font-size:12px}#aim{left:0;bottom:10px;width:56px;height:56px}#jump{right:0;top:0;width:54px;height:54px}#crouch{left:8px;top:0;width:54px;height:54px}footer .controls{display:none}#weapon-hud{top:100px;bottom:auto;width:174px;right:20px;padding:10px 11px}.ammo{margin:5px 0 9px}.ammo>strong{font-size:28px}.weapon-top .eyebrow{display:none}.weapon-slots button{font-size:7px}.weapon-slots kbd{display:none}#weapon-name{font-size:11px}#reload{padding:5px 7px}#weapon-switch{display:block;width:100%;margin-top:6px;font-size:8px;padding:7px}#combat-hud{width:160px}.objective{margin-bottom:15px}.objective .eyebrow{font-size:7px}#enemy-count{font-size:11px}footer{pointer-events:none;bottom:205px;padding:0 20px}footer .location{display:none}footer nav{margin-left:auto}footer nav button{font-size:8px;padding:8px}#respawn,#leave{display:none}.metrics{display:none}}
@media(max-width:700px){header{padding:20px;gap:10px}.wordmark{font-size:10px;letter-spacing:2px}.wordmark span{font-size:7px}.header-actions{gap:9px}.header-actions a{font-size:7px}.session{display:none}.menu{padding:18vh 7vw 6vh}.menu h1{font-size:58px;letter-spacing:-3px}.menu p{font-size:12px;max-width:290px}.briefing{margin:24px 0}.actions .primary{width:270px}#combat-hud{left:20px;top:100px;width:145px}#combat-hud .eyebrow{letter-spacing:.5px}.health-label{font-size:7px;letter-spacing:.8px}.health-label strong{font-size:15px}.objective{padding-left:9px}#weapon-hud{width:158px}#combat-result{padding:25px}#combat-result h2{font-size:30px}}
@media(pointer:coarse) and (max-height:550px){header{padding:12px 20px}#combat-hud{top:67px;width:150px}.objective{margin-bottom:10px}#weapon-hud{top:66px;width:166px}.weapon-slots{display:none}#weapon-switch{display:block}.ammo{margin:4px 0}footer{bottom:185px}.touch-combat{bottom:15px}#joystick{bottom:20px}#sprint{bottom:143px}.menu{padding:15vh 8vw 5vh}.menu h1{font-size:44px;margin:16px 0}.menu p{font-size:11px}.briefing{display:none}.actions .primary{padding:12px 20px}.menu .fine,.review-link{font-size:9px!important}}

#sound-toggle{margin-bottom:18px}#continue-exploring{margin-bottom:10px}body:has(#pause-menu[open]) .touch-combat,body:has(#pause-menu[open]) #joystick{pointer-events:none}

@media(pointer:coarse){#pause{min-width:44px;min-height:44px}#reload{min-width:44px;min-height:44px}.weapon-slots button{min-height:38px}#weapon-switch{min-height:38px}}

@media(pointer:coarse) and (min-height:551px){#weapon-switch{display:none}.objective .eyebrow{font-size:8px}.health-label{font-size:8px}}

@media(pointer:coarse) and (max-height:550px){footer{left:160px;right:auto;bottom:20px;padding:0}footer nav button{min-height:44px}}

#reload-progress{height:2px;margin:0 0 10px;background:#ffffff14;overflow:hidden}#reload-progress:before{content:'';display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(var(--reload-progress,0));transform-origin:left;transition:transform .05s linear}#ammo-current.empty{color:#ffad83}#reload kbd{font:inherit}#reticle.hit:after{content:'';position:absolute;left:-7px;top:-7px;width:14px;height:14px;border:1px solid #fff;transform:rotate(45deg)}#damage-flash{box-shadow:inset 0 0 95px 22px #a8282060}
@media(pointer:coarse){#reload kbd{display:none}#reload small{font-size:9px;margin:0}#reload{min-width:60px}#weapon-hud{background:#0a171ed9}#attack:after{content:'DRAG TO AIM';display:block;font-size:6px;letter-spacing:.4px;margin-top:5px}.touch-combat button{border-color:#d1e8dd66}.header-actions a{opacity:.65}}
@media(pointer:coarse) and (max-height:550px){#weapon-hud{top:64px;padding:8px 10px}#reload-progress{margin-bottom:5px}.ammo{margin:2px 0}#weapon-switch{margin-top:2px;min-height:36px}}

#capture-hint{display:none;position:fixed;left:50%;top:22%;transform:translateX(-50%);padding:12px 18px;background:#0b151deb;border:1px solid #75938d;color:#e0f4eb;pointer-events:none;font-size:13px;z-index:8;white-space:nowrap}.needs-capture #capture-hint{display:block}body:has(#menu:not([hidden])) #capture-hint{display:none}
#sector-objective{position:fixed;left:50%;top:82px;transform:translateX(-50%);color:#afffd4;font-size:12px;letter-spacing:2px;pointer-events:none;text-align:center}#sector-next{position:fixed;left:50%;bottom:22%;transform:translateX(-50%);background:#a9f0c6;color:#10271d;z-index:12;padding:18px 24px;font-weight:700}#sector-next[hidden]{display:none}.aiming .objective{opacity:.6}
@media(pointer:coarse){#sector-objective{top:58px;font-size:10px;letter-spacing:1px}#sector-next{bottom:40%;font-size:12px;padding:14px}.aiming .wordmark span,.aiming .session{visibility:hidden}}
/* One visible viewport for rendering and controls; browser chrome never covers HUD. */
#game-screen{position:fixed;left:var(--play-left,0px);top:var(--play-top,0px);width:var(--play-width,100%);height:var(--play-height,100dvh);overflow:hidden;isolation:isolate}
#game-screen>#scene,#game-screen>header,#game-screen>.menu,#game-screen>#capture-hint,#game-screen>#sector-objective,#game-screen>#sector-next,#game-screen>#error,#game-screen>.loader,#game-screen>#combat-hud,#game-screen>#reticle,#game-screen>#damage-flash,#game-screen>#action-status,#game-screen>#weapon-hud,#game-screen>footer,#game-screen>#joystick,#game-screen>#sprint,#game-screen>.touch-combat,#game-screen>#combat-result{position:absolute}
#fullscreen{min-height:44px;min-width:44px;font-size:9px}#pause-fullscreen{margin:0 8px 18px 0}
dialog{max-height:calc(var(--play-height,100dvh) - 24px);overflow:auto}#fullscreen-help p{font-size:14px;line-height:1.6;color:#b9ccc4}
@media(pointer:coarse){
 #game-screen{--edge-left:max(8px,env(safe-area-inset-left));--edge-right:max(8px,env(safe-area-inset-right));--edge-top:max(8px,env(safe-area-inset-top));--edge-bottom:max(8px,env(safe-area-inset-bottom))}
 header{padding:var(--edge-top) var(--edge-right) 0 var(--edge-left);height:auto;gap:8px;background:none}.header-actions{gap:6px;margin-left:auto}.header-actions>a,.wordmark span,.session{display:none}.wordmark{font-size:9px;letter-spacing:1px}#pause{padding:8px;min-width:44px;min-height:44px}
 body:has(#menu:not([hidden])) .header-actions>a{display:block}
 #combat-hud{top:calc(var(--edge-top) + 54px);left:var(--edge-left);width:112px}.objective{border:0;padding:0;margin:0 0 5px}.objective .eyebrow{display:none}#enemy-count{font-size:10px;margin:0}.health-label{font-size:0;letter-spacing:0}.health-label strong{font-size:14px}.health-label:before{content:'HEALTH';font-size:8px;letter-spacing:.4px}.health-track{height:3px;margin-top:3px}
 #weapon-hud{top:calc(var(--edge-top) + 54px);right:var(--edge-right);bottom:auto;width:150px;padding:5px 7px;border:0;border-radius:4px}#weapon-name{font-size:10px}.weapon-top .eyebrow,.weapon-slots{display:none}.ammo{margin:0;gap:5px}.ammo>strong{font-size:24px}.ammo>span{font-size:10px}#reload{min-width:52px;min-height:44px;padding:4px}#reload small{font-size:8px}#reload-progress{margin:0;height:2px}#weapon-switch{display:block!important;min-height:44px;margin:0;padding:6px;font-size:9px}
 #joystick{left:var(--edge-left);bottom:var(--edge-bottom);width:112px;height:112px}#sprint{left:calc(var(--edge-left) + 28px);bottom:calc(var(--edge-bottom) + 120px);width:56px;height:44px}
 .touch-combat{right:var(--edge-right);bottom:var(--edge-bottom);width:144px;height:136px}#attack{width:72px;height:72px}#attack:after{display:none}#aim{width:56px;height:56px;left:0;bottom:0}#jump{width:54px;height:54px;right:0;top:0}#crouch{width:54px;height:54px;left:0;top:0}
 footer{left:calc(var(--edge-left) + 120px);right:auto;bottom:var(--edge-bottom);padding:0;background:none}footer nav{margin:0}#camera{min-height:44px;width:74px;padding:5px;font-size:8px}footer .location,.metrics,#respawn,#leave{display:none}
 #sector-objective{top:calc(var(--edge-top) + 36px);max-width:55%;font-size:9px;letter-spacing:0;white-space:nowrap}#sector-next{bottom:calc(var(--edge-bottom) + 177px);max-width:80%;font-size:10px;padding:12px;min-height:44px}#sector-next kbd{display:none}
 #action-status{top:55%;font-size:9px;letter-spacing:.5px}.menu{padding:calc(var(--edge-top) + 60px) 7vw 24px}.menu h1{font-size:48px;margin:15px 0;letter-spacing:-2px}.menu p{font-size:12px;line-height:1.5}.briefing,.menu .fine,.review-link{display:none}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions .primary{width:auto;min-width:190px}.actions button{min-height:48px}.control-list{gap:9px;margin-bottom:18px}dialog{padding:20px}dialog h2{font-size:24px;margin:8px 0 18px}
 .short-screen .wordmark{display:none}.short-screen #combat-hud{top:var(--edge-top)}.short-screen #sector-objective{top:calc(var(--edge-top) + 8px);max-width:40%}
 .short-screen #weapon-hud{display:flex;align-items:center;gap:6px;top:calc(var(--edge-top) + 52px);width:234px;height:52px;padding:4px 6px}.short-screen .weapon-top{display:none}.short-screen .ammo{flex:1}.short-screen #weapon-switch{width:66px;flex-shrink:0;font-size:8px}.short-screen #reload-progress{position:absolute;bottom:0;left:6px;right:6px}.short-screen .menu{padding-top:58px}.short-screen .menu h1{font-size:32px;margin:8px 0}.short-screen .menu p{display:none}.short-screen #sector-next{bottom:calc(var(--edge-bottom) + 145px)}
}
@media(pointer:coarse) and (max-width:450px){footer{left:var(--edge-left);top:calc(var(--edge-top) + 104px);bottom:auto}#camera{width:64px}.short-screen footer{top:calc(var(--edge-top) + 44px)}}
.play-settings{display:grid;gap:13px;margin:10px 0 18px}.play-settings label{font-size:12px;color:#c8ded3}.play-settings output{float:right;font-variant-numeric:tabular-nums}.play-settings input{display:block;width:100%;height:30px;accent-color:#c6efd7;touch-action:pan-x}dialog details{margin-bottom:18px}dialog summary{font-size:12px;padding:10px 0;cursor:pointer}.touch-help{font-size:12px;line-height:1.5;color:#a8c0b4}
/* Browser hosting: compact name field and one clear row of play choices. */
.menu label[for=name]{display:block;font-size:10px;letter-spacing:1.3px;color:#9fbaaf;margin:18px 0 8px}.menu #name{display:block;width:min(100%,360px);height:44px;padding:11px 14px;border:1px solid var(--line);border-radius:3px;background:#102027;color:#edf2ee;font:14px Arial;outline:none}.menu #name:focus{border-color:var(--accent)}.menu .actions{display:flex;flex-wrap:wrap;gap:10px;max-width:660px;margin-top:14px}.menu .actions button,.menu .actions .primary{width:auto;min-width:150px;min-height:46px;margin:0}.menu #create-room{border-color:#6b9c8a;min-width:165px}.menu>.fine{max-width:580px}
@media(min-width:769px) and (min-height:550px){.menu{padding-top:12vh}.menu h1{font-size:clamp(48px,6.7vw,92px);margin:20px 0}.menu .briefing{margin:20px 0}}
@media(max-width:768px){.menu .actions #create-room{order:-1;flex-basis:100%}.menu .actions button{flex:1;min-width:125px}.menu #name{width:100%}.menu label[for=name]{margin-top:16px}}

#host-mode-wrap{margin:12px 0}#host-mode-wrap label{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:6px}#host-mode{width:100%;padding:10px;background:#102327;color:#dff2e9;border:1px solid #43605c;border-radius:3px}

/* Desktop launch screen: bounded controls and a clear reading order. */
.menu-intro,.play-panel{display:contents}.play-panel-heading{display:none}
@media(min-width:1000px) and (pointer:fine){
 .menu{display:grid;grid-template-columns:minmax(0,560px) minmax(360px,440px);gap:clamp(40px,7vw,130px);justify-content:center;align-content:center;align-items:center;padding:120px 6vw 64px;min-height:100%;}
 .menu:after{font-size:45vw;right:0;top:18%;opacity:.65}
 .menu-intro,.play-panel{display:block;min-width:0}
 .menu h1{font-size:clamp(64px,6.3vw,104px);letter-spacing:-4px;margin:24px 0;line-height:.98}
 .menu-intro>p{font-size:15px;max-width:410px;line-height:1.8}
 .menu .briefing{margin:32px 0 0;gap:16px}.briefing b{font-size:10px}
 .play-panel{padding:32px;background:linear-gradient(145deg,#15262bef,#0b171cf2);border:1px solid #9ac4b32e;border-radius:12px;box-shadow:0 24px 70px #0004}
 .play-panel-heading{display:block;margin-bottom:28px}.play-panel-heading h2{font-size:30px;letter-spacing:-1px;margin:12px 0 8px}.play-panel-heading p{font-size:13px;margin:0;color:#9eb4ad}
 .play-panel label{display:block;font-size:10px;letter-spacing:1.2px;color:#a9c1b6;margin:0 0 9px}
 .play-panel #name,.play-panel #host-mode{width:100%;max-width:none;height:46px;border-radius:5px;font-size:14px;padding:0 13px;background:#071317;border:1px solid #9ac4b338;color:#edf2ee}
 .play-panel #name:focus-visible,.play-panel #host-mode:focus-visible{outline:2px solid #c6efd7;outline-offset:3px}
 .play-panel #host-mode-wrap{margin-top:20px}.play-panel .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
 .play-panel .actions button,.play-panel .actions .primary{width:100%;min-width:0;min-height:46px;justify-content:center;text-align:center;padding:14px 8px;letter-spacing:.5px;border-radius:5px}
 .play-panel #create-room,.play-panel #join-room{grid-column:1/-1}.play-panel #create-room{border-color:#90b8a6;background:#203a32}
 .play-panel #create-room:hover{background:#315246}.play-panel #create-room.primary{background:#c6efd7;color:#101d18}
 .play-panel .fine{font-size:11px!important;line-height:1.65;margin:18px 0 10px;max-width:none;color:#90a79c!important}
 .play-panel .review-link{display:block;border-top:1px solid #9ac4b322;margin-top:18px;padding:16px 0 0;color:#9fb9ad;font-size:10px}
}
@media(min-width:1000px) and (pointer:fine) and (max-height:740px){.menu{align-content:start;padding-top:100px;padding-bottom:32px}.play-panel{padding:24px}.play-panel-heading{margin-bottom:20px}.menu h1{font-size:70px}.menu .briefing{margin-top:22px}}

@media(pointer:coarse){.header-actions a[href*="rush-admin"]{display:none}}

#landscape-required{text-align:center;width:min(380px,90vw);padding:28px}#landscape-required::backdrop{background:#071015fa}#landscape-required h2{font-size:28px;margin:16px 0}#landscape-required p{font-size:14px;line-height:1.6;color:#a8bfb3}.rotate-phone{font-size:64px;line-height:1;color:#c6efd7;margin-bottom:24px}body:has(#landscape-required[open]) .touch-combat,body:has(#landscape-required[open]) #joystick{visibility:hidden}

#friend-lobby{width:min(520px,92vw);max-height:88dvh;overflow:auto;padding:28px}#friend-lobby h2{font-size:28px;margin:14px 0}#friend-lobby p{font-size:13px;line-height:1.5;color:#a8bfb3}#lobby-players{list-style:none;padding:0}#lobby-players li{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #31464a}#lobby-players small{color:#bdebd3}#lobby-link{width:100%;margin:10px 0}.lobby-actions{display:flex;gap:8px;flex-wrap:wrap}#friend-lobby button:disabled{opacity:.45}
#lobby-link{box-sizing:border-box;background:#112127;border:1px solid #31464a;color:#d6e9e1;border-radius:3px;padding:12px;font:inherit;font-size:12px}#lobby-link-wrap{font-size:11px;letter-spacing:.08em}

#friend-lobby{width:min(940px,94vw);background:#101f27}#lobby-stage{display:block;width:100%;height:clamp(180px,37vh,350px);touch-action:none;border-radius:6px;outline-offset:3px}#lobby-stage[hidden]{display:none}#lobby-players{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#lobby-players li{display:flex;flex-direction:column;gap:5px;min-width:0}#lobby-players button{padding:8px;overflow:hidden;text-overflow:ellipsis;width:100%}#lobby-preview-help{margin:8px 0}@media(max-height:550px){#friend-lobby{padding:16px}#friend-lobby h2{margin:6px 0;font-size:22px}#lobby-stage{height:180px}}

.lobby-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:24px;align-items:center}#lobby-stage{height:330px}#lobby-players{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}#friend-lobby .lobby-actions button{min-width:0}#friend-lobby #lobby-start{width:100%}@media(max-width:650px){.lobby-layout{grid-template-columns:1fr}#lobby-stage{height:210px}}@media(max-height:550px){.lobby-layout{gap:12px}#lobby-stage{height:210px}#friend-lobby>p{margin:5px 0}#lobby-players li{padding:5px 0}}

/* Full-viewport party lobby; scrolling remains available on small displays. */
#friend-lobby{box-sizing:border-box;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;padding:clamp(18px,3vw,48px);overflow:auto}
#friend-lobby[open]{display:flex;flex-direction:column}#friend-lobby h2{font-size:clamp(28px,3vw,44px)}
#friend-lobby .lobby-layout{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:clamp(20px,4vw,64px);align-items:center}
#friend-lobby .lobby-preview{min-width:0;height:100%;min-height:260px;display:flex;flex-direction:column;justify-content:center}
#friend-lobby #lobby-stage{height:auto;flex:1;min-height:220px;max-height:none}#friend-lobby #lobby-preview-help{flex:none}
@media(max-width:650px){#friend-lobby .lobby-layout{grid-template-columns:1fr;min-height:560px}#friend-lobby .lobby-preview{min-height:280px}#friend-lobby #lobby-stage{min-height:250px}}
@media(max-height:550px) and (min-width:651px){#friend-lobby{padding:14px 22px}#friend-lobby h2{font-size:25px;margin:5px 0}#friend-lobby .lobby-layout{grid-template-columns:minmax(0,1fr) 290px;min-height:270px;gap:20px}#friend-lobby .lobby-preview{min-height:240px}#friend-lobby .lobby-panel>p{font-size:11px;margin:6px 0}}

/* A full-screen staging bay with controls floating over the 3D view. */
#friend-lobby{padding:28px 34px;background:#101c25;overflow:hidden;isolation:isolate}
#friend-lobby>.eyebrow,#friend-lobby>h2,#friend-lobby>#lobby-status{position:relative;z-index:2;pointer-events:none;max-width:62%;text-shadow:0 2px 18px #000}
#friend-lobby>h2{margin:12px 0 8px;font-size:clamp(28px,3.5vw,48px)}#friend-lobby>#lobby-status{margin:6px 0;font-size:12px}
#friend-lobby .lobby-layout{display:contents}#friend-lobby .lobby-preview{position:absolute;inset:0;height:100%;min-height:0;display:block;z-index:0}
#friend-lobby #lobby-stage{position:absolute;inset:0;width:100%;height:100%;min-height:0;border-radius:0;outline-offset:-3px}
#friend-lobby #lobby-preview-help{position:absolute;left:34px;bottom:24px;max-width:58%;margin:0;padding:10px 14px;background:#09151ecc;border:1px solid #b5e4e51f;border-radius:8px;font-size:12px;pointer-events:none}
#friend-lobby .lobby-panel{position:absolute;z-index:2;right:30px;top:50%;transform:translateY(-44%);width:300px;box-sizing:border-box;padding:20px;background:linear-gradient(140deg,#102631eb,#09151ded);border:1px solid #accdd635;border-radius:16px;box-shadow:0 18px 55px #0007;backdrop-filter:blur(10px);max-height:calc(100% - 90px);overflow:auto}
#friend-lobby #lobby-players{gap:8px;margin:0 0 18px}#friend-lobby #lobby-players li{padding:10px;background:#c3e6ed08;border:1px solid #b5e4e520;border-radius:8px;gap:6px}#friend-lobby #lobby-players button{border:0;background:transparent;text-align:left;padding:0;font-size:13px;min-height:24px}#friend-lobby #lobby-players small{font-size:11px}
#friend-lobby button{border-radius:7px;transition:background .15s,transform .15s}#friend-lobby button:hover:not(:disabled){transform:translateY(-1px)}#friend-lobby button:active:not(:disabled){transform:translateY(0)}#friend-lobby #lobby-link{background:#040e1780;border-color:#c2e7ed26;border-radius:7px}
#friend-lobby .lobby-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}#friend-lobby #lobby-start{grid-column:1/-1;grid-row:1;min-height:48px;box-shadow:0 5px 24px #8cf7d21a}#friend-lobby #lobby-copy{grid-column:1;grid-row:2}#friend-lobby #lobby-leave{grid-column:2;grid-row:2}#friend-lobby .lobby-actions button{padding:11px 6px;font-size:10px}#friend-lobby .lobby-panel>p{font-size:11px;line-height:1.5;margin:14px 0 0;color:#95afb7}
@media(max-height:550px) and (min-width:651px){#friend-lobby{padding:16px 20px}#friend-lobby>h2{font-size:28px;margin:6px 0}#friend-lobby .lobby-panel{right:16px;width:240px;padding:12px;transform:translateY(-43%);max-height:calc(100% - 54px)}#friend-lobby #lobby-players{margin-bottom:10px}#friend-lobby #lobby-players li{padding:6px}#friend-lobby #lobby-link{margin:6px 0;padding:8px}#friend-lobby #lobby-start{min-height:40px}#friend-lobby .lobby-panel>p{display:none}#friend-lobby #lobby-preview-help{left:20px;bottom:12px;font-size:10px;padding:7px 10px}}
@media(max-width:650px){#friend-lobby{padding:18px}#friend-lobby>.eyebrow,#friend-lobby>h2,#friend-lobby>#lobby-status{max-width:100%}#friend-lobby .lobby-panel{top:auto;bottom:14px;left:14px;right:14px;width:auto;transform:none;max-height:43%;padding:12px}#friend-lobby .lobby-panel>p,#friend-lobby #lobby-preview-help{display:none}#friend-lobby #lobby-players{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:8px}}

/* Initial preparation bay shares the party scene and keeps play choices in reach. */
#menu.landing-bay{position:absolute;inset:0;min-height:0;padding:0;display:block;overflow:hidden;background:#102027}
#menu.landing-bay:after,#menu.landing-bay .menu-intro{display:none}
#landing-stage{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none}
#landing-help{position:absolute;left:30px;bottom:20px;max-width:55%;margin:0;padding:10px 14px;background:#0a181ddd;border:1px solid #82b5a333;border-radius:8px;font-size:12px;pointer-events:none}
#menu.landing-bay .play-panel{position:absolute;right:30px;top:50%;transform:translateY(-43%);width:min(350px,36vw);max-height:calc(100% - 110px);overflow:auto;padding:24px;background:linear-gradient(145deg,#15262bef,#0b171cf2);border:1px solid #9ac4b32e;border-radius:16px;box-shadow:0 24px 70px #0005;box-sizing:border-box}
#menu.landing-bay .play-panel-heading{display:block;margin-bottom:18px}
#menu.landing-bay .play-panel-heading h2{font-size:28px;margin:8px 0}
#menu.landing-bay .play-panel-heading p{font-size:12px}
#menu.landing-bay #name,#menu.landing-bay #host-mode{width:100%;box-sizing:border-box}
#menu.landing-bay .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#menu.landing-bay .actions button{min-width:0;padding:12px 8px}
#menu.landing-bay #create-room{grid-column:1/-1}
#menu.landing-bay .fine{font-size:11px;line-height:1.5}
#menu.landing-bay .review-link{font-size:10px}
@media(max-height:550px) and (min-width:651px){
 #menu.landing-bay .play-panel{right:16px;top:70px;transform:none;width:270px;padding:14px;max-height:calc(100% - 80px)}
 #menu.landing-bay .play-panel-heading{margin-bottom:10px}
 #menu.landing-bay .play-panel-heading h2{font-size:22px}
 #menu.landing-bay .play-panel-heading p,#menu.landing-bay .fine,#menu.landing-bay .review-link{display:none}
 #menu.landing-bay #host-mode-wrap{margin-top:10px}
 #menu.landing-bay .actions{margin-top:10px}
 #landing-help{left:16px;bottom:12px;font-size:10px}
}
@media(max-width:650px){
 #menu.landing-bay .play-panel{left:12px;right:12px;bottom:12px;top:auto;transform:none;width:auto;max-height:43%;padding:14px}
 #menu.landing-bay .fine,#menu.landing-bay .review-link,#menu.landing-bay .play-panel-heading,#landing-help{display:none}
}
#menu.landing-bay .play-panel{display:block;z-index:2} #landing-stage{z-index:0} #landing-help{z-index:1}

#host-mode-wrap label[for="room-name"]{margin-top:12px}#room-name{width:100%;box-sizing:border-box;padding:10px;background:#102327;color:#dff2e9;border:1px solid #43605c;border-radius:3px;font:inherit}#room-name:focus{outline:2px solid #90b8a6;outline-offset:2px}#room-name::placeholder{color:#91aaa4}

#menu .actions #choose-single,#menu .actions #choose-multi,#menu .actions #start-single{grid-column:1/-1;width:100%;justify-content:center}#menu .actions #menu-back{min-width:0;grid-column:1/-1;background:transparent;border-color:transparent;color:#adc3bb;padding:9px}#menu .actions #menu-back:hover{border-color:#43605c}

#menu .actions #choose-join,#menu .actions #find-room{grid-column:1/-1;width:100%}#join-name-wrap{margin-top:18px}#join-name-wrap label{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:6px}#join-room-name{width:100%;padding:12px;background:#102327;color:#dff2e9;border:1px solid #43605c;border-radius:3px;font:inherit}#join-name-status{font-size:12px;line-height:1.4;color:#c6efd7}