:root{--bg:#05070d;--panel:#0a101ed1;--panel-line:#6ec8ff47;--text:#e8f1ff;--muted:#9fb2cf;--accent:#4cd7ff;--accent-dark:#0b6c8f;--warn:#ff9b45;--danger:#ff4d4d;--good:#3cff7a;--shield:#3cc8ff;--gold:#ffd166;--tbtn:74px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;touch-action:none;margin:0;font:15px/1.4 system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}#view{width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}button,select,input{font:inherit;color:inherit}.fatal{border:1px solid var(--danger);background:#3a0d0d;border-radius:8px;padding:12px 16px;position:fixed;inset:auto 16px 16px}.menus{pointer-events:auto;justify-content:center;align-items:center;padding:16px;display:none;position:absolute;inset:0;overflow-y:auto}.menus.shown{display:flex}.screen{background:var(--panel);border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:14px;width:min(760px,100%);margin:auto;padding:22px 22px 18px;box-shadow:0 10px 50px #0000008c}.screen-title{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:left;background:0 0;border:none}.screen-ships{margin-top:auto;margin-bottom:0}.screen-loading{text-align:center;width:auto}h1.logo{letter-spacing:.08em;text-shadow:0 0 24px #4cd7ff73;margin:0;font-size:clamp(42px,9vw,88px);font-weight:800;line-height:.95}h1.logo span{color:var(--accent);display:block}.tagline{max-width:460px;color:var(--muted);font-size:17px}h2{letter-spacing:.03em;margin:0 0 4px;font-size:26px}h2.won{color:var(--good)}h2.lost{color:var(--danger)}h3{color:var(--accent);margin:14px 0 4px;font-size:15px}.sub,.tip{color:var(--muted);margin:0 0 14px}.buttons{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.buttons.column{flex-direction:column;align-items:flex-start;max-width:280px}.buttons.column button{width:100%}.menus button{cursor:pointer;border:1px solid var(--panel-line);letter-spacing:.02em;background:#14223ae6;border-radius:9px;padding:11px 20px;font-weight:600}.menus button:hover:not([disabled]),.menus button:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #4cd7ff59}.menus button.go,.menus .buttons.column button[data-primary]{background:linear-gradient(180deg, #1aa6d6, var(--accent-dark));border-color:var(--accent)}.menus button[disabled]{opacity:.45;cursor:default}.planet-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-height:58vh;display:grid;overflow-y:auto}.planet-card{text-align:center;justify-items:center;gap:4px;display:grid;padding:12px!important}.planet-pic{border-radius:50%;width:120px;height:120px;display:block;overflow:hidden;box-shadow:0 0 18px #ff463273}.planet-pic img{object-fit:cover;filter:saturate(.75)brightness(.85);width:100%;height:100%;transform:scale(1.75)}.planet-card.freed .planet-pic{box-shadow:0 0 18px #4cc8ff8c}.planet-card.freed .planet-pic img{filter:none}.planet-name{font-size:19px}.planet-state{color:var(--warn);font-size:13px}.planet-blurb{color:var(--muted);font-size:13px;font-weight:400}.stars{letter-spacing:2px}.star{color:#fff3}.star.on{color:var(--gold);text-shadow:0 0 10px #ffd16699}.big-stars{margin:6px 0;font-size:54px;line-height:1.1}.galaxy-tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.menus .galaxy-tab{border-radius:999px;padding:6px 12px;font-size:13px}.menus .galaxy-tab[aria-pressed=true]{border-color:var(--accent);background:#104664d9}.system-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.system-card{text-align:left;gap:3px;display:grid;padding:10px 12px!important}.system-card.freed{border-color:#4cc8ff99!important}.sys-name{align-items:center;gap:4px;font-size:16px;display:flex}.sun-dot{border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 8px}.sys-meta,.sys-stars{color:var(--muted);font-size:12px;font-weight:400}.sys-stars{color:var(--gold)}.sys-state{color:var(--muted);font-size:12px}.sys-state.open{color:var(--warn)}.sys-state.freed{color:var(--good)}.planet-card.boss .planet-name:after{content:" · BOSS";color:var(--danger);font-size:12px}.ship-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.ship-card{text-align:left;gap:4px;display:grid;padding:12px!important}.ship-card.selected{border-color:var(--accent)!important;background:#104664d9!important}.ship-name{font-size:17px}.ship-blurb{color:var(--muted);min-height:2.6em;font-size:13px;font-weight:400}.ship-extra{color:var(--gold);font-size:12px}.stat{color:var(--muted);grid-template-columns:62px 1fr;align-items:center;gap:8px;font-size:12px;font-weight:400;display:grid}.stat i{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.stat b{background:var(--accent);height:100%;display:block}.result-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:10px 0 0;display:grid}.result-stats div{background:#ffffff0d;border-radius:8px;padding:8px 10px}.result-stats dt{color:var(--muted);font-size:12px}.result-stats dd{margin:0;font-size:20px;font-weight:700}.freed-system{color:var(--good);font-weight:600}.settings{gap:12px;display:grid}.settings label{gap:6px;display:grid}.settings label.check{grid-template-columns:auto 1fr;align-items:center}.settings input[type=range]{width:100%;accent-color:var(--accent)}.settings select{border:1px solid var(--panel-line);background:#14223ae6;border-radius:8px;max-width:200px;padding:8px}.help{max-height:60vh;color:var(--muted);overflow-y:auto}.help ul{margin:0;padding-left:20px}.help b{color:var(--text)}.help .g{color:var(--good)}.help .b{color:var(--shield)}.help .o{color:var(--warn)}.hud{pointer-events:none;text-shadow:0 1px 3px #000c;display:none;position:absolute;inset:0}.hud.shown{display:block}.hud-bars{gap:5px;width:min(300px,46vw);display:grid;position:absolute;top:14px;left:16px}.hud-row{letter-spacing:.08em;color:var(--muted);grid-template-columns:54px 1fr 34px;align-items:center;gap:8px;font-size:11px;font-weight:700;display:grid}.hud-track{background:#ffffff1f;border-radius:5px;height:9px;overflow:hidden}.hud-fill{width:100%;height:100%;transition:width .12s linear}.hud-fill.hull{background:linear-gradient(90deg,#ff6b4a,#ffb04a)}.hud-fill.hull.low{background:var(--danger);animation:.5s steps(2,end) infinite blink}.hud-fill.shield{background:linear-gradient(90deg, #2d8cff, var(--shield))}.hud-fill.boost{background:linear-gradient(90deg, #c9a227, var(--gold))}.hud-num{color:var(--text);font-size:12px}@keyframes blink{50%{opacity:.35}}.hud-wave{white-space:nowrap;background:#050a148c;border-radius:20px;padding:4px 14px;font-weight:600;position:absolute;top:14px;left:50%;transform:translate(-50%)}.hud-buffs{gap:6px;display:flex;position:absolute;top:92px;left:16px}.buff{background:#00000073;border-radius:5px;padding:2px 8px;font-size:12px;font-weight:700}.buff.attack{color:var(--warn)}.buff.shield{color:var(--shield)}.hud-reticle,.hud-lock,.hud-lead,.hud-mouse,.hud-arrow{will-change:transform;position:absolute;top:0;left:0}.hud-reticle:before{content:"";border:2px solid #6effd8d9;border-radius:50%;width:28px;height:28px;position:absolute;top:-14px;left:-14px;box-shadow:0 0 8px #6effd880}.hud-reticle:after{content:"";background:#6effd8;border-radius:50%;width:4px;height:4px;position:absolute;top:-2px;left:-2px}.hud-lock:before{content:"";border:2px solid var(--warn);clip-path:polygon(0 0,35% 0,35% 8%,8% 8%,8% 35%,0 35%,0 65%,8% 65%,8% 92%,35% 92%,35% 100%,65% 100%,65% 92%,92% 92%,92% 65%,100% 65%,100% 35%,92% 35%,92% 8%,65% 8%,65% 0,100% 0,100% 100%,0 100%);border-radius:6px;width:52px;height:52px;position:absolute;top:-26px;left:-26px}.hud-lock-text{color:var(--warn);white-space:nowrap;font-size:12px;font-weight:700;position:absolute;top:-30px;left:30px}.hud-lead:before{content:"";border:2px solid var(--warn);width:12px;height:12px;position:absolute;top:-6px;left:-6px;transform:rotate(45deg)}.hud-mouse:before{content:"";border:2px solid #ffffff8c;border-radius:50%;width:14px;height:14px;position:absolute;top:-7px;left:-7px}.hud-arrow:before{content:"";border-left:18px solid var(--danger);filter:drop-shadow(0 0 4px #ff4d4dcc);border-top:8px solid #0000;border-bottom:8px solid #0000;position:absolute;top:-8px;left:-9px}.hud-arrow.big:before{border-top-width:11px;border-bottom-width:11px;border-left-width:26px;top:-11px}.hud-msg{letter-spacing:.12em;white-space:nowrap;opacity:0;text-shadow:0 0 20px #4cd7ff99;font-size:clamp(26px,6vw,52px);font-weight:800;transition:opacity .3s,transform .3s;position:absolute;top:26%;left:50%;transform:translate(-50%,-50%)scale(.92)}.hud-msg.shown{opacity:1;transform:translate(-50%,-50%)scale(1)}.hud-toast{letter-spacing:.1em;opacity:0;font-size:20px;font-weight:800;transition:opacity .25s;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.hud-toast.shown{opacity:1}.hud-vignette{opacity:0;background:radial-gradient(#0000 55%,#ff281e8c 100%);transition:opacity .35s;position:absolute;inset:0}.hud-vignette.shield{background:radial-gradient(#0000 60%,#3caaff73 100%)}.hud-boss{text-align:center;letter-spacing:.14em;width:min(360px,60vw);color:var(--warn);font-size:11px;font-weight:800;display:none;position:absolute;top:48px;left:50%;transform:translate(-50%)}.hud-boss.shown{display:block}.hud-boss-track{background:#ffffff24;border-radius:4px;height:8px;margin-top:3px;overflow:hidden}.hud-boss-fill{background:linear-gradient(90deg, #ff4d4d, var(--warn));height:100%}.hud-radar{width:150px;height:150px;position:absolute;top:14px;right:16px}body.touch-mode .hud-radar{top:calc(max(10px, env(safe-area-inset-top)) + var(--tbtn) * .6 + 8px)}.hud-warn{border:1px solid var(--warn);color:var(--warn);letter-spacing:.1em;white-space:nowrap;border-radius:6px;padding:6px 16px;font-weight:800;animation:.8s steps(2,end) infinite blink;display:none;position:absolute;top:38%;left:50%;transform:translate(-50%)}.hud-warn.shown{display:block}.touch{pointer-events:none;display:none;position:absolute;inset:0}body.touch-mode .touch.playing{display:block}body[data-buttons=small]{--tbtn:60px}body[data-buttons=large]{--tbtn:92px}.stick-zone{pointer-events:auto;touch-action:none;width:48%;position:absolute;top:25%;bottom:0;left:0}.stick-base{width:calc(var(--tbtn) * 1.7);height:calc(var(--tbtn) * 1.7);margin:calc(var(--tbtn) * -.85) 0 0 calc(var(--tbtn) * -.85);background:#ffffff0f;border:2px solid #ffffff59;border-radius:50%;display:none;position:fixed;top:0;left:0}.stick-base.shown{display:block}.stick-knob{width:calc(var(--tbtn) * .7);height:calc(var(--tbtn) * .7);margin:calc(var(--tbtn) * -.35) 0 0 calc(var(--tbtn) * -.35);background:#4cd7ff73;border:2px solid #4cd7ffe6;border-radius:50%;position:absolute;top:50%;left:50%}.touch-buttons{right:max(16px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));grid-template-columns:auto auto;grid-template-areas:"boost fire""brake fire";align-items:end;gap:12px;display:grid;position:absolute}.tbtn{pointer-events:auto;touch-action:none;width:var(--tbtn);height:var(--tbtn);font-size:calc(var(--tbtn) * .17);letter-spacing:.04em;background:#0a14248c;border:2px solid #ffffff73;border-radius:50%;font-weight:800}.tbtn.down{border-color:var(--accent);background:#4cd7ff73}.tbtn.fire{width:calc(var(--tbtn) * 1.35);height:calc(var(--tbtn) * 1.35);border-color:#ff7850cc;grid-area:fire}.tbtn.boost{border-color:#ffd166cc;grid-area:boost}.tbtn.brake{grid-area:brake}.tbtn.pause{top:max(10px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));width:calc(var(--tbtn) * .6);height:calc(var(--tbtn) * .6);font-size:calc(var(--tbtn) * .22);position:absolute}@media (max-width:640px),(max-height:480px){.screen{padding:16px}h2{font-size:21px}.planet-pic{width:80px;height:80px}.hud-bars{width:min(220px,52vw)}.hud-wave{padding:3px 10px;font-size:13px}.hud-radar{width:112px;height:112px}}