:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#dfedf3;background:#060e19}*{box-sizing:border-box}body{margin:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input{-webkit-user-select:text;user-select:text}main{max-width:1080px;margin:auto;padding:22px 32px 12px}header{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;color:#7894a5}a{color:inherit;text-decoration:none}.readout{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.readout p{color:#49d3e5;letter-spacing:.35em;font-size:11px;margin:0 0 10px}h1{font-size:26px;line-height:1.15;margin:0;font-weight:500;letter-spacing:-.03em}.score{display:flex;flex-direction:column;text-align:right;gap:3px}.score span,.score small{color:#7894a5;font-size:10px;letter-spacing:.15em}.score strong{font:42px ui-monospace,monospace;color:#ffba62;letter-spacing:.06em}.score b{color:#dfedf3;margin-left:14px}.viewport{height:min(67vh,750px);min-height:410px;position:relative}canvas{width:100%;height:100%;display:block;outline:none}.mobile-flippers{display:none}footer{border-top:1px solid #203140;padding-top:15px}.telemetry{display:flex;align-items:center;gap:10px;font-size:12px}.dot{width:6px;height:6px;border-radius:50%;background:#49d3e5;box-shadow:0 0 12px #49d3e5}button{color:#bdced9;background:#0b1827;border:1px solid #243748;border-radius:5px;cursor:pointer;touch-action:none;font:inherit}button:hover,button:active{border-color:#49d3e5;color:#fff}#restart,#openScores{margin-left:auto;padding:7px 11px;font-size:10px}#openScores+#restart{margin-left:0}.power{height:3px;background:#162838;margin:12px 0}#charge{height:100%;width:0;background:#ffba62}.controls{display:flex;gap:12px}.controls button{flex:1;padding:14px 8px;font-size:10px;letter-spacing:.08em}kbd{color:#49d3e5;margin-right:10px;font:inherit}.hint{font-size:9px;color:#7894a5;letter-spacing:.09em;margin:15px 0 0}.hint span{float:right}.score-overlay[hidden]{display:none}.score-overlay{position:absolute;z-index:10;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 35%,#14465352,#01070de8 58%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.score-card{width:min(430px,100%);padding:28px 30px 24px;border:1px solid rgba(73,211,229,.32);background:linear-gradient(145deg,#081824f7,#040b14fa);box-shadow:0 24px 80px #0000009e,inset 0 0 36px #49d3e509}.score-kicker,.final-score-label{margin:0;color:#49d3e5;font-size:9px;letter-spacing:.25em;text-align:center}.score-overlay-title{margin:8px 0 20px;font-size:24px;font-weight:500;letter-spacing:.08em;text-align:center}.final-score-label{color:#7894a5}#finalScore{display:block;margin:3px 0 18px;color:#ffb452;font:38px ui-monospace,monospace;letter-spacing:.1em;text-align:center}#scoreEntry{margin-bottom:22px}#scoreEntry label{display:block;margin-bottom:7px;color:#8ca5b4;font-size:9px;letter-spacing:.16em}.name-entry{display:flex;gap:7px}.name-entry input{min-width:0;flex:1;padding:11px 12px;border:1px solid #314858;border-radius:4px;outline:none;background:#06111d;color:#e8f8fa;font:14px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.name-entry input:focus{border-color:#49d3e5;box-shadow:0 0 0 2px #49d3e51a}.name-entry button{padding:0 12px;border-color:#91642e;color:#ffd28b;font-size:9px;letter-spacing:.08em}.score-table-heading{display:flex;justify-content:space-between;padding-bottom:7px;border-bottom:1px solid #263a49;color:#607d8e;font-size:8px;letter-spacing:.18em}#scoreList{display:grid;gap:3px;min-height:214px;margin:8px 0 18px;padding:0;list-style:none;counter-reset:none}#scoreList li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;min-height:18px;color:#708998;font:11px ui-monospace,monospace}#scoreList li strong{color:#cce3e9;font-weight:500;letter-spacing:.1em}#scoreList li b{color:#ffb452;font-weight:500;letter-spacing:.08em}#scoreList .empty-score{display:block;opacity:.38}.score-actions{display:flex;gap:8px}.score-actions button{flex:1;min-height:36px;padding:7px;font-size:8px;letter-spacing:.1em}.score-overlay[data-mode=lookup] .final-score-label,.score-overlay[data-mode=lookup] #finalScore{display:none}.score-overlay[data-mode=lookup] .score-overlay-title{margin-bottom:24px}@media (max-width: 600px){body{overscroll-behavior:none}main{padding:10px 8px calc(8px + env(safe-area-inset-bottom))}header{font-size:8px}.readout{margin-top:8px}.readout p{display:none}h1{font-size:16px;line-height:1.05}.score{gap:0}.score strong{font-size:28px}.score span,.score small{font-size:8px}.viewport{height:min(69vh,610px);min-height:430px}.mobile-flippers{display:flex;position:absolute;inset:0;align-items:flex-end;justify-content:space-between;pointer-events:none;overflow:hidden}.tap-side{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:7px;width:50%;height:22%;min-height:92px;padding-top:10%;border:0;border-bottom:1px solid rgba(73,211,229,.5);border-radius:0;background:linear-gradient(to top,rgba(14,78,92,.34),rgba(11,49,61,.12) 52%,transparent 100%);color:#e0f7fad1;box-shadow:inset 0 -12px 24px #49d3e509;font-size:9px;font-weight:700;letter-spacing:.13em;line-height:1.45;-webkit-tap-highlight-color:transparent}.tap-right{border-bottom-color:#ff578280;background:linear-gradient(to top,rgba(103,28,58,.32),rgba(67,20,43,.11) 52%,transparent 100%);box-shadow:inset 0 -12px 24px #ff578209}.tap-side:active,.tap-side[data-pressed=true]{background:linear-gradient(to top,rgba(37,173,195,.46),rgba(29,113,132,.15) 58%,transparent 100%);border-bottom-color:#82f1ff}.tap-right:active,.tap-right[data-pressed=true]{background:linear-gradient(to top,rgba(205,51,101,.44),rgba(139,37,74,.14) 58%,transparent 100%);border-bottom-color:#ff789a}.tap-arrow{font-size:25px;font-weight:300;line-height:1;opacity:.8}.tap-side:hover,.tap-side:active,.tap-side[data-pressed=true]{border-left:0;border-right:0}footer{display:flex;flex-direction:column;padding-top:8px}.controls{order:-1;margin-bottom:8px}.telemetry{min-height:31px}#openScores,#restart{padding:7px 8px;font-size:8px}.power{margin:8px 0;height:4px}.controls{display:block}.controls button:not(.launch-control){display:none}.controls .launch-control{display:block;width:100%;min-height:58px;border-color:#9e6c2f;background:linear-gradient(180deg,#2e2418,#171714);color:#ffd28b;font-size:11px}.launch-control kbd{display:inline;margin:0 12px 0 0;color:#ffb452}.hint span{display:none}.hint{margin-top:8px;text-align:center}#status{font-size:10px}.score-overlay{padding:10px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.score-card{padding:20px 18px 16px}.score-overlay-title{margin-bottom:12px;font-size:19px}#finalScore{margin-bottom:12px;font-size:30px}#scoreEntry{margin-bottom:14px}.name-entry{flex-direction:column}.name-entry button{min-height:42px}#scoreList{gap:1px;min-height:174px;margin-bottom:10px}#scoreList li{min-height:15px;font-size:10px}}@media (max-width: 600px) and (orientation: landscape){main{max-width:780px}.readout{position:absolute;z-index:2;left:18px;right:18px;pointer-events:none}.readout>div:first-child{display:none}.score{margin-left:auto}.viewport{height:72vh;min-height:300px}.tap-side{height:30%;min-height:72px;padding-top:6%}}