:root{color:#f4ead5;background:#171a20;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:#171a20;min-width:320px}.combat-flash,.damage-vignette{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0}.muzzle-feedback{position:absolute;z-index:5;right:24%;bottom:27%;width:90px;height:90px;pointer-events:none;opacity:0;background:conic-gradient(from 20deg,transparent,#fff3ad,transparent,#f08a5b,transparent);clip-path:polygon(50% 0,60% 39%,100% 30%,66% 55%,91% 86%,57% 67%,45% 100%,42% 65%,4% 77%,34% 51%,10% 22%,43% 39%)}.muzzle-feedback.active{animation:muzzle-burst .15s ease-out}.hit-marker.kill{font-size:28px;white-space:nowrap;color:#fff7c5;background:#8b4f36e8;border:2px solid #fff0b2;padding:12px 18px;box-shadow:0 0 28px #f08a5b}.combat-flash.active{animation:kiln-flash .11s ease-out}.combat-flash.warning{animation:telegraph-flash .38s ease-out}.damage-vignette.active{animation:damage-flash .44s ease-out}.hit-marker{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%) scale(.4);color:#fff0b2;font-size:52px;font-weight:900;opacity:0;text-shadow:0 0 14px #f08a5b}.hit-marker.active{animation:hit-marker .19s ease-out}.crosshair.hit{filter:drop-shadow(0 0 7px #fff0b2);transform:translate(-50%,-50%) scale(1.38)}.crosshair.miss{filter:drop-shadow(0 0 6px #f08a5b);transform:translate(-50%,-50%) scale(.78)}.combat-cue{min-height:16px;color:#f0b173!important;font-size:10px;line-height:1.35;letter-spacing:.09em}.touch-controls{display:none;position:absolute;z-index:6;inset:auto 12px max(14px,env(safe-area-inset-bottom));justify-content:space-between;align-items:end;pointer-events:none}.touch-controls button{pointer-events:auto;touch-action:manipulation;border:1px solid #f0b173;background:#171a20df;color:#f4ead5;min-width:48px;min-height:48px;padding:10px;font-weight:900;letter-spacing:.06em;box-shadow:3px 3px #302b3a}.touch-pad{display:grid;grid-template-columns:48px 48px 48px;grid-template-areas:". forward ." "left back right";gap:5px}.touch-pad [data-action=move-forward]{grid-area:forward}.touch-pad [data-action=move-left]{grid-area:left}.touch-pad [data-action=move-back]{grid-area:back}.touch-pad [data-action=move-right]{grid-area:right}.touch-combat{display:grid;grid-template-columns:repeat(3,minmax(48px,1fr));gap:5px;max-width:230px}.touch-combat .fire-button{background:#8b4f36;border-color:#fff0b2;min-width:68px}@keyframes muzzle-burst{0%{opacity:1;transform:scale(.35) rotate(-12deg)}to{opacity:0;transform:scale(1.45) rotate(18deg)}}@keyframes kiln-flash{0%{opacity:.54;background:radial-gradient(circle at center,#fff7c5 0 3%,#f08a5b66 7%,transparent 25%)}to{opacity:0}}@keyframes telegraph-flash{0%,55%{opacity:0}70%{opacity:.34;background:radial-gradient(circle at center,transparent 25%,#f0b17366 70%,transparent)}}@keyframes damage-flash{0%{opacity:.56;background:radial-gradient(ellipse at center,transparent 34%,#b51d24bb 100%)}to{opacity:0}}@keyframes hit-marker{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}to{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}@media(hover:none),(pointer:coarse){.touch-controls{display:flex}.prompt{bottom:145px;font-size:10px}.status{bottom:150px;width:min(220px,53vw)}.weapon-label{bottom:145px}.hud{padding:18px}.hud h1{font-size:29px}.hud p:not(.kicker){font-size:13px;max-width:315px}}.landing{min-height:100vh;padding:12vw;background:#171a20;color:#f4ead5}.landing a{color:#d7b94c}.game{position:relative;width:100vw;height:100vh;min-width:320px;overflow:hidden;background:#171a20;color:#f4ead5;cursor:crosshair}.game:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#171a202e,transparent 38%,#f08a5b0b 72%,#171a2038),radial-gradient(ellipse at center,transparent 58%,#10131866);z-index:1}.viewport{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;opacity:1;touch-action:none;-webkit-user-select:none;user-select:none}.game{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.hud{position:absolute;z-index:2;inset:0 0 auto;display:flex;justify-content:space-between;padding:clamp(18px,3vw,52px);pointer-events:none;text-shadow:0 2px 12px #171a20}.hud>*{pointer-events:auto}.kicker{margin:0 0 8px;color:#f0b173;font-size:10px;font-weight:900;letter-spacing:.2em}.hud h1{font-size:clamp(25px,3vw,48px);line-height:.96;margin:0;letter-spacing:-.065em}.hud p:not(.kicker){max-width:480px;line-height:1.45}.settings-button,.overlay button,.settings button{border:1px solid #d7b94c;background:#302b3a;color:#f4ead5;padding:11px 16px;font-weight:900;letter-spacing:.07em;cursor:pointer;box-shadow:4px 4px #171a20}.status{position:absolute;z-index:2;right:clamp(18px,3vw,52px);bottom:clamp(100px,14vh,160px);width:260px;background:#171a20c9;border-left:3px solid #d7b94c;padding:14px;font-size:12px;letter-spacing:.08em;box-shadow:5px 5px #302b3a88}.status div{display:flex;justify-content:space-between;padding:4px 0}.status b{color:#f0b173;letter-spacing:.15em}.status p{margin:12px 0 0;font-weight:800;color:#f2ddad}.spatial-readout{color:#b8ceca!important;font-weight:500!important;font-size:10px;line-height:1.5}.crosshair{position:absolute;z-index:3;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%);pointer-events:none}.crosshair:before,.crosshair:after,.crosshair i{content:"";position:absolute;background:#f8efdb;box-shadow:0 0 5px #171a20}.crosshair:before{width:2px;height:9px;left:13px;top:0}.crosshair:after{width:2px;height:9px;left:13px;bottom:0}.crosshair i{height:2px;width:9px;left:9px;top:13px}.weapon-label{position:absolute;z-index:3;right:7%;bottom:5%;padding:8px 11px;border-left:4px solid #d7b94c;background:#171a20b8;color:#d8ceb8;font-size:12px;font-weight:900;letter-spacing:.13em;pointer-events:none}.weapon-label span{display:block;color:#f08a5b;font-size:8px;letter-spacing:.18em;margin-top:4px}.prompt{position:absolute;z-index:2;bottom:28px;left:50%;transform:translate(-50%);max-width:90%;text-align:center;background:#171a20c9;padding:9px 13px;border-bottom:1px solid #d7b94c;font-size:12px;letter-spacing:.04em}.onboarding{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 32px));pointer-events:auto;padding:clamp(22px,4vw,44px);text-align:center;background:#171a20f2;border:2px solid #d7b94c;box-shadow:12px 12px #302b3acc}.onboarding h2{margin:0 0 14px;font-size:clamp(28px,5vw,48px);line-height:.95}.onboarding p{color:#d8ceb8;line-height:1.45}.onboarding button{border:1px solid #fff0b2;background:#8b4f36;color:#fff;padding:13px 22px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.onboarding [data-onboarding-touch]{display:none}@media(hover:none),(pointer:coarse){.onboarding [data-onboarding-desktop]{display:none}.onboarding [data-onboarding-touch]{display:block}}.overlay,.settings{position:absolute;z-index:5;background:#171a20ed;border:1px solid #d7b94c;box-shadow:10px 10px #302b3a99;padding:clamp(24px,5vw,64px);width:min(540px,calc(100vw - 40px));left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.overlay h2,.settings h2{font-size:clamp(30px,5vw,58px);line-height:.92;margin:10px 0;letter-spacing:-.06em}.overlay p:not(.kicker),.settings p{line-height:1.55;color:#d8ceb8}.hidden{display:none}.settings{text-align:left}.settings label{display:block;margin:18px 0;color:#f2ddad;font-weight:800}.settings input[type=range]{display:block;width:100%;accent-color:#d7b94c;margin-top:8px}.toggle{font-size:13px}.toggle input{accent-color:#d7b94c}.settings button{margin-top:12px}@media(max-width:700px){.status{bottom:88px;right:16px;width:220px}.hud{padding:18px}.hud p:not(.kicker){font-size:13px}.weapon-label{bottom:84px}.prompt{font-size:10px;bottom:12px}}@media(max-width:700px)and (orientation:portrait){.game{background:#171a20;background-size:auto 100%!important;background-position:center!important}.hud{top:10px;left:12px;right:12px}.hud h1{font-size:clamp(22px,6.6vw,29px);max-width:58%}.settings-button{opacity:.82}.status{left:12px;right:12px;bottom:108px;padding:7px 9px;font-size:8px;background:#141820d9}.touch-controls{height:90px;bottom:6px}.touch-joystick{width:76px;height:76px}.touch-controls button{min-width:70px;min-height:70px}.mobile-weapon{display:none!important}.viewport{background-position:center center;background-size:auto 100%;background-repeat:no-repeat}.hud{top:14px;left:14px;right:14px;padding:0;gap:8px;align-items:flex-start}.hud h1{font-size:clamp(25px,7.7vw,34px);line-height:.9;max-width:64%;margin:.18rem 0}.hud .kicker{font-size:8px;letter-spacing:.14em;white-space:nowrap}.hud>div>p:last-child{display:none}.settings-button{font-size:8px;min-width:74px;min-height:44px;padding:8px;line-height:1.05}.status{left:14px;right:14px;bottom:126px;width:auto;padding:9px 11px;font-size:9px;display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;background:#141820e8}.status p{margin:.15rem 0;line-height:1.25;max-width:100%}.status .combat-cue{font-size:8px}.status .spatial-readout,.weapon-label,.prompt{display:none}.touch-controls{left:8px;right:8px;bottom:8px;height:104px;gap:6px}.touch-controls button{min-height:44px;font-size:11px;padding:7px}.touch-pad,.touch-combat{gap:4px}.crosshair{top:48%}.overlay{inset:46% 12px auto;width:auto;max-height:calc(100vh - 170px);overflow:auto;transform:translateY(-50%);background:#10141bf2;padding:18px}.overlay>div{max-width:330px}.game[data-phase=failure] .status,.game[data-phase=failure] .touch-controls,.game[data-phase=failure] .weapon-label,.game[data-phase=victory] .status,.game[data-phase=victory] .touch-controls,.game[data-phase=victory] .weapon-label{display:none}.game[data-phase=failure] .overlay,.game[data-phase=victory] .overlay{top:51%;left:24px;right:24px;width:auto;padding:20px 22px;max-height:46vh;background:linear-gradient(105deg,#10141bf2,#171a20d9);box-shadow:7px 7px #302b3a66}.game[data-phase=failure] .overlay h2,.game[data-phase=victory] .overlay h2{font-size:clamp(28px,9vw,42px);margin:2px 0 8px}.game[data-phase=failure] .overlay p:not(.kicker),.game[data-phase=victory] .overlay p:not(.kicker){font-size:clamp(14px,4.5vw,19px);line-height:1.38;margin:8px 0 14px}.game[data-phase=failure] .overlay button,.game[data-phase=victory] .overlay button{padding:10px 16px}.onboarding{inset:18px 18px auto;width:auto;max-height:calc(100vh - 36px);overflow:auto;transform:none;padding:22px}.hit-marker{font-size:34px}.muzzle-feedback{right:20%;bottom:30%;transform:scale(.7)}}@media(max-width:700px)and (orientation:portrait){.hud{top:10px;left:12px;right:12px}.hud h1{font-size:clamp(22px,6.6vw,29px);max-width:58%}.settings-button{opacity:.82}.status{left:12px;right:12px;bottom:108px;padding:7px 9px;font-size:8px;background:#141820d9}.touch-controls{height:90px;bottom:6px}.touch-controls button{min-height:44px}.crosshair{top:46%}}@media(min-width:701px){.game[data-phase=victory] .overlay{inset:auto auto 86px 52px;width:360px;max-height:none;transform:none;padding:18px 20px;background:linear-gradient(105deg,#10141bee,#171a20c4);box-shadow:6px 6px #302b3a66}.game[data-phase=victory] .overlay>div{max-width:310px}.game[data-phase=victory] .overlay h2{font-size:34px;line-height:.92;text-align:left}.game[data-phase=victory] .overlay p:not(.kicker){font-size:14px;line-height:1.36}.game[data-phase=victory] .overlay button{padding:9px 14px}}.route-effect{position:absolute;left:36.8%;right:31%;top:48.6%;height:27%;z-index:3;pointer-events:none;opacity:.86;filter:drop-shadow(0 0 10px rgba(240,138,91,.22))}.route-effect:before{content:"";position:absolute;left:1%;right:0;top:43%;height:2px;background:linear-gradient(90deg,transparent,rgba(240,177,115,.18),rgba(255,239,178,.58),rgba(240,138,91,.26),transparent);transform:rotate(-13deg);transform-origin:left center}.route-effect b{position:absolute;width:9px;height:9px;border:1px solid rgba(255,240,178,.9);border-radius:50%;background:radial-gradient(circle,#fff3ad 0 18%,#f08a5b 19% 45%,transparent 48%);box-shadow:0 0 18px #f08a5b8c}.route-effect b:nth-child(1){left:0;top:63%}.route-effect b:nth-child(2){left:23%;top:54%}.route-effect b:nth-child(3){left:49%;top:41%}.route-effect b:nth-child(4){left:74%;top:26%}.route-effect b:nth-child(5){left:97%;top:18%}.route-effect.dim{opacity:.28}.threat-aperture{position:absolute;left:50%;top:50%;width:168px;height:168px;margin:-84px 0 0 -84px;z-index:3;pointer-events:none;border-radius:50%;opacity:.92;background:radial-gradient(circle,rgba(255,240,178,.78) 0 2%,rgba(240,138,91,.38) 3% 8%,transparent 9% 30%,rgba(48,43,58,.18) 31% 38%,transparent 39%);box-shadow:inset 0 0 34px #fff0b21f,0 0 30px #f08a5b33}.threat-aperture:before,.threat-aperture:after,.threat-aperture i{content:"";position:absolute;inset:19px;border:2px solid rgba(240,177,115,.42);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-24deg)}.threat-aperture:after{inset:39px;border-color:rgba(255,240,178,.48) transparent transparent rgba(240,138,91,.4);transform:rotate(58deg)}.threat-aperture i{inset:63px;border-width:1px;border-color:#fff7c5a8;transform:rotate(122deg)}.threat-aperture.telegraph{animation:aperture-warning .38s ease-out infinite alternate;filter:drop-shadow(0 0 20px #f08a5b)}.threat-aperture.hit{animation:aperture-hit .18s ease-out}.threat-aperture.dead{opacity:0}.crosshair{width:74px;height:74px;border:1px solid rgba(255,240,178,.32);border-radius:50%;background:radial-gradient(circle,transparent 0 15px,rgba(240,177,115,.13) 16px 18px,transparent 19px),linear-gradient(90deg,transparent 47%,rgba(255,240,178,.86) 48% 52%,transparent 53%),linear-gradient(0deg,transparent 47%,rgba(255,240,178,.86) 48% 52%,transparent 53%)}.crosshair i{position:absolute;inset:18px;border:1px solid rgba(240,138,91,.42);border-radius:50%}.weapon-label{right:7%;bottom:7%;background:linear-gradient(90deg,#302b3a14,#171a20db);border-left:4px solid #d7b94c}.weapon-label:before{content:"RETICLE-LINKED";display:block;color:#d8ceb8;font-size:8px;letter-spacing:.16em;margin-bottom:3px}@keyframes aperture-warning{0%{transform:scale(.96);opacity:.82}to{transform:scale(1.08);opacity:1}}@keyframes aperture-hit{0%{transform:scale(1.22);opacity:1}to{transform:scale(.74);opacity:.45}}@media(max-width:700px){.route-effect{left:24%;right:18%;top:43%;height:24%}.threat-aperture{width:118px;height:118px;margin:-59px 0 0 -59px}.weapon-label{display:none}.crosshair{width:58px;height:58px}}.touch-controls{display:none;position:absolute;z-index:7;inset:0!important;width:auto!important;height:auto!important;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none}.move-zone,.look-zone{position:absolute;bottom:max(8px,env(safe-area-inset-bottom),var(--test-safe-bottom,0px));height:min(46vh,280px);pointer-events:auto;touch-action:none}.move-zone{left:max(8px,env(safe-area-inset-left),var(--test-safe-left,0px));width:46%;border-radius:24px}.look-zone{right:max(8px,env(safe-area-inset-right),var(--test-safe-right,0px));width:50%;border-radius:24px}.move-zone>span,.look-zone>span{position:absolute;bottom:8px;color:#f4ead599;font-size:10px;font-weight:900;letter-spacing:.15em;pointer-events:none}.move-zone>span{left:18px}.look-zone>span{right:18px}.joystick-base{position:absolute;left:88px;top:50%;width:112px;height:112px;transform:translate(-50%,-50%);border:2px solid #f0b173aa;border-radius:50%;background:#171a2088;box-shadow:inset 0 0 24px #090b0d99,0 4px 12px #090b0d99;pointer-events:none;opacity:.62}.joystick-base.active{opacity:1}.joystick-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;min-width:44px;min-height:44px;transform:translate(-50%,-50%);border:2px solid #fff0b2;border-radius:50%;background:#8b4f36e8;box-shadow:0 4px 14px #090b0dcc}.look-zone.active{background:radial-gradient(circle at center,#f0b17312,transparent 60%)}.touch-controls>.fire-button{position:absolute;right:max(18px,calc(env(safe-area-inset-right) + 10px),calc(var(--test-safe-right,0px) + 10px));bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px),calc(var(--test-safe-bottom,0px) + 18px));width:76px;height:76px;min-width:44px;min-height:44px;pointer-events:auto;touch-action:none;border:2px solid #fff0b2;border-radius:50%;background:#8b4f36e8;color:#fff0b2;font-size:14px;font-weight:950;letter-spacing:.08em;box-shadow:0 5px #302b3a,0 7px 18px #090b0dcc}.touch-controls>.fire-button.active{transform:translateY(4px);box-shadow:0 1px #302b3a,0 3px 10px #090b0dcc;background:#b85f3e}.gyro-status{max-width:320px;font-size:12px;color:#b8ceca}@media(hover:none),(pointer:coarse){.touch-controls{display:block}}@media(max-width:700px)and (orientation:portrait){.move-zone,.look-zone{height:148px;min-height:148px;bottom:max(18px,env(safe-area-inset-bottom),var(--test-safe-bottom,0px))}.move-zone,.look-zone{width:50%}.joystick-base{width:96px;height:96px;top:44%}.touch-controls>.fire-button{width:68px;height:68px;bottom:max(62px,calc(env(safe-area-inset-bottom) + 52px),calc(var(--test-safe-bottom,0px) + 52px))}.move-zone>span,.look-zone>span{bottom:8px;line-height:1.2}.status{bottom:max(174px,calc(env(safe-area-inset-bottom) + 166px))}}@media(orientation:landscape)and (hover:none),(orientation:landscape)and (pointer:coarse){.move-zone,.look-zone{height:58vh;max-height:300px}.joystick-base{width:116px;height:116px}.touch-controls>.fire-button{width:80px;height:80px}.hud{padding-top:max(12px,env(safe-area-inset-top));padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}}.game[data-phase=failure] .touch-controls,.game[data-phase=victory] .touch-controls{display:none;pointer-events:none}.game[data-phase=failure] .overlay,.game[data-phase=victory] .overlay{z-index:8;pointer-events:auto}@media(max-width:700px)and (orientation:portrait){.hud{top:8px;left:9px;right:9px;gap:5px}.hud h1{font-size:clamp(21px,6.4vw,28px);max-width:62%}.hud .kicker{font-size:7px;letter-spacing:.1em}.settings-button{font-size:7px;min-width:62px;min-height:34px;padding:5px;opacity:.78}.status{inset:76px auto auto 9px;width:148px;padding:6px 7px;font-size:7px;display:block;background:#141820a3;border-left-width:2px;box-shadow:3px 3px #302b3a44}.status div{padding:2px 0}.status p{margin:1px 0;line-height:1.15}.status .combat-cue{font-size:7px;min-height:0}.touch-controls{left:7px;right:7px;bottom:6px;height:68px;gap:5px}.move-zone{width:70px;height:62px}.joystick-base{width:54px;height:54px}.joystick-knob{width:24px;height:24px}.look-zone{height:60px;min-width:76px}.fire-button{min-width:60px!important;min-height:52px!important;height:52px}.touch-controls button{font-size:10px;padding:5px;background:#171a20a6;box-shadow:2px 2px #302b3a}.touch-controls span{font-size:7px}.crosshair{top:47%}}