:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:#03040b;color:#eafaff;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#03040b}canvas{display:block}.start-screen,.end-card,.pause-card{position:fixed;z-index:10;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;padding:32px;background:radial-gradient(circle at 50% 42%,rgba(27,78,130,.34),transparent 42%),linear-gradient(#03040bcc,#03040bf5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.start-screen[hidden],.end-card[hidden],.pause-card[hidden],.training-card[hidden],.settings-panel[hidden],.leaderboard-panel[hidden]{display:none}.eyebrow{color:#73ff9b;letter-spacing:.24em;font-size:clamp(.7rem,1.3vw,.9rem)}h1{margin:.15em 0 0;font-size:clamp(4rem,14vw,10rem);line-height:.9;letter-spacing:-.08em;color:#eafaff;text-shadow:0 0 15px rgba(82,247,255,.75),0 0 65px rgba(93,124,255,.45)}h1 span{display:block;color:#52f7ff}h2{margin:.25em 0 .1em;font-size:clamp(3rem,9vw,7rem);color:#52f7ff}.lede{max-width:50ch;margin:1.2rem auto 2rem;color:#a8b6d8;letter-spacing:.08em}button{border:1px solid #52f7ff;background:#0a2a44b8;color:#eafaff;padding:.9rem 1.5rem;border-radius:3px;font:inherit;font-weight:700;letter-spacing:.14em;box-shadow:0 0 24px #52f7ff2e;cursor:pointer}button:hover,button:focus-visible{background:#52f7ff;color:#03040b;outline:none}button:disabled{border-color:#25304f;background:#0713268c;color:#56617d;box-shadow:none;cursor:not-allowed}button small{display:block;margin-top:.35rem;color:#8794b3;font-size:.58rem;letter-spacing:.12em}.menu-actions{display:grid;grid-template-columns:repeat(2,minmax(190px,1fr));gap:.7rem;width:min(560px,92vw)}.menu-actions [data-start-arcade]{grid-column:1 / -1;padding-block:1.1rem}.end-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.2rem}.guide-link{margin-top:1rem;color:#73ff9b;font-size:.76rem;font-weight:700;letter-spacing:.16em;text-underline-offset:.35rem}.guide-link:hover,.guide-link:focus-visible{color:#eafaff;outline:none;text-shadow:0 0 14px rgba(115,255,155,.7)}.controls{margin-top:2.3rem;display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:.7rem 1.2rem;width:min(700px,90vw);color:#7e8caf;font-size:.75rem}.controls b{color:#ffc857}.fine{margin-top:1.4rem;color:#4f5b79;font-size:.7rem}.pause-card{font-size:2rem;letter-spacing:.2em}.pause-card small{color:#7e8caf;font-size:.75rem;letter-spacing:.08em}.end-card{background:#03040be0}.leaderboard-panel{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:24px;background:#03040beb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.leaderboard-dialog{width:min(680px,94vw);max-height:92vh;overflow:auto;padding:clamp(20px,4vw,40px);border:1px solid #52f7ff;background:#050e1ef7;box-shadow:0 0 50px #52f7ff2e;text-align:center}.leaderboard-dialog h2{font-size:clamp(2rem,7vw,4.5rem)}.leaderboard-dialog table{width:100%;margin:1.5rem 0;border-collapse:collapse}.leaderboard-dialog th,.leaderboard-dialog td{padding:.65rem;border-bottom:1px solid #25304f;text-align:right}.leaderboard-dialog th:nth-child(2),.leaderboard-dialog td:nth-child(2){color:#73ff9b;text-align:center;letter-spacing:.18em}.leaderboard-dialog th{color:#7e8caf;font-size:.72rem;letter-spacing:.12em}.empty-board{margin:2rem 0;color:#7e8caf}.score-entry{display:grid;justify-items:center;gap:.65rem;margin:1.25rem 0}.score-entry label{color:#73ff9b;font-size:.76rem;letter-spacing:.14em}.score-entry input{width:7ch;border:1px solid #ff4fd8;background:#03040b;color:#eafaff;padding:.55rem;font:700 1.8rem/1 ui-monospace,monospace;letter-spacing:.22em;text-align:center;text-transform:uppercase}.score-entry small{color:#ffc857}.score-saved{color:#73ff9b;letter-spacing:.12em}.training-card{position:fixed;z-index:6;top:86px;left:50%;width:min(620px,calc(100vw - 48px));transform:translate(-50%);padding:12px 18px;border:1px solid rgba(82,247,255,.55);border-radius:10px;background:#030a18e6;box-shadow:0 0 28px #52f7ff1f;text-align:center;pointer-events:none}.training-card div{display:flex;justify-content:center;gap:14px;align-items:baseline}.training-card small{color:#ffc857;letter-spacing:.14em}.training-card strong{color:#52f7ff;text-transform:uppercase;letter-spacing:.08em}.training-card p{margin:7px 0;color:#eafaff}.training-card kbd{color:#ff4fd8;background:transparent;border:0}.settings-panel{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:24px;overflow:auto;background:#03040beb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-dialog{width:min(760px,96vw);max-height:92vh;overflow:auto;padding:28px;border:1px solid #25304f;border-radius:14px;background:#071326;box-shadow:0 0 42px #52f7ff24}.settings-dialog h2{margin:.1em 0 .35em;font-size:clamp(2.4rem,7vw,4.5rem)}.settings-dialog h3{margin:1.4rem 0 .7rem;color:#73ff9b;letter-spacing:.16em}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.settings-grid label{display:grid;gap:7px;color:#a8b6d8;font-size:.8rem}.settings-grid input[type=range]{width:100%;accent-color:#52f7ff}.settings-grid .toggle{display:flex;align-items:center;gap:8px}.settings-grid input[type=checkbox]{width:18px;height:18px;accent-color:#73ff9b}.binding-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;align-items:center}.binding-grid span{color:#a8b6d8;text-transform:uppercase;font-size:.75rem}.binding-grid button{padding:.65rem;min-width:0}.settings-note{color:#73ff9b;font-size:.72rem}.touch-controls{position:fixed;z-index:8;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));display:none;justify-content:space-between;align-items:end;gap:18px;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}.touch-zone{pointer-events:auto}.touch-zone button{min-width:58px;min-height:54px;padding:.55rem;border-radius:12px;background:#071326cc;box-shadow:0 0 18px #52f7ff1f;touch-action:none}.touch-zone button.active{background:#52f7ff;color:#03040b;transform:scale(.96)}.touch-movement{display:grid;justify-items:center;gap:5px}.touch-movement>div{display:flex;gap:5px}.touch-movement [data-touch-action=thrust]{min-width:82px;color:#ffc857}.touch-actions{display:grid;grid-template-columns:repeat(2,minmax(58px,1fr));gap:7px}.touch-actions .touch-fire{grid-column:1 / -1;min-height:72px;color:#73ff9b}.high-contrast canvas{filter:contrast(1.28) saturate(1.22) brightness(1.08)}.high-contrast .training-card{border-color:#fff;background:#000}.reduced-motion canvas{transition:none!important}@media(max-width:680px){.controls{grid-template-columns:repeat(2,minmax(120px,1fr))}.menu-actions{grid-template-columns:1fr}.menu-actions [data-start-arcade]{grid-column:auto}.settings-grid{grid-template-columns:1fr}.binding-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px),(pointer:coarse){.touch-controls:not([hidden]){display:flex}.training-card{top:74px;width:calc(100vw - 24px);padding:9px 12px}.training-card p{font-size:.78rem}.training-card kbd{font-size:.7rem}}@media(max-width:430px){.touch-controls{gap:8px}.touch-zone button{min-width:50px;min-height:50px;font-size:.68rem}.touch-movement [data-touch-action=thrust]{min-width:68px}.touch-actions{max-width:132px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}