:root{color-scheme:dark;--bg:#080e15;--ink:#eef4ef;--muted:#82949c;--line:rgba(170,210,213,.16);--mint:#ffd08b;--cyan:#8fe6f0;--coral:#ff8068;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;user-select:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button:disabled{cursor:default}button,canvas{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}
#space{position:fixed;inset:0;width:100%;height:100%;display:block}body.playing #space{cursor:none}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 63% 48%,transparent 25%,rgba(3,7,11,.5) 100%)}
.frame{position:fixed;inset:20px;border:1px solid var(--line);pointer-events:none}.frame:before,.frame:after{content:"";position:absolute;width:10px;height:10px;border-color:var(--cyan);border-style:solid;opacity:.65}.frame:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.frame:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}
header{position:fixed;left:48px;right:48px;top:42px;height:43px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:4}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-icon{width:31px;height:31px;color:var(--mint)}.brand-name{font-size:17px;font-weight:800;letter-spacing:.12em}.brand-name span{color:var(--mint);font-weight:400}.brand small{display:block;color:var(--muted);font:9px var(--mono);letter-spacing:.2em;margin-top:5px}.utilities{display:flex;align-items:center;gap:8px}.icon-btn{width:39px;height:39px;background:rgba(9,18,25,.65);border:1px solid var(--line);display:grid;place-items:center;border-radius:3px;transition:border-color .2s,background .2s}.icon-btn:hover{border-color:var(--cyan);background:#12222c}.icon-btn svg{width:17px;height:17px}.icon-btn.off{color:#647981}.icon-btn.off .sound-waves{display:none}.sound-slash{display:none}.icon-btn.off .sound-slash{display:block}
.hud{display:flex;align-items:center;gap:34px;font:10px var(--mono);letter-spacing:.12em}.hud-group{display:flex;flex-direction:column;gap:6px}.hud-label{color:var(--muted);font-size:9px}.hud-value{font-size:19px;font-weight:600;letter-spacing:.06em}.hud-value em{font-size:11px;color:var(--muted);font-style:normal}.hull-line{width:115px;height:4px;background:#233037;border-radius:2px;overflow:hidden}.hull-line i{display:block;width:100%;height:100%;background:var(--mint);transition:width .16s}.hull-value{font-size:11px;color:var(--mint)}
.overlay{position:fixed;inset:0;z-index:3;display:flex;align-items:center;pointer-events:none}.panel{pointer-events:auto}.intro{padding-left:max(7.5vw,64px);max-width:690px;margin-top:8px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--cyan);font:10px var(--mono);letter-spacing:.2em;text-transform:uppercase}.status-dot{width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 15px #ffd08b75;animation:blink 3s infinite}.chapter{color:var(--muted);font:10px var(--mono);letter-spacing:.15em;margin:31px 0 12px}.intro h1{font-size:clamp(58px,6.8vw,106px);font-weight:850;line-height:.94;letter-spacing:-.065em;margin:0 0 26px}.intro h1 span{color:var(--mint)}.intro-copy{color:#9babb0;font-size:15px;line-height:1.8;max-width:360px;margin:0 0 31px}.intro-copy strong{font-weight:400;color:#dce8e5}.primary{border:1px solid var(--mint);background:var(--mint);color:#122011;min-height:54px;padding:0 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:42px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:3px;transition:background .16s,transform .16s,box-shadow .16s}.primary:hover{background:#cbff96;box-shadow:0 0 32px #ffd08b20;transform:translateY(-1px)}.primary .arrow{font-size:25px;font-weight:400}.start-row{display:flex;align-items:center;gap:18px}.start-hint{color:#72898f;font:10px var(--mono)}.intro-details{display:flex;gap:25px;margin-top:35px;color:var(--muted);font:9px var(--mono);letter-spacing:.07em}.intro-details b{color:#d4e5de;font-weight:400;margin-right:8px}
.ship-label{position:fixed;right:10%;top:72%;font:9px var(--mono);color:#6f929c;letter-spacing:.14em;pointer-events:none;line-height:1.8}.ship-label b{font-size:11px;color:#b7d6d6;font-weight:400}.ship-label:before{content:"";position:absolute;left:-52px;top:9px;width:37px;border-top:1px solid #47636a}.orbit-number{position:fixed;right:9%;top:24%;color:#20343a;font:11px var(--mono);letter-spacing:.15em;pointer-events:none}
footer{position:fixed;bottom:42px;left:48px;right:48px;display:flex;align-items:end;justify-content:space-between;gap:30px;z-index:4;pointer-events:none}.controls{display:flex;gap:24px;align-items:center;color:#8b9da5;font-size:10px}.control{display:flex;align-items:center;gap:9px;white-space:nowrap}.keys{display:flex;gap:3px}kbd{font:10px var(--mono);min-width:22px;height:24px;border:1px solid #314047;border-bottom-width:2px;border-radius:3px;display:inline-grid;place-items:center;color:#d2dfda;padding:0 5px;background:#0c151d}.mouse-icon{width:16px;height:23px;border:1px solid #657a82;border-radius:8px;position:relative;display:inline-block}.mouse-icon:after{content:"";position:absolute;top:3px;left:6px;width:2px;height:6px;background:var(--mint);border-radius:1px}.footer-note{font:9px var(--mono);color:#5c747d;letter-spacing:.11em;white-space:nowrap}.footer-note span{color:#b1c8c9}.dash-info{min-width:120px;font:9px var(--mono);letter-spacing:.1em;color:var(--muted)}.dash-track{height:3px;background:#26343c;margin-top:9px;width:120px}.dash-track i{display:block;height:100%;background:var(--cyan);width:100%}
.modal-overlay{background:rgba(5,11,17,.7);backdrop-filter:blur(9px);justify-content:center}.modal{width:min(570px,85vw);padding:42px;background:linear-gradient(145deg,rgba(22,37,44,.96),rgba(10,20,29,.98));border:1px solid #31464a;border-radius:6px;box-shadow:0 30px 110px #0008}.modal .eyebrow{font-size:9px}.modal h2{font-size:46px;letter-spacing:-.055em;line-height:1.08;margin:20px 0 13px}.modal p{font-size:14px;line-height:1.7;color:#92a6ac;margin:0 0 27px}.modal .primary{width:100%}.secondary{padding:15px 20px;background:transparent;border:1px solid var(--line);border-radius:3px;color:#a7b9bc;font-size:11px;letter-spacing:.06em}.secondary:hover{border-color:#789494;color:#eef4ef}.modal .secondary{width:100%;margin-top:10px}.modal-controls{display:flex;justify-content:space-between;margin-top:24px;color:var(--muted);font:10px var(--mono);line-height:1.7}.modal-controls kbd{display:inline-grid;margin-right:7px}.upgrade-modal{width:min(860px,90vw)}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.upgrade-card{position:relative;display:flex;flex-direction:column;align-items:start;text-align:left;padding:24px 19px;min-height:195px;background:#101e28;border:1px solid #2b4149;border-radius:4px;transition:border-color .15s,transform .15s}.upgrade-card:hover{border-color:var(--mint);transform:translateY(-3px);background:#15252a}.upgrade-card .card-number{position:absolute;right:15px;top:15px;color:#607b85;font:10px var(--mono)}.upgrade-icon{font:31px var(--mono);color:var(--mint);margin-bottom:20px;line-height:1}.upgrade-card strong{font-size:15px;letter-spacing:-.02em;margin-bottom:9px}.upgrade-card small{font-size:11px;line-height:1.65;color:#8ea5ad}.round-repair{margin:20px 0 0!important;font:10px var(--mono)!important;color:var(--cyan)!important}.end-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0}.end-stats span{font:9px var(--mono);color:var(--muted)}.end-stats strong{font:26px var(--mono);display:block;margin-top:9px;color:var(--ink)}
#announcement{position:fixed;top:115px;left:0;right:0;text-align:center;pointer-events:none;z-index:2;opacity:0;transition:opacity .25s,transform .25s;transform:translateY(-8px)}#announcement.show{opacity:1;transform:translateY(0)}#announcement b{display:block;font-size:29px;letter-spacing:-.03em}#announcement small{display:block;color:var(--cyan);font:10px var(--mono);letter-spacing:.15em;margin-top:9px}.wave-progress{position:fixed;top:96px;height:2px;left:48px;right:48px;background:#16272d;z-index:2}.wave-progress i{display:block;width:0;height:100%;background:var(--cyan);box-shadow:0 0 8px #8fe6f040;transition:width .2s}#combo{position:fixed;right:49px;top:125px;pointer-events:none;text-align:right;opacity:0;transition:opacity .2s;z-index:2}#combo strong{font:30px var(--mono);color:var(--mint)}#combo span{display:block;font:9px var(--mono);color:#8ca39e;letter-spacing:.1em;margin-top:4px}#damage-flash{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 150px 28px #ff554955;opacity:0;z-index:2;transition:opacity .1s}
@keyframes blink{0%,80%,100%{opacity:1}90%{opacity:.25}}@media(max-height:720px){.intro h1{font-size:65px}.intro{margin-top:28px}.chapter{margin-top:20px}.intro-copy{margin-bottom:20px;font-size:13px}.intro-details{margin-top:22px}header{top:32px}footer{bottom:30px}.modal{padding:30px}.modal h2{font-size:38px}.upgrade-card{min-height:165px;padding:18px}.upgrade-icon{margin-bottom:14px}}
@media(max-width:1050px){.hud{gap:18px}.brand small{display:none}.controls{gap:15px}.control{gap:6px}.footer-note{display:none}.intro{padding-left:65px}.intro h1{font-size:72px}.ship-label{right:7%}.hud-group.score-group .hud-value{font-size:16px}.hull-line{width:85px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

:root{--bg:#080c17;--ink:#f4f0e9;--muted:#9ba9b8;--line:rgba(180,205,222,.18);--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.vignette{background:linear-gradient(180deg,rgba(4,8,17,.44),transparent 23%,transparent 73%,rgba(4,8,17,.72)),radial-gradient(ellipse at 70% 46%,transparent 20%,rgba(3,6,14,.35) 100%)}
.frame{border-color:rgba(188,210,225,.13)}.frame:before,.frame:after{border-color:#e7ba83;opacity:.8}
header{top:38px}.brand-name{font-size:16px;letter-spacing:.16em}.brand-icon{color:#ffd6a0}.brand small{font-size:8px;letter-spacing:.16em;color:#91a4b4;margin-top:6px}
.icon-btn{background:rgba(14,22,34,.65);border-color:rgba(174,201,221,.22);border-radius:50%;backdrop-filter:blur(14px)}.icon-btn:hover{border-color:#ffd08b;background:#253040}.icon-btn.off{color:#9aabba}
.intro{max-width:740px;margin-top:4px}.eyebrow{color:#9bd5db;font-size:10px;letter-spacing:.17em}.status-dot{background:#ffd08b;box-shadow:0 0 18px #ffd08b70}.chapter{margin-top:31px;color:#9aa5b3;font-size:9px;letter-spacing:.21em}.intro h1{font-size:clamp(76px,7.9vw,122px);font-weight:650;letter-spacing:-.067em;line-height:.95;margin:17px 0 28px;text-shadow:0 3px 45px #0004}.intro h1 span{color:#ffd6a3;font-weight:350}.intro-copy{font-size:15px;line-height:1.85;color:#a9b7c5}.intro-copy strong{color:#f0e7d9}.primary{min-height:55px;min-width:226px;gap:34px;border-radius:32px;background:linear-gradient(120deg,#ffdfae,#f1ba7e);border-color:#f5c991;color:#231e19;font-size:11px;letter-spacing:.11em;box-shadow:0 6px 30px #070b1340}.primary:hover{background:linear-gradient(120deg,#fff0cf,#ffd39c);box-shadow:0 7px 40px #fbc78b25}.primary:disabled{opacity:.65}.start-hint{color:#a1afbc;font-size:9px}.intro-details{margin-top:33px;color:#a4b3c1;font-size:9px;gap:28px}.intro-details b{color:#ffdcad}.orbit-number{top:24%;right:9%;color:#b2c8d27a;font-size:9px}.ship-label{right:10%;top:76%;color:#a4b9c8;font-size:8px;letter-spacing:.14em;text-shadow:0 2px 10px #000}.ship-label b{color:#e5d9c6;font-size:10px}.ship-label:before{border-color:#dcb58480}
footer{bottom:38px}.controls{color:#b0bdc9;font-size:10px}.control{gap:10px}kbd{background:#0b132280;border-color:#8ea9bd4d;color:#d1deea;border-radius:5px}.footer-note{color:#a5b8c9;font-size:8px}.footer-note span{color:#f3d9b6}.mouse-icon{border-color:#b2c6d3}.mouse-icon:after{background:#ffd08b}
.hud{background:#080f1b55;border:1px solid #abc9d219;padding:12px 23px;border-radius:12px;backdrop-filter:blur(16px);gap:32px}.hud-label{color:#a6b9c9;font-size:8px}.hud-value{font-size:18px;color:#f7e9d5}.hull-line{background:#4b5b7040}.hull-value{color:#ffd08b}.wave-progress{background:#d4e6ef13;height:1px;top:104px}.wave-progress i{background:#ffd08b;box-shadow:0 0 12px #ffd08b55}.dash-info{color:#b3c8d5;font-size:8px}.dash-track{background:#a4bdd62b}.dash-track i{background:#ffd08b}
.modal-overlay{background:rgba(4,9,18,.64);backdrop-filter:blur(14px)}.modal{background:linear-gradient(145deg,#1d2d3be8,#0d1526f7);border-color:#b2c7d335;border-radius:18px;box-shadow:0 32px 120px #0009}.modal h2{font-weight:600;letter-spacing:-.05em;color:#f5eddf}.modal p{color:#acbdcb}.secondary{border-radius:32px;border-color:#9cbed02e;color:#c0d0da}.secondary:hover{border-color:#e8bc84;color:#ffe0b8}.modal .primary{min-width:0}.upgrade-card{background:linear-gradient(135deg,#2c405050,#122033a0);border-color:#abc3d22d;border-radius:12px;padding:26px 21px;overflow:hidden}.upgrade-card:hover{background:linear-gradient(135deg,#3b423c80,#1a2d3ac0);border-color:#ffd08b;box-shadow:0 12px 30px #0003}.upgrade-icon{color:#ffce8f}.upgrade-card strong{color:#f5e6d4}.upgrade-card small{color:#b1c3d1}.upgrade-card .card-number{color:#97b1c3}.round-repair{color:#a7e3e4!important}.end-stats strong{color:#ffdcad}.end-stats{border-color:#b9cbd229}.modal-controls{color:#a7bac8}
#announcement b{color:#fff0dc;font-weight:550;text-shadow:0 3px 30px #000}#announcement small{color:#bbdce3;text-shadow:0 2px 10px #000}#combo strong{color:#ffd08b}#combo span{color:#b8c7d2}
@media(max-height:720px){.intro h1{font-size:83px}.intro{margin-top:25px}.chapter{margin-top:20px}.intro-copy{font-size:13px;margin-bottom:23px}.intro-details{margin-top:21px}.primary{min-height:49px}.ship-label{top:77%}.hud{padding:9px 20px}header{top:28px}.modal{border-radius:14px}}
@media(max-width:1050px){.intro h1{font-size:89px}.hud{padding:9px 14px;gap:17px}.brand small{display:none}.intro{padding-left:65px}}

#shield-pips{color:var(--cyan);letter-spacing:.2em;margin-left:4px}
.flight{display:flex;gap:26px;align-items:end}.dash-info.ready span{color:#ffe0b0}.dash-info.ready .dash-track i{box-shadow:0 0 10px #ffd08b90}#pulse-bar{background:var(--cyan)}.dash-info.ready #pulse-bar{box-shadow:0 0 12px #8fe6f0}
.upgrade-modal{max-height:92vh;overflow:auto}.upgrade-grid{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.upgrade-card{min-height:205px}.upgrade-card.rare{border-color:#ffd08b66;background:linear-gradient(135deg,#4a3c2a70,#1a2233b0)}.upgrade-card.synergy{border-color:#8fe6f088}
.card-tag{margin-top:auto;padding-top:14px;font:9px var(--mono);letter-spacing:.08em;color:#9bd5db;line-height:1.6;text-transform:uppercase}.card-tag.syn{color:#ffd9a6}.card-kind{font:8px var(--mono);letter-spacing:.16em;color:#97b1c3;margin-bottom:7px;text-transform:uppercase}.card-pips{position:absolute;left:21px;top:17px;color:#ffd08b;font:9px var(--mono);letter-spacing:.15em}
.choice-foot{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:20px}
.build{display:flex;flex-wrap:wrap;gap:6px;font:9px var(--mono);letter-spacing:.05em;color:#b7c8d4;min-width:0}.build span{border:1px solid #abc3d22d;border-radius:20px;padding:4px 9px;white-space:nowrap}.build span.w{color:#231e19;background:#f1c58e;border-color:#f1c58e}.build span.p{color:#ffd9a6;border-color:#ffd08b66}.build span.s{color:#a7e3e4;border-color:#8fe6f066}#pause-build,#end-build{margin:0 0 22px}
#announcement{top:122px}#combo{top:132px}
@media(max-width:1050px){.flight{gap:14px}}
@media(max-height:720px){.upgrade-card{min-height:160px;padding:18px 16px}.modal h2{margin:12px 0 8px}.modal p{margin-bottom:14px}}