:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#080808;--coal:#151515;--iron:#62645f;--bone:#e5dcc8;--muted:#9d968a;--blood:#9f251b;--blood-hot:#e04c2d;--brass:#c9a24d;--armor:#829a91;--panel:#0d0d0cd1;--line:#caa95e57;background:#080808;font-family:Arial Narrow,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--bone);letter-spacing:0;-webkit-user-select:none;user-select:none;background:#080808}#app>canvas{width:100%;height:100%;display:block}button{font:inherit;letter-spacing:0}.hud{z-index:5;pointer-events:none;color:var(--bone);text-transform:uppercase;text-shadow:0 2px 3px #000000f2;position:fixed;inset:0}.vitals{grid-template-columns:repeat(2,108px);gap:6px;display:grid;position:absolute;top:14px;left:14px}.vital{border-left:3px solid var(--blood-hot);background:linear-gradient(90deg,#0d0d0ced,#0d0d0c8c);grid-template-columns:1fr auto;align-items:end;min-height:51px;padding:7px 9px 11px;display:grid;position:relative}.vital--armor{border-left-color:var(--armor)}.vital span{color:var(--muted);align-self:start;font-size:9px;font-weight:700}.vital strong{color:#f4ead7;grid-area:1/2/3;font-size:25px;line-height:1}.vital i{background:#ffffff1a;height:3px;position:absolute;bottom:5px;left:8px;right:8px;overflow:hidden}.vital i:after{content:"";width:var(--value,100%);background:linear-gradient(90deg, #6e1612, var(--blood-hot));height:100%;transition:width .13s linear;display:block}.vital--armor i:after{background:linear-gradient(90deg,#465b57,#a5beb4)}.objective-chip{border-top:1px solid var(--line);background:linear-gradient(90deg, transparent, var(--panel) 18%, var(--panel) 82%, transparent);text-align:center;border-bottom:1px solid #caa95e2e;gap:2px;width:min(430px,100vw - 500px);min-width:260px;padding:8px 34px 9px;display:grid;position:absolute;top:14px;left:50%;transform:translate(-50%)}.objective-chip strong{color:#f1dfb9;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.15;overflow:hidden}.objective-chip strong.is-changing{animation:.32s ease-out objective-in}.objective-chip span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.2;overflow:hidden}.threat-cluster{border-right:3px solid var(--brass);text-align:right;background:linear-gradient(270deg,#0d0d0ced,#0d0d0c85);grid-template-rows:auto auto;grid-template-columns:auto 42px;align-items:end;min-width:152px;padding:7px 8px 8px 11px;display:grid;position:absolute;top:14px;right:14px}.threat-cluster>span{color:#81776a;align-self:start;font-size:9px;font-weight:700}.threat-cluster>span.is-owned{color:var(--brass)}.threat-cluster>span.is-pulsing{animation:.56s ease-out key-pulse}.threat-cluster strong{color:var(--brass);grid-area:1/2/3;font-size:28px;line-height:1}.threat-cluster small{color:var(--muted);font-size:8px;font-weight:700}.route-guide{min-width:150px;color:var(--muted);opacity:0;background:#0a0a09bf;border:1px solid #c9a24d5c;border-radius:2px;grid-template-columns:24px auto auto;align-items:center;gap:7px;padding:5px 10px;font-size:9px;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:65px;left:50%;transform:translate(-50%)translateY(-7px)}.route-guide.is-visible{opacity:1;transform:translate(-50%)translateY(0)}.route-guide i{width:22px;height:22px;color:var(--brass);transform-origin:50%;place-items:center;font-size:15px;font-style:normal;display:grid}.route-guide strong{color:#e2d3b3;font-size:10px}.encounter-banner{color:#e6c480;opacity:0;font-size:20px;font-weight:800;transition:opacity .16s,transform .16s;position:absolute;top:17%;left:50%;transform:translate(-50%,-10px)}.encounter-banner:before,.encounter-banner:after{content:"";background:linear-gradient(90deg,#0000,#b38d48);width:54px;height:1px;margin:0 12px 5px;display:inline-block}.encounter-banner:after{background:linear-gradient(90deg,#b38d48,#0000)}.encounter-banner.is-visible{opacity:1;transform:translate(-50%)}.boss-bar{opacity:0;background:#0d0b0ac7;gap:4px;width:min(360px,100vw - 32px);padding:6px 8px;transition:opacity .18s;display:grid;position:absolute;top:98px;left:50%;transform:translate(-50%)}.boss-bar.is-visible{opacity:1}.boss-bar span{color:#d7b26c;text-align:center;font-size:9px;font-weight:800}.boss-bar i{background:#24100d;height:4px;overflow:hidden}.boss-bar i:after{content:"";width:var(--value,100%);background:linear-gradient(90deg,#6f1712,#d24a2d,#cf9c49);height:100%;transition:width .1s linear;display:block}.crosshair{filter:drop-shadow(0 1px 2px #000);width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair i{background:#eee2cbe0;transition:background 80ms linear,transform 80ms linear;display:block;position:absolute}.crosshair i:first-child,.crosshair i:nth-child(2){width:8px;height:2px;top:14px}.crosshair i:first-child{left:1px}.crosshair i:nth-child(2){right:1px}.crosshair i:nth-child(3),.crosshair i:nth-child(4){width:2px;height:8px;left:14px}.crosshair i:nth-child(3){top:1px}.crosshair i:nth-child(4){bottom:1px}.crosshair.is-hit i{background:#f0b64e}.crosshair.is-hit i:first-child{transform:translate(-3px)}.crosshair.is-hit i:nth-child(2){transform:translate(3px)}.crosshair.is-hit i:nth-child(3){transform:translateY(-3px)}.crosshair.is-hit i:nth-child(4){transform:translateY(3px)}.hit-marker{color:#dfd2bb;text-align:center;opacity:0;min-width:92px;font-size:11px;font-weight:800;position:absolute;top:calc(50% + 31px);left:50%;transform:translate(-50%,-5px)scale(.92)}.hit-marker.is-visible{animation:.3s ease-out both hit-in}.hit-marker.is-headshot{color:#f2c75f}.hit-marker.is-kill{color:#ed7650}.damage-direction{aspect-ratio:1;opacity:0;border-top:15px solid #ba2318d1;border-radius:50%;width:min(94vw,920px);transition:opacity .13s linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 90px #760a0738}.damage-direction.is-visible{opacity:1}.context-prompt{color:#dac9a5;text-align:center;opacity:0;background:linear-gradient(90deg,#0000,#090908d6,#0000);border-bottom:1px solid #c9a24d6b;max-width:min(420px,100vw - 30px);padding:5px 10px;font-size:10px;font-weight:700;transition:opacity .15s,transform .15s;position:absolute;bottom:min(43vh,350px);left:50%;transform:translate(-50%,7px)}.context-prompt.is-visible{opacity:1;transform:translate(-50%)}.weapon-sprite{filter:drop-shadow(0 25px 25px #000000b3);width:min(760px,62vw);height:auto;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.combat-counts{color:#aaa197;gap:8px;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:64px;left:14px}.combat-counts span:nth-child(2){color:var(--brass)}.weapon-readout{border-right:3px solid var(--brass);text-align:right;background:linear-gradient(270deg,#0c0c0be8,#0c0c0b7a);grid-template-columns:38px auto;min-width:190px;padding:7px 9px 9px;display:grid;position:absolute;bottom:61px;right:14px}.weapon-readout>span{color:var(--brass);text-align:left;align-self:center;font-size:22px;font-weight:800}.weapon-readout div{gap:2px;display:grid}.weapon-readout strong{color:#ece0ca;font-size:12px;line-height:1.1}.weapon-readout strong.is-reloading:after{content:" / RELOAD";color:var(--blood-hot)}.weapon-readout b{color:#aba294;font-size:9px}.weapon-readout>i{opacity:0;background:#ffffff14;height:2px;position:absolute;bottom:4px;left:8px;right:8px;overflow:hidden}.weapon-readout>i.is-active{opacity:1}.weapon-readout>i:after{content:"";width:var(--value,0%);background:var(--brass);height:100%;display:block}.weapon-bar{grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;max-width:840px;margin:auto;display:grid;position:absolute;bottom:11px;left:12px;right:12px}.weapon-slot{color:#756f67;background:linear-gradient(#191917b8,#070707c2);border-top:2px solid #68655e59;grid-template-columns:21px 1fr;align-items:center;min-width:0;height:35px;padding:0 5px;display:grid}.weapon-slot i{color:#a2864c;font-size:10px;font-style:normal;font-weight:800}.weapon-slot b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:8px;font-weight:700;overflow:hidden}.weapon-slot.is-active{border-top-color:var(--brass);color:#eee0c4;background:linear-gradient(#742317d1,#120e0be0);box-shadow:0 -4px 16px #95341d38}.toast{z-index:14;color:#f0d9aa;text-align:center;text-transform:uppercase;opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#0a0a09ed 15% 85%,#0000);border-top:1px solid #d7b46394;border-bottom:1px solid #86331fa3;max-width:min(560px,100vw - 28px);padding:8px 16px;font-size:12px;font-weight:800;transition:opacity .16s,transform .16s;position:fixed;top:24%;left:50%;transform:translate(-50%,-8px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.game-modal{z-index:20;opacity:0;visibility:hidden;background:linear-gradient(90deg,#040505e0 0%,#0405055c 48%,#040505bd 100%),linear-gradient(#05050533,#050505de),url(/assets/xnma-key-art.webp) 50% 42%/cover no-repeat,#080808;place-items:center;transition:opacity .22s,visibility .22s;display:grid;position:fixed;inset:0;overflow:hidden}.game-modal:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#0000001a 3px 4px),radial-gradient(circle,#0000 42%,#000000ad 100%);position:absolute;inset:0}.game-modal.is-visible{opacity:1;visibility:visible}.game-modal__content{z-index:1;text-align:center;text-shadow:0 4px 14px #000,0 2px 2px #000;width:min(760px,100vw - 40px);padding-top:11vh;position:relative}.game-modal__content>span{color:#d4b05c;font-size:11px;font-weight:800}.game-modal h1{color:#eee2ca;text-shadow:0 4px #51140f,0 9px 22px #000;margin:10px 0 9px;font-family:Impact,Arial Black,sans-serif;font-size:82px;font-weight:400;line-height:.92}.game-modal p{color:#e4d3b4;max-width:620px;margin:0 auto;font-size:13px;font-weight:700;line-height:1.45}.mission-stats{color:#b7aea0;flex-wrap:wrap;justify-content:center;gap:0;margin:20px auto 22px;font-size:10px;font-weight:700;display:flex}.mission-stats span{border-right:1px solid #dab96e4d;padding:3px 12px}.mission-stats span:last-child{border-right:0}.mission-stats b{color:#e5c77e;font-weight:800}.primary-action,.sound-button{z-index:2;color:#f4e5c8;cursor:pointer;text-transform:uppercase;background:linear-gradient(#892819f0,#3f120ef5);border:1px solid #e0be6fb8;border-radius:2px;font-weight:800;position:relative}.primary-action{min-width:220px;min-height:48px;padding:0 24px;font-size:12px;box-shadow:0 12px 35px #00000080}.primary-action:hover,.primary-action:focus-visible,.sound-button:hover,.sound-button:focus-visible{filter:brightness(1.13);border-color:#f0ca72;outline:none}.sound-button{color:#d1c4ad;background:#090908b8;min-height:34px;padding:0 12px;font-size:9px;position:absolute;top:16px;right:16px}.game-modal__brand{bottom:max(14px, env(safe-area-inset-bottom));z-index:2;color:#e6d8bb94;white-space:nowrap;font-size:9px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}@keyframes hit-in{0%{opacity:0;transform:translate(-50%,-4px)scale(.85)}28%{opacity:1;transform:translate(-50%,2px)scale(1.05)}to{opacity:0;transform:translate(-50%,7px)scale(1)}}@keyframes objective-in{0%{opacity:.2;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes key-pulse{0%{color:#fff0a2;transform:scale(1.18)}to{color:var(--brass);transform:scale(1)}}@media (width<=900px){.objective-chip{width:min(470px,100vw - 28px);top:70px}.route-guide{top:116px}.boss-bar{top:151px}}@media (width<=720px){.vitals{grid-template-columns:repeat(2,84px);top:9px;left:9px}.vital{min-height:44px;padding:6px 7px 10px}.vital strong{font-size:20px}.threat-cluster{min-width:116px;top:9px;right:9px}.threat-cluster strong{font-size:22px}.threat-cluster small{display:none}.objective-chip{width:calc(100vw - 18px);min-width:0;top:61px}.route-guide{top:106px}.boss-bar{top:140px}.encounter-banner{font-size:15px}.encounter-banner:before,.encounter-banner:after{width:28px;margin-left:7px;margin-right:7px}.weapon-sprite{width:min(680px,92vw);bottom:24px}.combat-counts{gap:2px;font-size:8px;display:grid;bottom:57px;left:9px}.weapon-readout{min-width:150px;bottom:55px;right:9px}.weapon-readout strong{text-overflow:ellipsis;white-space:nowrap;max-width:105px;overflow:hidden}.weapon-bar{gap:2px;bottom:6px;left:6px;right:6px}.weapon-slot{grid-template-columns:1fr;justify-items:center;height:29px;padding:0}.weapon-slot b{display:none}.game-modal__content{width:calc(100vw - 28px)}.game-modal h1{font-size:58px}.game-modal p{font-size:11px}.mission-stats{max-width:390px}}@media (height<=620px){.game-modal__content{padding-top:4vh}.game-modal h1{margin:6px 0;font-size:54px}.mission-stats{margin:11px auto 13px}.weapon-sprite{width:min(650px,58vw)}.context-prompt{bottom:48vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}