:root{--c-bg: #070b10;--c-teal: #18f2d3;--c-mint: #7dffd2;--c-purple: #7a3cff;--c-orange: #ffb15a;--c-amber: #ff7a18;--c-red: #ff2a5c;--glass: rgba(10, 18, 26, .55);--glass-strong: rgba(10, 18, 26, .78);--line: rgba(180, 255, 246, .18);--line-strong: rgba(180, 255, 246, .35);--text: rgba(240, 255, 252, .92);--text-dim: rgba(240, 255, 252, .66);--radius: 18px;--radius-sm: 12px;--shadow: 0 18px 60px rgba(0, 0, 0, .55);--font-ui: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--text);overflow:hidden;background:radial-gradient(1100px 680px at 22% 18%,rgba(24,242,211,.14),transparent 62%),radial-gradient(960px 720px at 78% 20%,rgba(122,60,255,.12),transparent 60%),radial-gradient(820px 680px at 60% 86%,rgba(255,122,24,.11),transparent 58%),linear-gradient(180deg,#0000,#00000059),var(--c-bg)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(180deg,#ffffff08,#ffffff04 2px,#0000 6px);mix-blend-mode:overlay;opacity:.35}#app{position:relative;width:100%;height:100%}.xyz-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ui-layer>*{pointer-events:auto}.panel{position:relative;background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);clip-path:polygon(0% 12px,12px 0%,calc(100% - 12px) 0%,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0% calc(100% - 12px))}.panel:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(180,255,246,.12);border-radius:calc(var(--radius) - 10px);pointer-events:none;clip-path:inherit}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);background:#0a121a8c;color:var(--text);padding:12px 14px;border-radius:var(--radius-sm);cursor:pointer;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 30px #00000073;transition:transform .12s ease,border-color .12s ease,background .12s ease}.btn:hover{transform:translateY(-1px);border-color:#7dffd299;background:#0a121abf}.btn:active{transform:translateY(0)}.btn-primary{border-color:#ffb15a8c;background:#ff7a181c}.btn-primary:hover{border-color:#ffb15ad9;background:#ff7a1829}.btn-audio{padding:10px 12px;font-size:12px;letter-spacing:.12em}.range{width:160px;height:16px;accent-color:rgba(125,255,210,.9);background:transparent}.kbd{font-family:var(--font-mono);font-size:12px;padding:2px 6px;border:1px solid rgba(180,255,246,.18);border-radius:6px;background:#00000040;color:var(--text)}.mono{font-family:var(--font-mono)}.small-dim{font-size:12px;color:var(--text-dim)}.muted{color:var(--text-dim)}.hidden{display:none!important}.lobby{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px}.lobby-shell{width:min(1120px,96vw);padding:26px 26px 18px}.lobby-header{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.lobby-title{display:flex;flex-direction:column;gap:6px}.lobby-title h1{margin:0;font-size:clamp(28px,3.5vw,44px);letter-spacing:.14em;text-transform:uppercase}.lobby-title .tagline{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#f0fffcb8}.lobby-meta{text-align:right;font-family:var(--font-mono);font-size:12px;color:#f0fffcad;letter-spacing:.08em}.ship-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.ship-card{position:relative;padding:14px 14px 12px;border-radius:var(--radius-sm);background:#0a121a6b;border:1px solid rgba(180,255,246,.14);cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.ship-card:hover{transform:translateY(-2px);border-color:#7dffd280;background:#0a121a99}.ship-card[aria-selected=true]{border-color:#ffb15ab8;box-shadow:0 0 0 1px #ffb15a38}.ship-card h2{margin:0;font-size:18px;letter-spacing:.12em;text-transform:uppercase}.ship-card .role{margin-top:6px;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#f0fffca6}.ship-stats{margin-top:10px;display:grid;gap:8px}.stat-row{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em}.stat-bar{height:8px;border-radius:999px;background:#b4fff614;overflow:hidden}.stat-bar>span{display:block;height:100%;background:linear-gradient(90deg,#7dffd2cc,#ffb15abf);border-radius:999px}.ship-ability{margin-top:10px;padding-top:10px;border-top:1px solid rgba(180,255,246,.12);font-size:13px;line-height:1.35;color:#f0fffcbd}.ship-ability strong{color:#ffb15aeb;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.lobby-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(180,255,246,.12)}.controls-hint{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:#f0fffcad}.controls-hint span{display:inline-flex;align-items:center;gap:6px;margin-right:10px}.audio-controls{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(180,255,246,.14);border-radius:12px;background:#060e1259;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (max-width: 980px){.ship-grid{grid-template-columns:1fr}}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(180,255,246,.1);clip-path:polygon(0% 18px,18px 0%,calc(100% - 18px) 0%,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0% calc(100% - 18px));box-shadow:inset 0 0 0 1px #08ffd20f;opacity:.55;pointer-events:none}.hud:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(255,193,118,.06);clip-path:polygon(0% 14px,14px 0%,calc(100% - 14px) 0%,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0% calc(100% - 14px));opacity:.6;pointer-events:none}.hud .hud-top{position:absolute;top:14px;left:14px;right:14px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;align-items:start}.hud-panel{padding:12px 14px;border-radius:var(--radius-sm);border:1px solid rgba(180,255,246,.14);background:#0a121a57;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);clip-path:polygon(0% 10px,10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px));pointer-events:none}.hud-center{text-align:center}.hud-title{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#f0fffcad}.hud-value{margin-top:4px;font-family:var(--font-mono);font-size:18px;letter-spacing:.08em}.hud-value strong{color:#ffb15aeb}.wave{height:26px;margin-top:8px;border-top:1px solid rgba(180,255,246,.12);position:relative;overflow:hidden}.wave:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,#7dffd233,#7dffd233 2px,#0000 2px,#0000 8px);opacity:.22}.matrix{margin-top:8px;font-family:var(--font-mono);font-size:10px;line-height:1.2;color:#f0fffc8c;letter-spacing:.1em}.reticle{position:absolute;left:50%;top:52%;width:18px;height:18px;transform:translate(-50%,-50%);border:1px solid rgba(180,255,246,.22);border-radius:999px;box-shadow:0 0 22px #18f2d31f;pointer-events:none}.hud-bottom{position:absolute;left:14px;right:14px;bottom:14px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}.integrity{display:grid;gap:8px}.bar{height:10px;border-radius:999px;background:#b4fff614;overflow:hidden}.bar>span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff2a5cbf,#ffb15aa6)}.hud-right{text-align:right;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:#f0fffcb8}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000059;pointer-events:auto}.gameover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}.pause-overlay *,.gameover-overlay *{pointer-events:auto}.gameover-stats{margin-top:14px;padding-top:12px;border-top:1px solid rgba(180,255,246,.12);display:grid;gap:8px;font-family:var(--font-mono);letter-spacing:.06em}.gameover-stats .label{display:inline-block;min-width:68px;color:#b4fff6b3}.pause-shell{width:min(520px,92vw);padding:18px}.pause-title{margin:0;letter-spacing:.16em;text-transform:uppercase}.pause-audio{margin-top:12px;padding-top:12px;border-top:1px solid rgba(180,255,246,.12);display:flex;align-items:center;gap:12px}.pause-actions{margin-top:14px;display:flex;gap:10px;justify-content:flex-end}