@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-top:#06111a;--bg-bottom:#04080d;--hud-ink:#f1f5f7;--hud-soft:#f1f5f7b8;--line:#7af6ff3d;--cyan:#7af6ff;--cyan-soft:#7af6ff33;--amber:#ffbf57;--amber-soft:#ffbf572e;--panel:#070f17b8;--shadow:0 24px 80px #00000073}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 20% 18%, #144d8559, transparent 24%), radial-gradient(circle at 82% 14%, #ffbf571c, transparent 18%), linear-gradient(180deg, var(--bg-top), var(--bg-bottom));min-height:100%;color:var(--hud-ink);margin:0;font-family:Space Grotesk,Trebuchet MS,sans-serif;overflow:hidden}body:before{content:"";pointer-events:none;opacity:.25;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:120px 120px;position:fixed;inset:0}.shell{min-height:100vh;position:relative}#game{width:100%;height:100%;display:block;position:fixed;inset:0}.hud{padding:max(1rem, env(safe-area-inset-top)) 1rem 0;pointer-events:none;justify-content:space-between;gap:1rem;display:flex;position:fixed;inset:0 0 auto}.hud__block{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:min(24rem,100vw - 2rem);box-shadow:var(--shadow);background:linear-gradient(#030a10d1,#030a1075);border-radius:1.1rem;gap:.28rem;padding:.9rem 1rem;display:grid}.hud__block--title{pointer-events:auto;gap:.18rem;min-width:min(14rem,100vw - 7rem);max-width:15.5rem;padding:.7rem 2.2rem .72rem .85rem;position:relative}.hud__block--hidden{display:none}.hud__block--stats{grid-template-columns:repeat(2,minmax(6.2rem,1fr));gap:.75rem 1.2rem;min-width:auto;margin-left:auto}.eyebrow{color:var(--amber);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.82rem}h1,h2,.mission,.stat,.controls p,.panel p,button,kbd{margin:0}h1,h2{text-transform:uppercase;font-size:clamp(1.8rem,3vw,3.3rem);line-height:.95}.mission{color:var(--hud-soft);max-width:16rem;font-size:.9rem;line-height:1.25}.stat{gap:.15rem;display:grid}.stat__label{color:var(--hud-soft);letter-spacing:.16em;text-transform:uppercase;font-size:.76rem}.stat__value{font-size:1.08rem;font-weight:700}.controls{left:1rem;bottom:max(1rem, env(safe-area-inset-bottom));color:var(--hud-soft);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070f17a8;border:1px solid #7af6ff29;border-radius:1rem;gap:.45rem;padding:.85rem 1rem;display:grid;position:fixed}.controls span{color:var(--cyan)}kbd{min-width:1.7rem;font:inherit;color:var(--hud-ink);background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:.08rem .42rem;display:inline-flex}.panel{width:min(32rem,100vw - 2rem);box-shadow:var(--shadow);z-index:4;background:linear-gradient(#0a1825f5,#050d14eb),radial-gradient(circle at 100% 0,#ffbf572e,#0000 36%);border:1px solid #7af6ff3d;border-radius:1.4rem;gap:1rem;padding:1.5rem;display:grid;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.panel--hidden{display:none}.hud__dismiss{width:1.5rem;height:1.5rem;color:var(--hud-soft);box-shadow:none;background:#050f18b8;border:1px solid #7af6ff2e;border-radius:999px;padding:0;font-size:.95rem;font-weight:500;line-height:1;position:absolute;top:.45rem;right:.45rem}.hud__dismiss:hover,.hud__dismiss:focus-visible{color:var(--hud-ink);background:#7af6ff1f}button{appearance:none;background:linear-gradient(135deg, var(--amber), #ff824d), linear-gradient(180deg, transparent, #0000001f);color:#101113;font:inherit;letter-spacing:.04em;cursor:pointer;border:0;border-radius:999px;padding:.95rem 1.2rem;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 18px 34px #ff824d42}button:hover,button:focus-visible{filter:brightness(1.05);outline:none;transform:translateY(-1px)}.reticle{pointer-events:none;opacity:.85;border:1px solid #7af6ff59;border-radius:50%;width:3.2rem;height:3.2rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 .3rem #7af6ff0f,inset 0 0 .8rem #7af6ff14}.reticle:before,.reticle:after{content:"";background:#7af6ff99;position:absolute}.reticle:before{height:1px;inset:50% 0 auto;transform:translateY(-50%)}.reticle:after{width:1px;inset:0 auto 0 50%;transform:translate(-50%)}.touch-controls{right:1rem;bottom:max(1rem, env(safe-area-inset-bottom));z-index:3;align-items:end;gap:1rem;display:none;position:fixed}.touch-controls__pad{justify-items:center;gap:.65rem;display:grid}.touch-controls__row{gap:.65rem;display:flex}.touch{-webkit-user-select:none;user-select:none;touch-action:none;width:4rem;height:4rem;color:var(--cyan);background:linear-gradient(#05111ad9,#05111a94);border:1px solid #7af6ff3d;padding:0;box-shadow:inset 0 0 1.4rem #7af6ff14}.touch--fire{color:#fff4dc;background:linear-gradient(#ffbf5742,#ff824d42);border-color:#ffbf5747;width:5.5rem;height:5.5rem;box-shadow:inset 0 0 2rem #ffbf5714}@media (width<=900px){.hud{flex-direction:column}.hud__block{min-width:auto}.hud__block--title{min-width:0;max-width:none}.hud__block--stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-left:0}}@media (width<=760px),(pointer:coarse){.controls{display:none}.touch-controls{display:flex}.hud{padding-inline:.75rem}.hud__block{padding:.8rem .9rem}.hud__block--title{padding:.65rem 2rem .68rem .8rem}.hud__block--stats{grid-template-columns:repeat(2,minmax(0,1fr))}.reticle{width:2.4rem;height:2.4rem}}