@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color-scheme:dark;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,monospace;color:#eef7ff;background:#030711;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #eef7ff;--muted: #8a9bad;--panel: rgba(9, 17, 31, .84);--panel-strong: #0b1525;--line: rgba(149, 184, 219, .2);--cyan: #3de3ff;--cyan-soft: rgba(61, 227, 255, .16);--green: #70f0b1;--red: #ff5c75;--amber: #ffc766}*{box-sizing:border-box}html{min-width:320px;background:radial-gradient(circle at 20% -10%,rgba(25,77,115,.3),transparent 32rem),#030711}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,canvas:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.app-shell{width:min(100% - 32px,1280px);margin:0 auto;padding:34px 0 24px}.masthead,.section-heading,.selection-heading,.selection-footer,footer{display:flex;align-items:center;justify-content:space-between;gap:24px}.masthead{margin-bottom:18px}h1,h2,p{margin:0}h1,h2{font-family:Space Grotesk,system-ui,sans-serif;letter-spacing:-.035em}h1{font-size:clamp(2rem,5vw,4rem);line-height:.85;text-transform:uppercase;text-shadow:0 0 24px rgba(61,227,255,.28)}h2{font-size:clamp(1.35rem,3vw,2.15rem)}.eyebrow,.hud-label{color:var(--cyan);font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.eyebrow{margin-bottom:8px}.quiet-button,.primary-button,.repair-button,.weapon-action{min-height:44px;border:1px solid var(--line);border-radius:5px;color:var(--ink);background:#ffffff0a;cursor:pointer;transition:.14s ease;transition-property:color,background,border-color,transform}.quiet-button,.repair-button{padding:10px 14px}.quiet-button:hover:not(:disabled),.repair-button:hover:not(:disabled),.weapon-action:hover:not(:disabled){border-color:#3de3ff99;background:var(--cyan-soft)}.quiet-button:disabled,.repair-button:disabled,.weapon-action:disabled{color:#667382;cursor:not-allowed}.primary-button{padding:11px 18px;border-color:var(--cyan);color:#021016;background:var(--cyan);font-weight:600}.primary-button:hover{background:#8befff;transform:translateY(-1px)}kbd{padding:2px 5px;border:1px solid rgba(255,255,255,.2);border-bottom-color:#fff6;border-radius:3px;color:#c9d6e2;background:#00000040;font:inherit;font-size:.7rem}.game-panel,.hangar,.controls{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 24px 80px #0006;backdrop-filter:blur(16px)}.hud{min-height:58px;display:grid;grid-template-columns:minmax(190px,1.5fr) repeat(4,minmax(85px,.55fr));gap:1px;border-bottom:1px solid var(--line);background:var(--line)}.hud>div{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px;background:var(--panel-strong)}.hud strong{font-family:Space Grotesk,system-ui,sans-serif;font-size:1.05rem}.health-readout{display:grid!important;grid-template-columns:auto minmax(60px,1fr) auto}.health-track{height:5px;overflow:hidden;border-radius:99px;background:#ffffff1a}.health-fill{width:0;height:100%;background:var(--green);box-shadow:0 0 12px currentColor;transition:width .15s ease,background .15s ease}.canvas-frame{position:relative;overflow:hidden;aspect-ratio:2 / 1;background:#030812}#game-canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.game-overlay{position:absolute;inset:0;overflow:auto;background:linear-gradient(90deg,#030812f5,#030812d1),repeating-linear-gradient(0deg,transparent 0 11px,rgba(61,227,255,.02) 12px)}.selection-overlay{padding:clamp(20px,4vw,52px)}.selection-heading>p{max-width:38ch;color:var(--muted);font-size:.78rem;line-height:1.6}.ship-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:clamp(20px,4vh,38px) 0}.ship-card{min-width:0;padding:14px 8px 12px;border:1px solid var(--line);border-radius:4px;color:var(--muted);background:#ffffff06;cursor:pointer;transition:.14s ease}.ship-card:hover,.ship-card[aria-pressed=true]{border-color:var(--cyan);color:var(--ink);background:var(--cyan-soft);transform:translateY(-2px)}.ship-card svg{width:100%;max-width:76px;height:58px;overflow:visible;color:currentColor;filter:drop-shadow(0 0 8px rgba(61,227,255,.3))}.ship-card strong,.ship-card span{display:block;overflow:hidden;text-overflow:ellipsis}.ship-card strong{margin-top:8px;color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif;font-size:.82rem}.ship-card span{margin-top:3px;font-size:.6rem;text-transform:uppercase}.selection-footer>p{max-width:65ch;color:#b8c5d1;font-size:.74rem;line-height:1.6}.status-overlay{display:grid;place-content:center;justify-items:center;padding:30px;text-align:center}.status-overlay[hidden]{display:none}.status-overlay>p:not(.eyebrow){max-width:46ch;margin:12px 0 22px;color:var(--muted);line-height:1.6}.overlay-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.mobile-hint{display:none;justify-content:space-between;padding:9px 12px;border-top:1px solid var(--line);color:var(--muted);font-size:.6rem;text-transform:uppercase}.hangar,.controls{margin-top:16px;padding:clamp(18px,3vw,28px)}.hangar[hidden]{display:none}.repair-button.affordable{border-color:#70f0b166;color:var(--green)}.quick-help{margin-top:8px;color:var(--muted);font-size:.65rem;line-height:1.6}.quick-help strong{color:var(--cyan);text-transform:uppercase}.weapon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.weapon-card{min-width:0;display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;padding:14px;border:1px solid var(--line);border-radius:5px;background:#ffffff06}.weapon-card h3{margin:0 0 4px;font-family:Space Grotesk,system-ui,sans-serif;font-size:.95rem}.weapon-card p{overflow:hidden;color:var(--muted);font-size:.65rem;line-height:1.5;text-overflow:ellipsis}.weapon-card .owned{color:var(--green)}.weapon-card .weapon-shortcut{margin-top:6px;color:var(--cyan);text-transform:uppercase}.weapon-action{min-width:84px;padding:8px 10px;color:var(--cyan);font-size:.68rem}.weapon-actions{display:grid;gap:6px}.controls{display:grid;grid-template-columns:.7fr 2fr;align-items:center;box-shadow:none}.controls dl{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0}.controls dl>div{min-width:0}.controls dt,.controls dd{margin:0}.controls dt{min-height:28px;color:var(--ink);font-size:.68rem}.controls dd{color:var(--muted);font-size:.65rem;text-transform:uppercase}footer{padding:22px 2px 0;color:#647587;font-size:.62rem}footer a{color:#90adca}@media(max-width:900px){.ship-grid{grid-template-columns:repeat(4,1fr)}.weapon-grid,.controls,.controls dl{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.app-shell{width:100%;padding-top:20px}.masthead,footer{margin-inline:14px}.game-panel,.hangar,.controls{border-inline:0;border-radius:0}.hud{grid-template-columns:1.5fr repeat(2,.75fr)}.hud>div{padding:9px 10px}.hud>div:nth-child(4),.hud>div:nth-child(5){display:none}.canvas-frame{aspect-ratio:1.45 / 1}.selection-heading>p{display:none}.selection-overlay{padding:18px 14px}.ship-grid{grid-template-columns:repeat(4,1fr);margin:16px 0}.ship-card{padding:8px 4px}.ship-card svg{height:34px}.ship-card span{display:none}.selection-footer{align-items:end}.selection-footer>p{font-size:.64rem}.mobile-hint{display:flex}.weapon-card{grid-template-columns:1fr}.weapon-action{width:100%}.controls{grid-template-columns:1fr;gap:18px}.controls dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px}.section-heading{align-items:flex-start;flex-direction:column}footer{align-items:flex-start;flex-direction:column}}@media(max-width:430px){.masthead .quiet-button{padding-inline:10px}.selection-overlay{padding:10px 10px 12px}.selection-overlay .eyebrow{margin-bottom:4px}.selection-overlay h2{font-size:1.2rem}.ship-grid{gap:6px;margin:8px 0}.ship-card{padding:4px 2px 5px}.ship-card svg{height:23px}.ship-card strong{margin-top:2px;font-size:.72rem}.selection-footer>p{display:none}.selection-footer .primary-button,.repair-button{width:100%}.weapon-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
