: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}