@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color-scheme:dark;--bg: #050808;--fg: #d7e4db;--muted: #7d9288;--accent: #9fffd1;--accent-soft: rgba(159, 255, 209, .18);--danger: #ff846c}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;overflow:hidden;background:radial-gradient(circle at top,rgba(29,58,52,.24),transparent 38%),linear-gradient(180deg,#091112,#040606);color:var(--fg);font-family:IBM Plex Mono,monospace}body{position:relative}canvas{position:fixed;inset:0;display:block;z-index:0}#app{position:fixed;inset:0;pointer-events:none;z-index:2}.screen-noise,.vignette,.title-screen,.hud,.weapon-view,.pause-layer{position:absolute;inset:0}.screen-noise{opacity:.07;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:3px 3px,4px 4px;mix-blend-mode:soft-light}.vignette{background:radial-gradient(circle at center,transparent 48%,rgba(0,0,0,.72) 100%),linear-gradient(180deg,rgba(0,0,0,.34),transparent 30%,transparent 70%,rgba(0,0,0,.4))}.title-screen{display:grid;align-content:center;justify-items:start;gap:1rem;padding:min(7vw,5rem);background:linear-gradient(90deg,rgba(4,9,9,.92) 0%,rgba(4,9,9,.66) 40%,transparent 74%);pointer-events:auto;transition:opacity .22s ease,visibility .22s ease}.title-screen.hidden{opacity:0;visibility:hidden}.title-kicker,.title-copy,.boot-sequence,.hud{text-transform:uppercase;letter-spacing:.12em}.title-kicker{margin:0;color:var(--muted);font-size:.75rem}.title-screen h1{margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(4.4rem,16vw,10rem);line-height:.88;letter-spacing:.08em;text-shadow:0 0 32px rgba(159,255,209,.12)}.title-copy{max-width:32rem;margin:0;color:#adc0b6;font-size:.8rem;line-height:1.8}.launch-button{border:1px solid rgba(159,255,209,.35);padding:.95rem 1.5rem .85rem;background:linear-gradient(180deg,#9fffd11f,#9fffd10a);color:var(--fg);font:inherit;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.launch-button:hover{transform:translateY(-2px);border-color:#9fffd19e;background:linear-gradient(180deg,#9fffd133,#9fffd114)}.boot-sequence{display:flex;flex-wrap:wrap;gap:.6rem 1rem;max-width:34rem;color:var(--muted);font-size:.7rem}.hud{display:flex;flex-direction:column;justify-content:space-between;padding:1.2rem;font-size:.72rem}.weapon-view{inset:auto 0 0 auto;width:16rem;height:12rem;display:grid;place-items:end center;padding:0 1.2rem .8rem 0}.weapon-view img{width:8rem;height:8rem;image-rendering:pixelated;image-rendering:crisp-edges;opacity:.94;filter:drop-shadow(0 0 16px rgba(0,0,0,.6)) drop-shadow(0 0 8px rgba(159,255,209,.15))}.hud-top,.hud-bottom{display:flex;justify-content:space-between;gap:1rem}.hud-top{color:#d7e4dbd6}.hud-bottom{align-items:end}.hud-status,.hud-objective{display:grid;gap:.45rem}.hud-status span,.hud-objective span,.hud-objective strong{text-shadow:0 0 12px rgba(0,0,0,.48)}.hud-objective{justify-items:end;text-align:right}.hud-objective span{color:var(--muted)}.hud-objective strong{color:var(--accent);font-size:.88rem;font-weight:500}.reticle{position:absolute;inset:50% auto auto 50%;width:2rem;height:2rem;transform:translate(-50%,-50%)}.reticle span{position:absolute;inset:50% auto auto 50%;display:block;background:#d7e4dbeb;box-shadow:0 0 10px #9fffd147}.reticle span:first-child{width:1px;height:1rem;transform:translate(-50%,-50%)}.reticle span:last-child{width:1rem;height:1px;transform:translate(-50%,-50%)}.pause-layer{display:grid;place-items:center;align-content:center;gap:.5rem;background:#0204046b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-transform:uppercase;letter-spacing:.16em;pointer-events:auto}.pause-layer p,.pause-layer span{margin:0}.pause-layer p{font-size:.95rem;color:var(--fg)}.pause-layer span{color:var(--muted);font-size:.72rem}@media(max-width:720px){.title-screen{justify-items:stretch;padding:1.25rem;background:linear-gradient(180deg,rgba(4,9,9,.92) 0%,rgba(4,9,9,.74) 52%,transparent 100%)}.title-copy{max-width:none}.boot-sequence{gap:.5rem}.hud{padding:.9rem}.hud-top,.hud-bottom{flex-direction:column}.hud-bottom{align-items:start}.hud-objective{justify-items:start;text-align:left}}