:root{color-scheme:dark;--cyan: #8ef6ff;--dim: #6d8a99}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#05060a;font-family:Share Tech Mono,Cascadia Mono,ui-monospace,monospace;color:var(--cyan);user-select:none;cursor:crosshair}canvas{display:block;width:100%;height:100%}#hud{position:fixed;inset:0;pointer-events:none;z-index:2}.score-veil{display:none;position:absolute;inset:0;background:#05060ac7;z-index:1}body.is-scoreboard .score-veil{display:block}body.is-scoreboard #game{filter:brightness(.28)}.vector-text{display:block;overflow:visible}.vector-text path{fill:none;stroke-linecap:round;stroke-linejoin:round}.vector-glow{opacity:.55;filter:blur(.6px)}.vector-title path{stroke-linejoin:miter;stroke-linecap:square}.hud-bl{position:absolute;left:28px;bottom:22px}.hud-br{position:absolute;right:28px;bottom:22px;text-align:right}.ore-label,.xp-label,.shield-label,.special-label,[data-label=pts]{margin-top:12px}#points .vector-text,#ore .vector-text,#xp .vector-text{margin:0 auto}#shield{width:92px;height:6px;margin-left:auto;border:1px solid rgba(142,246,255,.35);box-shadow:0 0 10px #8ef6ff33}#shield-fill{width:100%;height:100%;background:#8ef6ff;box-shadow:0 0 10px #8ef6ffb3;transition:width 80ms linear}#shield.is-on{border-color:#c8f8ff;box-shadow:0 0 14px #8ef6ff8c}#shield.is-empty #shield-fill{width:0}.label{margin-bottom:6px;min-height:16px}#score,#lives,#ore,#xp{min-height:34px;filter:drop-shadow(0 0 8px rgba(142,246,255,.45))}#hub-ore .vector-text{margin-top:2px}#lives .vector-text,[data-label=ships] .vector-text,[data-label=shield] .vector-text,[data-label=special] .vector-text,#special .vector-text{margin-left:auto}.hud-center{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);text-align:center;width:min(1040px,96vw);z-index:3}body.is-attract .hud-center{animation:crt-breathe 5.5s ease-in-out infinite}body.is-attract .hud-center.is-demo{top:auto;bottom:11%;transform:translate(-50%);animation:none}body.is-attract .hud-center.is-demo h1,body.is-attract .hud-center.is-demo .tag,body.is-attract .hud-center.is-demo .help,body.is-attract .hud-center.is-demo .attract-rule,body.is-attract .hud-center.is-demo .credit,body.is-attract .hud-center.is-demo .ships-link,body.is-attract .hud-center.is-demo .score-board,.hud-center.is-scores h1,.hud-center.is-scores .tag,.hud-center.is-scores .help,.hud-center.is-scores .attract-rule,.hud-center.is-scores .ships-link{display:none}.hud-center.is-wave{top:28%}.hud-center.is-wave h1,.hud-center.is-wave .help,.hud-center.is-wave .attract-rule,.hud-center.is-wave .ships-link{display:none}.wave-pick{margin:8px 0 18px}.wave-pick.is-hidden{display:none}.wave-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:min(720px,92vw);margin:0 auto}.start-btn{min-width:168px;padding:10px 16px}.wave-btn{min-width:48px;padding:8px 10px;background:transparent;border:1px solid rgba(102,224,255,.35);color:#66e0ff;cursor:pointer;pointer-events:auto}.wave-btn.is-on{border-color:#c8f8ff;box-shadow:0 0 12px #8ef6ff73}.hud-center.is-initials .help,.hud-center.is-initials .ships-link,.hud-center.is-initials .attract-rule{display:none}.score-board{position:relative;margin:8px auto 0;width:min(680px,92vw);padding:20px 28px 16px;background:transparent;border:1px solid rgba(102,224,255,.42);box-shadow:0 0 22px #66e0ff29}.score-board.is-hidden{display:none}.score-corner{position:absolute;width:16px;height:16px;border:1px solid #66e0ff;pointer-events:none}.score-corner.tl{top:-1px;left:-1px;border-right:0;border-bottom:0}.score-corner.tr{top:-1px;right:-1px;border-left:0;border-bottom:0}.score-corner.bl{bottom:-1px;left:-1px;border-right:0;border-top:0}.score-corner.br{right:-1px;bottom:-1px;border-left:0;border-top:0}.score-rule{width:100%;height:1px;margin:0 auto 12px;background:linear-gradient(90deg,transparent 0%,rgba(255,77,154,.2) 16%,#66e0ff 50%,rgba(255,77,154,.2) 84%,transparent 100%);box-shadow:0 0 8px #66e0ff73}.score-rule.thin{width:62%;margin:0 auto 14px;opacity:.65}.score-head{justify-content:center;margin:4px 0 10px;filter:drop-shadow(0 0 10px rgba(142,246,255,.55))}.score-row,.score-head,.initials-row{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:6px 0}.score-row.is-1{filter:drop-shadow(0 0 8px rgba(142,246,255,.45))}.score-row.is-2{filter:drop-shadow(0 0 7px rgba(255,77,154,.35))}.score-row.is-3{filter:drop-shadow(0 0 7px rgba(255,154,60,.3))}.score-row .vector-text,.score-head .vector-text,.initials-row .vector-text{width:auto;height:auto}.initials-row{justify-content:center;gap:18px;margin:16px 0 10px}.initials-row .is-on{filter:drop-shadow(0 0 10px rgba(142,246,255,.8))}body.is-demo-play .crt-grid{opacity:.05}body.is-demo-play .crt-glass{opacity:.45}.hud-center h1{margin:0 0 6px;filter:drop-shadow(0 0 22px rgba(142,246,255,.65))}body.is-attract .hud-center h1{filter:drop-shadow(0 0 10px rgba(142,246,255,.95)) drop-shadow(0 0 28px rgba(102,224,255,.55)) drop-shadow(3px 0 0 rgba(255,77,154,.28)) drop-shadow(-3px 0 0 rgba(60,255,192,.22));animation:crt-flicker 3.8s steps(1,end) infinite}.hud-center h1 .vector-title{width:min(520px,70vw);height:auto;overflow:visible}.vector-title.is-show .title-rib{animation-name:title-chase;animation-duration:calc(2.4s + var(--i) * .16s);animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:calc(var(--i) * -.22s)}.vector-title.is-show .title-echo{animation-name:title-echo;animation-duration:calc(2.8s + var(--k) * .28s);animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:calc(var(--k) * -.47s)}.vector-title.is-show[data-trail=rev] .title-rib,.vector-title.is-show[data-trail=rev] .title-echo,.vector-title.is-show[data-trail=rev-fast] .title-rib,.vector-title.is-show[data-trail=rev-fast] .title-echo,.vector-title.is-show[data-trail=rev-slow] .title-rib,.vector-title.is-show[data-trail=rev-slow] .title-echo{animation-direction:reverse}.vector-title.is-show[data-trail=fast] .title-rib,.vector-title.is-show[data-trail=rev-fast] .title-rib{animation-duration:calc(1.15s + var(--i) * .07s)}.vector-title.is-show[data-trail=fast] .title-echo,.vector-title.is-show[data-trail=rev-fast] .title-echo{animation-duration:calc(1.35s + var(--k) * .12s)}.vector-title.is-show[data-trail=slow] .title-rib,.vector-title.is-show[data-trail=rev-slow] .title-rib{animation-duration:calc(4.1s + var(--i) * .22s)}.vector-title.is-show[data-trail=slow] .title-echo,.vector-title.is-show[data-trail=rev-slow] .title-echo{animation-duration:calc(4.6s + var(--k) * .34s)}@keyframes title-chase{0%{stroke:#66e0ff;stroke-opacity:.06}18%{stroke:#c8f8ff;stroke-opacity:.55}36%{stroke:#ff4d9a;stroke-opacity:.42}54%{stroke:#ff9a3c;stroke-opacity:.28}72%{stroke:#ffc266;stroke-opacity:.2}88%{stroke:#3cffc0;stroke-opacity:.14}to{stroke:#66e0ff;stroke-opacity:.06}}@keyframes title-echo{0%{stroke:#ff4d9a;stroke-opacity:0}14%{stroke:#66e0ff;stroke-opacity:.38}32%{stroke:#ffc266;stroke-opacity:.22}52%{stroke:#ff9a3c;stroke-opacity:.12}74%{stroke:#3cffc0;stroke-opacity:.06}to{stroke:#ff4d9a;stroke-opacity:0}}.attract-rule{width:min(720px,78vw);height:2px;margin:10px auto 14px;background:linear-gradient(90deg,transparent 0%,rgba(255,77,154,.15) 12%,#66e0ff 50%,rgba(255,77,154,.15) 88%,transparent 100%);box-shadow:0 0 10px #66e0ffa6}.attract-rule.thin{width:min(420px,52vw);height:1px;margin:2px auto 18px;opacity:.7}.tag{margin:0 0 26px;filter:drop-shadow(0 0 10px rgba(255,77,154,.4))}.credit{margin:28px 0 0;opacity:.55;filter:drop-shadow(0 0 8px rgba(142,246,255,.3))}.credit .vector-text{width:min(280px,50vw);height:auto}.help{margin:7px 0;opacity:.78}.help .vector-text,.tag .vector-text,.cta .vector-text,.hub-alert .vector-text{width:min(620px,92vw);height:auto}.help.subtle{opacity:.55}.cta{margin:34px 0 0;animation:pulse 1.6s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(142,246,255,.45))}body.is-attract .cta{animation:coin-blink 1.05s steps(2,end) infinite;filter:drop-shadow(0 0 14px rgba(142,246,255,.7))}.cta .vector-title{width:min(420px,70vw);height:auto}.ships-link{margin:18px 0 0;opacity:.72;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 0 8px rgba(142,246,255,.35))}.ships-link.is-hidden{display:none}.ships-link .vector-text{width:min(280px,50vw);height:auto}.ships-page{position:absolute;inset:0;pointer-events:none}.ships-page.is-hidden{display:none}#ships-heading{position:absolute;left:50%;bottom:18%;transform:translate(-50%);filter:drop-shadow(0 0 16px rgba(142,246,255,.55))}#ships-heading .vector-title{width:min(280px,50vw);height:auto}.ships-hint{position:absolute;left:50%;bottom:22px;transform:translate(-50%);opacity:.7}.ships-hint .vector-text{width:min(420px,80vw);height:auto}.hud-center.is-hidden{display:none}.continue-row{position:absolute;left:50%;bottom:22%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;z-index:6;pointer-events:auto}.continue-title{filter:drop-shadow(0 0 14px rgba(142,246,255,.5))}.continue-title .vector-text{width:min(220px,70vw);height:auto;display:block}.continue-btns{display:flex;gap:18px}.continue-row.is-hidden{display:none}.continue-btn{margin:0;padding:10px 22px;background:#05080eb8;border:1px solid rgba(102,224,255,.55);box-shadow:0 0 18px #66e0ff47;cursor:pointer;pointer-events:auto;animation:pulse 1.6s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(142,246,255,.45))}.continue-no{border-color:#ff4d9a8c;box-shadow:0 0 18px #ff4d9a47;filter:drop-shadow(0 0 12px rgba(255,179,214,.4))}.continue-btn .vector-text{width:auto;height:auto;display:block}.hub-alert{position:absolute;left:50%;top:auto;bottom:22%;transform:translate(-50%);text-align:center;filter:drop-shadow(0 0 12px rgba(255,77,154,.5));animation:pulse .9s ease-in-out infinite}.hub-alert.is-close{color:#ff9a3c;text-shadow:0 0 18px rgba(255,154,60,.7);animation-duration:.45s}.alert-title{min-height:20px}.alert-sub{margin-top:4px}.mode-banner{position:absolute;left:50%;bottom:11%;transform:translate(-50%);filter:drop-shadow(0 0 10px rgba(142,246,255,.45))}.pad-status{position:absolute;right:28px;bottom:168px}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes coin-blink{0%,49%{opacity:1}50%,to{opacity:.12}}@keyframes crt-flicker{0%,92%,to{opacity:1}93%{opacity:.78}94%{opacity:1}97%{opacity:.86}}@keyframes crt-breathe{0%,to{filter:brightness(1)}50%{filter:brightness(1.08)}}@keyframes crt-scan{0%{background-position:0 0}to{background-position:0 4px}}@keyframes crt-roll{0%{transform:translateY(-120%)}to{transform:translateY(120%)}}.crt{display:none;position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}body.is-attract .crt{display:block}body.is-attract .hud-bl,body.is-attract .hud-br,body.is-attract .pad-status,.music-vol{display:none}.music-btn{appearance:none;background:transparent;border:1px solid rgba(102,224,255,.35);padding:4px 6px;cursor:pointer;min-width:28px}.music-btn .vector-text{width:16px;height:16px;display:block}#music-label .vector-text{width:92px;height:14px;display:block;opacity:.7}body.is-phone .music-vol{display:none}.version{display:none;position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:4;opacity:.4;pointer-events:none}.version .vector-text{width:70px;height:auto;margin-left:auto}body.is-attract:not(.is-demo-play):not(.is-scoreboard) .version{display:block}body:has(.hud-center.is-wave) .version{display:none}body:has(#ships-page:not(.is-hidden)) .version,body:has(#controls-page:not(.is-hidden)) .version{display:none}.controls-page{position:absolute;inset:0;z-index:6;pointer-events:auto;padding:28px 24px 72px;overflow:auto}.controls-page.is-hidden{display:none}#controls-heading{display:flex;justify-content:center;margin-bottom:12px}.controls-profiles{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}.controls-list{max-width:min(820px,94vw);margin:0 auto;display:flex;flex-direction:column;gap:6px}.controls-row{display:flex;align-items:center;gap:10px;padding:4px 6px;border:1px solid rgba(102,224,255,.22)}.controls-row.is-on{border-color:#c8f8ff;box-shadow:0 0 12px #8ef6ff4d}.controls-name{width:120px;flex:0 0 120px}.controls-slots{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.controls-chip{min-width:56px;padding:3px 7px;background:transparent;border:1px solid rgba(102,224,255,.35);color:#66e0ff;cursor:pointer;pointer-events:auto}.controls-chip.is-on{border-color:#c8f8ff;box-shadow:0 0 10px #8ef6ff59}#controls-hint{display:flex;justify-content:center;margin-top:16px}.crt-glass{position:absolute;inset:0;background:radial-gradient(ellipse 85% 75% at 50% 45%,rgba(80,200,255,.07),transparent 58%),radial-gradient(ellipse 50% 30% at 50% 8%,rgba(180,240,255,.08),transparent 50%);mix-blend-mode:screen}.crt-grid{position:absolute;inset:8%;opacity:.12;background-image:linear-gradient(rgba(102,224,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(102,224,255,.35) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 20%,transparent 75%)}.crt-scan{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,#08101600 0px 2px,#00000047 3px);animation:crt-scan .12s linear infinite;mix-blend-mode:multiply}.crt-roll{position:absolute;left:0;right:0;height:28%;background:linear-gradient(to bottom,transparent,rgba(142,246,255,.045),transparent);animation:crt-roll 7.5s linear infinite}.crt-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 78% 72% at 50% 48%,transparent 42%,rgba(0,0,0,.55) 100%);box-shadow:inset 0 0 90px 28px #0000009e}.crt-corners{position:absolute;inset:22px}.crt-corners span{position:absolute;width:28px;height:28px;border:1.5px solid rgba(102,224,255,.55);box-shadow:0 0 10px #66e0ff59}.crt-corners span:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.crt-corners span:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.crt-corners span:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}.crt-corners span:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}.dock-hero{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:min(52vh,420px);height:min(52vh,420px);pointer-events:none;z-index:4}.dock-hero.is-hidden{display:none}.dock-hero .dock-mini{display:block;width:100%;height:100%;filter:drop-shadow(0 0 18px rgba(102,224,255,.55))}.dock-bay{position:absolute;left:50%;bottom:8px;transform:translate(-50%);width:min(920px,96vw);max-height:calc(100vh - 48px);overflow:visible;pointer-events:auto;z-index:5}.dock-bay.is-hidden{display:none}.dock-panel{padding:4px 8px 6px;border:1px solid rgba(102,224,255,.4);background:#05080ec7;box-shadow:0 0 28px #66e0ff29}.dock-ships,.dock-ups{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-items:center;margin:2px 0 4px}.dock-seats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin:4px 0 6px}.dock-seat{min-width:120px}.dock-bay-back{display:none;margin:4px auto 6px}.dock-bay.is-gunning .dock-ships,.dock-bay.is-gunning .dock-ups{display:none}.dock-bay.is-gunning .dock-bay-back{display:block}.dock-up{min-width:144px;margin:0;padding:6px 12px;background:transparent;border:1px solid rgba(102,224,255,.32);color:#66e0ff;cursor:pointer;pointer-events:auto;text-align:center}.dock-up.is-on{border-color:#c8f8ff;box-shadow:0 0 10px #8ef6ff59}.dock-up.is-max{opacity:.45;cursor:default}.dock-ship{margin:0;padding:2px 5px;background:transparent;border:1px solid rgba(102,224,255,.32);color:#66e0ff;cursor:pointer;pointer-events:auto}.dock-ship{width:54px;text-align:center}.dock-ship .dock-mini{display:block;margin:0 auto 2px}#dock-title,#dock-hint{display:flex;justify-content:center}.dock-ship .vector-text{width:100%;height:auto}#dock-title .vector-text,#dock-hint .vector-text{width:auto;height:auto}.dock-ship.is-on{border-color:#c8f8ff;box-shadow:0 0 10px #66e0ff66}.dock-ship.is-lock{opacity:.38;cursor:default}.dock-ship:hover{border-color:#c8f8ff}.dock-ship.is-lock:hover{border-color:#66e0ff52}#dock-hint{margin-top:4px;opacity:.7}body.is-phone{touch-action:none}body.is-phone .hud-bl,body.is-phone .hud-br{bottom:198px}body.is-phone .hud-center .help,body.is-phone .credit,body.is-phone .version,body.is-phone [data-label],body.is-phone #special,body.is-phone #hub-ore,body.is-phone #points,body.is-phone #dock-hint,body.is-phone .dock-ship .vector-text{display:none}body.is-phone.is-attract .stick,body.is-phone:has(#ships-page:not(.is-hidden)) .stick,body.is-phone:has(#controls-page:not(.is-hidden)) .stick,body.is-phone:has(.hud-center.is-wave) .stick,body.is-phone:has(.hud-center.is-scores) .stick{visibility:hidden;pointer-events:none}body.is-phone:has(.dock-bay:not(.is-hidden)) .hud-bl,body.is-phone:has(.dock-bay:not(.is-hidden)) .hud-br,body.is-phone:has(.dock-bay:not(.is-hidden)) .mode-banner{display:none}body.is-phone .dock-hero{top:36%;width:min(44vh,280px);height:min(44vh,280px)}body.is-phone .dock-bay{bottom:188px;width:min(920px,94vw)}body.is-phone .dock-panel{padding:2px 6px 4px;background:#05080e9e}body.is-phone .dock-up,body.is-phone .dock-seat{min-width:88px}body.is-phone .mode-banner{bottom:208px}body.is-phone .tag{margin-bottom:16px}body.is-phone .cta{margin-top:20px}body.is-phone .ships-link{margin-top:12px}.device-pick{position:absolute;left:50%;top:22%;transform:translate(-50%);z-index:8;pointer-events:auto}.device-pick.is-hidden{display:none}.device-panel{min-width:min(420px,86vw);padding:16px 20px 14px;border:1px solid rgba(102,224,255,.45);background:#05080ee0;box-shadow:0 0 28px #66e0ff2e}.device-row{display:flex;gap:12px;justify-content:center;margin-top:12px}.device-btn{min-width:132px;padding:10px 16px;background:transparent;border:1px solid rgba(102,224,255,.4);color:#66e0ff;cursor:pointer}.device-btn:hover,.device-btn:focus{border-color:#c8f8ff;box-shadow:0 0 12px #66e0ff59}.touch-layer{position:absolute;inset:0;pointer-events:none;z-index:6}.touch-layer.is-hidden{display:none}.stick{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));width:132px;height:132px;pointer-events:auto}.stick-left{left:max(18px,env(safe-area-inset-left));width:168px;height:168px;pointer-events:none}.stick-right{right:max(18px,env(safe-area-inset-right))}.stick-well,.stick-knob{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}.stick-well{width:112px;height:112px;border:1px solid rgba(102,224,255,.4);box-shadow:0 0 16px #66e0ff29;background:#05080e47}.stick-knob{width:46px;height:46px;border:1px solid #66e0ff;background:#66e0ff1f;box-shadow:0 0 12px #66e0ff59}.touch-pad{position:relative;width:100%;height:100%;pointer-events:auto}.touch-dir{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:0;min-width:0;appearance:none;border:0;border-radius:0;background:#05080e75;box-shadow:inset 0 0 0 1px #66e0ff73;color:#66e0ff;touch-action:none;pointer-events:auto;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.touch-dir[data-dir=up]{clip-path:polygon(50% 54%,0% 0%,100% 0%)}.touch-dir[data-dir=right]{clip-path:polygon(46% 50%,100% 0%,100% 100%)}.touch-dir[data-dir=down]{clip-path:polygon(50% 46%,100% 100%,0% 100%)}.touch-dir[data-dir=left]{clip-path:polygon(54% 50%,0% 100%,0% 0%)}.touch-dir[data-dir=up] svg{align-self:start;margin-top:14%}.touch-dir[data-dir=down] svg{align-self:end;margin-bottom:14%}.touch-dir[data-dir=left] svg{justify-self:start;margin-left:14%}.touch-dir[data-dir=right] svg{justify-self:end;margin-right:14%}.touch-dir svg{display:block;width:54%;height:54%;margin:auto}.touch-dir path{fill:none;stroke:#66e0ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.touch-dir.is-on,.touch-dir:active{border-color:#c8f8ff;background:#66e0ff29;box-shadow:0 0 16px #66e0ff66}.touch-dir.is-on path,.touch-dir:active path{stroke:#c8f8ff}.touch-sight{position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;border:1px solid #c8f8ff;border-radius:50%;box-shadow:0 0 12px #66e0ff8c;pointer-events:none}.touch-sight.is-hidden{display:none}.touch-sight:before,.touch-sight:after{content:"";position:absolute;background:#66e0ff}.touch-sight:before{left:50%;top:3px;bottom:3px;width:1px;transform:translate(-50%)}.touch-sight:after{top:50%;left:3px;right:3px;height:1px;transform:translateY(-50%)}