@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg-top: #06111a;--bg-bottom: #04080d;--hud-ink: #f1f5f7;--hud-soft: rgba(241, 245, 247, .72);--line: rgba(122, 246, 255, .24);--cyan: #7af6ff;--cyan-soft: rgba(122, 246, 255, .2);--amber: #ffbf57;--amber-soft: rgba(255, 191, 87, .18);--panel: rgba(7, 15, 23, .72);--shadow: 0 24px 80px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden;background:radial-gradient(circle at 20% 18%,rgba(20,77,133,.35),transparent 24%),radial-gradient(circle at 82% 14%,rgba(255,191,87,.11),transparent 18%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom));color:var(--hud-ink);font-family:Space Grotesk,Trebuchet MS,sans-serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:120px 120px;pointer-events:none;opacity:.25}.shell{position:relative;min-height:100vh}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hud{position:fixed;inset:0 0 auto;display:flex;justify-content:space-between;gap:1rem;padding:max(1rem,env(safe-area-inset-top)) 1rem 0;pointer-events:none}.hud__block{display:grid;gap:.28rem;min-width:min(24rem,calc(100vw - 2rem));padding:.9rem 1rem;background:linear-gradient(180deg,#030a10d1,#030a1075);border:1px solid var(--line);border-radius:1.1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.hud__block--title{position:relative;min-width:min(14rem,calc(100vw - 7rem));max-width:15.5rem;gap:.18rem;padding:.7rem 2.2rem .72rem .85rem;pointer-events:auto}.hud__block--hidden{display:none}.hud__block--stats{min-width:auto;grid-template-columns:repeat(2,minmax(6.2rem,1fr));gap:.75rem 1.2rem;margin-left:auto}.eyebrow{margin:0;color:var(--amber);font-size:.82rem;letter-spacing:.18em;text-transform:uppercase}h1,h2,.mission,.stat,.controls p,.panel p,button,kbd{margin:0}h1,h2{font-size:clamp(1.8rem,3vw,3.3rem);line-height:.95;text-transform:uppercase}.mission{color:var(--hud-soft);max-width:16rem;font-size:.9rem;line-height:1.25}.stat{display:grid;gap:.15rem}.stat__label{color:var(--hud-soft);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase}.stat__value{font-size:1.08rem;font-weight:700}.stat--critical{color:#ff554f;background:#ff373129;border-radius:.35rem;box-shadow:0 0 0 .3rem #ff373129;animation:hull-warning 1s ease-in-out infinite}.stat--critical .stat__label{color:inherit}@keyframes hull-warning{50%{color:#ffccc8;background:#ff373161}}@media (prefers-reduced-motion: reduce){.stat--critical{animation:none}}.controls{position:fixed;left:1rem;bottom:max(1rem,env(safe-area-inset-bottom));display:grid;gap:.45rem;padding:.85rem 1rem;background:#070f17a8;border:1px solid rgba(122,246,255,.16);border-radius:1rem;color:var(--hud-soft);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.controls span{color:var(--cyan)}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.7rem;padding:.08rem .42rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);font:inherit;color:var(--hud-ink)}.panel{position:fixed;inset:50% auto auto 50%;width:min(32rem,calc(100vw - 2rem));padding:1.5rem;transform:translate(-50%,-50%);display:grid;gap:1rem;background:linear-gradient(180deg,#0a1825f5,#050d14eb),radial-gradient(circle at top right,rgba(255,191,87,.18),transparent 36%);border:1px solid rgba(122,246,255,.24);border-radius:1.4rem;box-shadow:var(--shadow);z-index:4}.panel--hidden{display:none}.credits{color:var(--hud-soft);font-size:.66rem;line-height:1.5}.credits a{color:inherit;text-underline-offset:.15em}.hud__dismiss{position:absolute;top:.45rem;right:.45rem;width:1.5rem;height:1.5rem;padding:0;border:1px solid rgba(122,246,255,.18);border-radius:999px;background:#050f18b8;color:var(--hud-soft);box-shadow:none;font-size:.95rem;font-weight:500;line-height:1}.hud__dismiss:hover,.hud__dismiss:focus-visible{background:#7af6ff1f;color:var(--hud-ink)}button{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:.95rem 1.2rem;background:linear-gradient(135deg,var(--amber),#ff824d),linear-gradient(180deg,transparent,rgba(0,0,0,.12));color:#101113;font:inherit;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;box-shadow:0 18px 34px #ff824d42}button:hover,button:focus-visible{transform:translateY(-1px);filter:brightness(1.05);outline:none}.reticle{position:fixed;left:50%;top:50%;width:3.2rem;height:3.2rem;transform:translate(-50%,-50%);border:1px solid rgba(122,246,255,.35);border-radius:50%;pointer-events:none;opacity:.85;box-shadow:0 0 0 .3rem #7af6ff0f,inset 0 0 .8rem #7af6ff14}.reticle:before,.reticle:after{content:"";position:absolute;background:#7af6ff99}.reticle:before{inset:50% 0 auto;height:1px;transform:translateY(-50%)}.reticle:after{inset:0 auto 0 50%;width:1px;transform:translate(-50%)}.touch-controls{position:fixed;right:1rem;bottom:max(1rem,env(safe-area-inset-bottom));display:none;align-items:end;gap:1rem;z-index:3}.touch-controls__pad{display:grid;gap:.65rem;justify-items:center}.touch-controls__row{display:flex;gap:.65rem}.touch{width:4rem;height:4rem;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;background:linear-gradient(180deg,#05111ad9,#05111a94);color:var(--cyan);border:1px solid rgba(122,246,255,.24);box-shadow:inset 0 0 1.4rem #7af6ff14}.touch--fire{width:5.5rem;height:5.5rem;background:linear-gradient(180deg,#ffbf5742,#ff824d42);color:#fff4dc;border-color:#ffbf5747;box-shadow:inset 0 0 2rem #ffbf5714}@media (max-width: 900px){.hud{flex-direction:column}.hud__block{min-width:auto}.hud__block--title{max-width:none;min-width:0}.hud__block--stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-left:0}.hud__block--hidden+.hud__block--stats{margin-left:3.5rem}}@media (max-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}}