:root{--phosphor: #6ef3ff;--phosphor-dim: #2a98ad;--crimson: #ff3b5c;--amber: #ffc24b;--laser: #58ff9b;--ink: #04070e;--font-display: "Zen Dots", cursive;--font-body: "Chakra Petch", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--ink);font-family:var(--font-body);color:var(--phosphor);-webkit-user-select:none;user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none;-webkit-tap-highlight-color:transparent}#game{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}.crt-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.18) 3px,rgba(0,0,0,.18) 4px);mix-blend-mode:multiply}.crt-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:41;background:radial-gradient(ellipse at center,transparent 55%,rgba(2,4,10,.55) 100%)}#hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;text-shadow:0 0 8px rgba(110,243,255,.7)}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:22px 32px}.hud-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;padding:26px 36px}.hud-block{display:flex;flex-direction:column;gap:6px}.hud-right{align-items:flex-end}.hud-label{font-size:11px;letter-spacing:.35em;color:var(--phosphor-dim);font-weight:600}.hud-value{font-family:var(--font-display);font-size:28px;line-height:1;color:var(--phosphor)}.hud-center{align-items:center;text-align:center}.hud-zone{font-size:12px;letter-spacing:.4em;color:var(--phosphor-dim);border:1px solid rgba(110,243,255,.25);padding:6px 18px;background:#040c1473;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}.hud-combo{font-family:var(--font-display);font-size:18px;color:var(--amber);text-shadow:0 0 10px rgba(255,194,75,.8);min-height:24px}.pad-status{font-size:11px;letter-spacing:.25em;font-weight:700;padding:6px 12px;border:1px solid currentColor}.pad-on{color:var(--laser)}.pad-off{color:var(--crimson);opacity:.75}.hud-pad{align-items:flex-end}.retro-status{font-size:11px;letter-spacing:.25em;font-weight:700;padding:6px 12px;border:1px solid var(--amber);color:var(--amber);text-shadow:0 0 10px rgba(255,194,75,.7)}body.retro #hud,body.retro .screen{filter:blur(.4px) saturate(.78) contrast(1.07)}body.retro .crt-scanlines{background:repeating-linear-gradient(to bottom,transparent 0px,transparent 1px,rgba(0,0,0,.28) 2px,rgba(0,0,0,.28) 3px)}.bar{width:240px;height:14px;border:1px solid rgba(110,243,255,.45);background:#040c1480;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);overflow:hidden}.bar-fill{height:100%;width:100%;transition:width .12s linear,background .2s linear}.shield-bar .bar-fill{background:linear-gradient(90deg,var(--phosphor-dim),var(--phosphor));box-shadow:0 0 12px #6ef3ff99}.boost-bar .bar-fill{background:linear-gradient(90deg,#b06a1f,var(--amber));box-shadow:0 0 12px #ffc24b99}.reticle{position:absolute;pointer-events:none;will-change:transform}.reticle-far{width:56px;height:56px;margin:-28px 0 0 -28px}.reticle-far i{position:absolute;width:14px;height:14px;border:2px solid var(--laser);filter:drop-shadow(0 0 6px rgba(88,255,155,.9))}.reticle-far i:nth-child(1){top:0;left:0;border-right:none;border-bottom:none}.reticle-far i:nth-child(2){top:0;right:0;border-left:none;border-bottom:none}.reticle-far i:nth-child(3){bottom:0;left:0;border-right:none;border-top:none}.reticle-far i:nth-child(4){bottom:0;right:0;border-left:none;border-top:none}.reticle-near{width:26px;height:26px;margin:-13px 0 0 -13px;border:2px solid var(--laser);border-radius:50%;filter:drop-shadow(0 0 6px rgba(88,255,155,.9))}.reticle-near:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;background:var(--laser);border-radius:50%}.mode-label{font-size:11px;letter-spacing:.28em;font-weight:700;color:var(--phosphor-dim);transition:color .2s}.mode-label.gerwalk{color:var(--amber);text-shadow:0 0 10px rgba(255,194,75,.7)}.alert{position:absolute;left:50%;top:62%;transform:translate(-50%);font-family:var(--font-display);font-size:20px;color:var(--crimson);text-shadow:0 0 14px rgba(255,59,92,.9);animation:blink .5s steps(2) infinite}@keyframes blink{50%{opacity:0}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden;gap:18px;background:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(20,50,80,.35),transparent),#02050cb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.title-kicker{font-size:13px;letter-spacing:.6em;color:var(--phosphor-dim);animation:rise .8s ease-out both}.title-logo-wrap{margin:-6px 0 -10px;animation:rise .8s .15s ease-out both}.title-logo-img{display:block;width:clamp(380px,56vw,820px);filter:drop-shadow(0 0 22px rgba(110,243,255,.45)) drop-shadow(0 0 70px rgba(110,243,255,.18));animation:logoGlow 3.2s ease-in-out infinite;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 22px rgba(110,243,255,.45)) drop-shadow(0 0 70px rgba(110,243,255,.18))}50%{filter:drop-shadow(0 0 30px rgba(110,243,255,.7)) drop-shadow(0 0 90px rgba(255,59,92,.22))}}.title-sub{font-size:13px;letter-spacing:.5em;color:var(--phosphor-dim);animation:rise .8s .3s ease-out both}.title-controls{display:flex;gap:64px;margin-top:26px;animation:rise .8s .45s ease-out both}.ctrl-col h3{font-family:var(--font-display);font-size:13px;color:var(--amber);letter-spacing:.3em;margin-bottom:10px;text-shadow:0 0 10px rgba(255,194,75,.6)}.ctrl-col p{font-size:13px;line-height:1.9;color:#9fd6e2}.ctrl-col b{color:#eaf9ff}.start-prompt{margin-top:30px;font-family:var(--font-display);font-size:16px;letter-spacing:.2em;color:var(--laser);text-shadow:0 0 14px rgba(88,255,155,.8);animation:pulse 1.4s ease-in-out infinite,rise .8s .6s ease-out both}.start-prompt b{color:#fff}@keyframes pulse{50%{opacity:.35}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}#select-screen{background:radial-gradient(ellipse 80% 60% at 50% 25%,rgba(20,50,80,.3),transparent),#02050cc7}.select-title{font-family:var(--font-display);font-size:clamp(26px,4.5vw,44px);color:#eaf9ff;letter-spacing:.08em;text-shadow:0 0 18px rgba(110,243,255,.7);animation:rise .6s ease-out both}.pilot-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;margin-top:18px;animation:rise .6s .15s ease-out both}.pilot-card{width:240px;padding:14px 14px 18px;border:1px solid rgba(110,243,255,.25);background:#050c16bf;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);display:flex;flex-direction:column;gap:10px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;opacity:.65}.pilot-card.selected{opacity:1;transform:translateY(-10px) scale(1.04);border-color:var(--laser);box-shadow:0 0 26px #58ff9b4d,inset 0 0 18px #58ff9b0f}.pilot-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);filter:saturate(.85)}.pilot-card.selected img{filter:saturate(1.1)}.pilot-name{font-family:var(--font-display);font-size:14px;color:#eaf9ff;letter-spacing:.06em}.pilot-ship{font-size:11px;letter-spacing:.3em;color:var(--amber);font-weight:700}.pilot-blurb{font-size:11.5px;line-height:1.5;color:#9fd6e2;min-height:36px}.pilot-stats{display:flex;flex-direction:column;gap:5px}.pstat{display:flex;align-items:center;gap:8px}.pstat span{font-size:10px;letter-spacing:.2em;color:var(--phosphor-dim);width:34px;font-weight:700}.pips{display:flex;gap:4px}.pip{width:16px;height:7px;background:#6ef3ff1f;clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%)}.pip.on{background:var(--phosphor);box-shadow:0 0 6px #6ef3ffb3}.pilot-card.selected .pip.on{background:var(--laser);box-shadow:0 0 6px #58ff9bcc}.select-hint{margin-top:22px}.boss-warning{position:absolute;left:50%;top:30%;transform:translate(-50%);font-family:var(--font-display);font-size:clamp(18px,3vw,30px);white-space:nowrap;color:var(--crimson);text-shadow:0 0 18px rgba(255,59,92,.9);animation:blink .4s steps(2) infinite}.boss-hud{position:absolute;top:76px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.boss-name{font-family:var(--font-display);font-size:13px;letter-spacing:.3em;color:var(--crimson);text-shadow:0 0 12px rgba(255,59,92,.8)}.boss-bar{width:420px;border-color:#ff3b5c80}.boss-bar .bar-fill{background:linear-gradient(90deg,#7a1228,var(--crimson));box-shadow:0 0 14px #ff3b5cb3}.go-title{font-family:var(--font-display);font-size:clamp(40px,8vw,88px);color:var(--crimson);text-shadow:0 0 24px rgba(255,59,92,.9);animation:rise .6s ease-out both}.go-score,.go-best{font-size:16px;letter-spacing:.35em;color:var(--phosphor-dim);animation:rise .6s .2s ease-out both}.go-score span,.go-best span{font-family:var(--font-display);color:#eaf9ff;margin-left:12px}.rotate-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#02050cf5;text-align:center}.rotate-overlay .rotate-icon{font-size:64px;color:var(--phosphor);animation:spinHint 2s ease-in-out infinite}.rotate-overlay p{font-family:var(--font-display);font-size:20px;letter-spacing:.2em;color:#eaf9ff;text-shadow:0 0 14px rgba(110,243,255,.7)}.rotate-overlay span{font-size:12px;letter-spacing:.3em;color:var(--phosphor-dim)}@keyframes spinHint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}@media (orientation: portrait) and (pointer: coarse){.rotate-overlay{display:flex}}.audio-hint{position:absolute;left:50%;bottom:12%;transform:translate(-50%);z-index:80;pointer-events:none;font-family:var(--font-display);font-size:13px;letter-spacing:.18em;color:var(--amber);text-shadow:0 0 12px rgba(255,194,75,.8);animation:pulse 1.2s ease-in-out infinite;white-space:nowrap}.touch-ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;pointer-events:none}.stick-zone{position:absolute;left:0;bottom:0;width:44%;height:70%;pointer-events:auto;touch-action:none}.stick-base,.stick-nub{position:fixed;left:0;top:0;pointer-events:none;border-radius:50%}.stick-base{width:112px;height:112px;margin:-56px 0 0 -56px;border:2px solid rgba(110,243,255,.35);background:#6ef3ff0d}.stick-nub{width:48px;height:48px;margin:-24px 0 0 -24px;background:#6ef3ff4d;border:2px solid var(--phosphor);box-shadow:0 0 16px #6ef3ff80}.touch-buttons{position:absolute;right:18px;bottom:56px;display:flex;flex-direction:column;gap:12px;align-items:flex-end;pointer-events:none}.tbtn-row{display:flex;gap:12px;align-items:flex-end}.tbtn{pointer-events:auto;touch-action:none;display:flex;align-items:center;justify-content:center;border-radius:50%;font-family:var(--font-display);letter-spacing:.08em;color:var(--phosphor);border:2px solid rgba(110,243,255,.5);background:#08142073;text-shadow:0 0 8px rgba(110,243,255,.7);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.tbtn.pressed{background:#6ef3ff40;box-shadow:0 0 22px #6ef3ff80}.tbtn-big{width:86px;height:86px;font-size:15px;color:var(--laser);border-color:#58ff9b8c}.tbtn-big.pressed{background:#58ff9b38;box-shadow:0 0 22px #58ff9b80}.tbtn-med{width:64px;height:64px;font-size:11px;color:var(--amber);border-color:#ffc24b8c}.tbtn-med.pressed{background:#ffc24b33;box-shadow:0 0 22px #ffc24b80}.tbtn-small{width:50px;height:50px;font-size:10px}@media (max-width: 940px),(max-height: 520px){.hud-top{padding:12px 16px}.hud-bottom{padding:14px 18px}.hud-value{font-size:20px}.hud-zone{font-size:9px;padding:4px 10px;letter-spacing:.3em}.bar{width:150px;height:11px}.boss-bar{width:280px}.boss-name{font-size:10px}.boss-hud{top:56px}.title-logo-img{width:clamp(260px,50vw,520px)}.title-sub{font-size:10px;letter-spacing:.35em}.title-controls{gap:26px;margin-top:12px}.ctrl-col h3{font-size:10px;margin-bottom:5px}.ctrl-col p{font-size:10px;line-height:1.6}.start-prompt{margin-top:14px;font-size:12px}.screen{gap:10px}.select-title{font-size:22px}.pilot-cards{gap:14px;margin-top:8px}.pilot-card{width:168px;padding:8px 8px 10px;gap:6px}.pilot-name{font-size:10.5px}.pilot-ship{font-size:9px}.pilot-blurb{font-size:9px;min-height:26px;line-height:1.35}.pip{width:11px;height:5px}.pstat span{font-size:8px;width:26px}.select-hint{margin-top:8px}}@media (max-width: 700px){.screen{justify-content:flex-start;padding:16px 8px}}@media (max-height: 520px){.screen{justify-content:flex-start;padding:10px 8px 16px;gap:8px}.title-kicker{font-size:9px;letter-spacing:.45em}.title-logo-img{width:clamp(200px,36vw,400px)}.title-controls{margin-top:4px;gap:18px}.start-prompt{margin-top:8px;font-size:11px}.go-title{font-size:34px}.go-score,.go-best{font-size:12px}.select-title{font-size:17px}.pilot-cards{flex-direction:column;flex-wrap:nowrap;gap:8px;margin-top:2px}.pilot-card{flex-direction:row;align-items:center;width:min(540px,92vw);padding:6px 14px;gap:14px}.pilot-card.selected{transform:scale(1.03)}.pilot-card img{width:56px;height:56px;flex:none}.pilot-blurb{display:none}.pilot-name{font-size:10px;width:118px;flex:none}.pilot-ship{font-size:8px;width:76px;flex:none}.pilot-stats{flex:1;gap:3px}.select-hint{margin-top:4px;font-size:10px}.audio-hint{bottom:4px;font-size:9px}}#app.shake #game{animation:shake .25s linear}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-8px,5px)}40%{transform:translate(7px,-4px)}60%{transform:translate(-5px,-6px)}80%{transform:translate(4px,5px)}to{transform:translate(0)}}