:root{color:#e9eee7;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#77908f;--line:#a1c5be25;--light:#e7eee3;--mint:#b9e9d4;--gold:#efbd7d;background:#080e17;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{border:0}button[hidden],[hidden]{display:none!important}canvas{touch-action:none;width:100%;height:100%;position:fixed;inset:0}body.playing{-webkit-user-select:none;user-select:none}.masthead{z-index:5;justify-content:space-between;align-items:center;display:flex;position:absolute;top:27px;left:40px;right:40px}.wordmark{color:#d7e5da;letter-spacing:.15em;align-items:center;gap:12px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.wordmark svg{fill:none;stroke:#b3cabf;stroke-width:1px;width:32px;height:32px}.wordmark svg circle{fill:#e3bf83;stroke:none}.header-actions{align-items:center;gap:24px;display:flex}.header-actions button{letter-spacing:.08em;color:#8ba2a1;background:0 0;padding:8px 0;font:10px ui-monospace,monospace}.header-actions button span{color:#e0e8dc;margin-left:5px}.header-actions #guide-toggle{border:1px solid #7e9b963b;border-radius:50%;width:27px;height:27px;padding:0;font-size:13px}.header-actions kbd{border:0;margin-left:6px;padding:0}.welcome{pointer-events:none;position:absolute;inset:128px 6.5vw 68px}.welcome>*{pointer-events:auto}.eyebrow{letter-spacing:.16em;color:#8baba6;align-items:center;gap:9px;margin:0 0 30px;font:10px ui-monospace,monospace;display:flex}.status-dot{background:#cecf9c;border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #ced3a966}h1{letter-spacing:-.09em;color:#e8eee2;width:max-content;margin:0 0 38px;font-size:clamp(80px,10.4vw,156px);font-weight:500;line-height:.78;position:relative}h1 span{color:#9ebbb0}h1 i{color:#ebc08a;font-size:.35em;font-style:normal;font-weight:300;position:absolute;top:-.05em;right:-.55em}.premise{color:#a9bdb5;margin:0 0 29px;font-size:clamp(16px,1.7vw,21px);font-weight:350;line-height:1.6}.primary{color:#102320;background:#d5e7d7;border-radius:2px;justify-content:space-between;align-items:center;gap:48px;min-width:236px;padding:18px 21px;font-size:14px;font-weight:500;transition:background .2s,transform .2s;display:flex;box-shadow:inset 0 2px #ffffff20}.primary:hover{background:#e2efde;transform:translateY(-2px)}.primary span{font-size:20px}.start-note{color:#698782;margin-top:15px;font-size:11px}.welcome-bottom{color:#56716f;letter-spacing:.1em;gap:35px;font:9px ui-monospace,monospace;display:flex;position:absolute;bottom:0}footer{z-index:4;letter-spacing:.11em;color:#4f6967;justify-content:space-between;font:9px ui-monospace,monospace;display:flex;position:absolute;bottom:24px;left:40px;right:40px}footer i{color:#a1b9aa;margin-left:14px;font-style:normal}.hud{z-index:2;pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:100px 42px auto}.micro-label{letter-spacing:.12em;color:#7c9c99;font:9px ui-monospace,monospace}.score-block{flex-direction:column;gap:5px;display:flex}.score-block>strong{font-variant-numeric:tabular-nums;letter-spacing:-.055em;font-size:52px;font-weight:400;line-height:1}.best{color:#476763;letter-spacing:.1em;margin-top:5px;font:9px ui-monospace,monospace}.run-readout{gap:40px;display:flex}.time-block,.combo-block{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.time-block strong,.combo-block strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:37px;font-weight:350}.time-block small{color:#6f9390;margin-left:3px;font-size:14px}.combo-block strong{color:#dfbf8e}.charge-block{letter-spacing:.1em;color:#698c85;align-items:center;gap:12px;font:9px ui-monospace,monospace;display:flex;position:fixed;bottom:47px;left:42px}.charge-block i{background:#183b36;width:110px;height:2px;display:block}.charge-block b{transform-origin:0;background:#a0cbb5;width:100%;height:100%;transition:transform .12s linear;display:block}.feedback{z-index:3;color:var(--gold);letter-spacing:.07em;white-space:nowrap;opacity:0;font:11px ui-monospace,monospace;transition:opacity .18s;position:fixed;top:106px;left:50%;transform:translate(-50%)}.feedback.visible{opacity:1}.flight-help{text-align:center;pointer-events:none;white-space:nowrap;position:fixed;bottom:65px;left:50%;transform:translate(-50%)}.flight-help>span{color:#a2c1b6;font-size:13px}.flight-help small{color:#567974;margin-top:10px;font-size:10px;display:block}.desktop-controls{color:#4e716a;letter-spacing:.05em;align-items:center;gap:24px;font:8px ui-monospace,monospace;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}kbd{font:inherit;text-align:center;color:#a1beb0;border:1px solid #76968e30;border-radius:3px;min-width:18px;margin-right:3px;padding:3px 4px;display:inline-block}.touch-controls{bottom:max(24px,env(safe-area-inset-bottom));z-index:5;touch-action:none;justify-content:center;gap:12px;display:flex;position:fixed;left:24px;right:24px}.touch-controls button{touch-action:none;color:#a9d5bc;-webkit-user-select:none;user-select:none;background:#142822a6;border:1px solid #9ac7b32d;border-radius:100px;width:68px;height:52px;font-size:28px}.touch-controls button:active,.touch-controls button.active{color:#10251d;background:#acd0b1}.touch-controls #boost{letter-spacing:.14em;width:132px;font:10px ui-monospace,monospace}.touch-controls #boost span{margin-left:12px;font-size:18px}.overlay{z-index:6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070e17d9;place-items:center;display:grid;position:fixed;inset:0}.result-panel{width:90vw;max-width:650px;padding:38px}.result-panel h2,#guide h2{letter-spacing:-.065em;margin:0 0 30px;font-size:clamp(43px,6vw,80px);font-weight:400;line-height:.99}.result-panel h2 em,#guide h2 em{color:#a8c7b3;font-style:normal}.result-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1.5fr 1fr 1fr;gap:20px;margin-bottom:20px;padding:22px 0;display:grid}.result-stats>div{flex-direction:column;gap:8px;display:flex}.result-stats strong{font-size:40px;font-weight:350}.result-stats span{letter-spacing:.08em;color:#75958b;font:8px ui-monospace,monospace}#result-note{color:#7d9b91;margin-bottom:26px;font-size:13px;line-height:1.5}.quiet-button{color:#77988c;background:0 0;padding:18px 0;font-size:11px}.result-panel .primary{width:100%}dialog{color:var(--light);background:#101f27;border:1px solid #78958c30;border-radius:5px;width:calc(100% - 32px);max-width:540px;max-height:calc(100dvh - 40px);padding:36px;box-shadow:0 30px 150px #0009}dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050b13b8}.close-guide{color:#85a099;background:0 0;font-size:28px;position:absolute;top:14px;right:20px}#guide .eyebrow{margin-bottom:18px}#guide h2{margin-bottom:12px;font-size:42px}.guide-orbit{height:120px}.guide-orbit svg{fill:none;stroke:#b2daca;stroke-width:1.5px;width:100%;height:100%}.guide-orbit circle{fill:#ecbd7d;stroke:none}.guide-orbit path{fill:#d9ecd8;stroke:none}#guide ol{color:#83a197;padding-left:20px;font-size:13px;line-height:1.65}#guide li{margin-bottom:13px;padding-left:6px}#guide li strong{color:#d4e4d8;font-weight:500}.guide-warning{color:#78968e;margin:19px 0 24px;font-size:11px;line-height:1.7}#guide .primary{width:100%;padding:13px 17px;font-size:12px}@media (width>=700px){.touch-controls{display:none!important}}@media (width<=699px){.masthead{top:22px;left:23px;right:23px}.wordmark{letter-spacing:.1em;gap:8px;font-size:9px}.wordmark svg{width:26px;height:26px}.header-actions{gap:15px}.header-actions button{font-size:8px}.welcome{inset:110px 28px 66px}.eyebrow{letter-spacing:.1em;margin-bottom:32px;font-size:8px}h1{margin-bottom:27px;font-size:clamp(76px,23.4vw,120px)}.premise{font-size:15px;line-height:1.6}.welcome .primary{min-width:220px;padding:16px 18px}.start-note{max-width:205px;font-size:9px}.welcome-bottom{gap:15px;font-size:7px;bottom:0}footer{font-size:7px;bottom:23px;left:25px;right:25px}footer span:last-child{display:none}.hud{inset:91px 24px auto}.score-block>strong{font-size:38px}.micro-label{letter-spacing:.06em;font-size:7px}.best{font-size:7px}.run-readout{gap:22px}.time-block strong,.combo-block strong{font-size:29px}.charge-block{gap:8px;font-size:7px;bottom:89px;left:50%;transform:translate(-50%)}.charge-block i{width:90px}.flight-help{white-space:normal;width:90%;bottom:115px}.flight-help>span{font-size:11px}.flight-help small{margin-top:7px;font-size:9px}.desktop-controls{display:none!important}.feedback{white-space:normal;text-align:center;width:90vw;max-width:90vw;font-size:9px;line-height:1.5;top:169px}.result-panel{padding:22px}.result-panel .eyebrow{margin-bottom:20px}.result-stats{gap:13px;padding:19px 0}.result-stats strong{font-size:31px}.result-stats span{font-size:7px}.result-panel h2{font-size:55px}dialog{padding:25px}#guide h2{font-size:36px}.guide-orbit{height:85px}#guide ol{font-size:12px}}@media (height<=700px) and (width>=700px){.welcome{top:105px}.welcome .eyebrow{margin-bottom:22px}h1{margin-bottom:25px;font-size:100px}.premise{margin-bottom:20px;font-size:16px}.welcome-bottom{display:none}.welcome .primary{padding:14px 18px}}@media (height<=740px) and (width<=699px){.welcome{top:90px}.eyebrow{margin-bottom:25px}h1{font-size:76px}.premise{font-size:13px}.welcome-bottom,.start-note{display:none}.result-panel h2{font-size:44px}.result-stats{padding:14px 0}.result-panel{padding:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.primary:hover{transform:none}}canvas:focus{outline:none}body{min-height:100dvh}@media (pointer:coarse){.touch-controls:not([hidden]){display:flex!important}.desktop-controls{display:none!important}.charge-block{bottom:89px;left:50%;transform:translate(-50%)}.flight-help{bottom:115px}}@media (height<=500px) and (width>=600px){.masthead{top:12px;left:28px;right:28px}.wordmark{font-size:9px}.wordmark svg{width:25px;height:25px}.header-actions{gap:20px}.welcome{grid-template-rows:22px auto auto;grid-template-columns:1fr 1fr;column-gap:32px;max-width:700px;display:grid;inset:76px 7vw 38px}.welcome .eyebrow{grid-area:1/1;align-self:start;margin:0;font-size:8px}.welcome h1{grid-area:2/1/span 2;align-self:start;margin:10px 0 0;font-size:78px}.welcome .premise{grid-area:1/2/span 2;align-self:end;margin:0 0 20px;font-size:14px}.welcome .primary{grid-area:3/2;align-self:start;min-width:210px;padding:12px 17px}.welcome .start-note,.welcome .welcome-bottom{display:none}.hud{inset:59px 28px auto}.score-block>strong{font-size:29px}.micro-label,.best{font-size:7px}.run-readout{gap:25px}.time-block strong,.combo-block strong{font-size:25px}.feedback{max-width:55vw;font-size:9px;top:99px}.flight-help{bottom:77px}.flight-help>span{font-size:10px}.flight-help small{margin-top:4px;font-size:8px}.charge-block{font-size:7px;bottom:61px}.charge-block i{width:70px}.touch-controls{gap:10px;bottom:13px}.touch-controls button{width:65px;height:40px;font-size:24px}.touch-controls #boost{width:110px;font-size:8px}.desktop-controls{bottom:20px}.result-panel{grid-template-columns:1fr 1fr;column-gap:30px;max-width:660px;padding:18px 32px;display:grid}.result-panel>.eyebrow{grid-column:1/-1;margin-bottom:12px;font-size:8px}.result-panel>h2{grid-column:1;margin:0 0 20px;font-size:42px}.result-stats{grid-area:2/2/4;align-self:start;gap:12px;margin:0;padding:10px 0}.result-stats strong{font-size:25px}.result-stats span{font-size:7px}.result-panel>#result-note{grid-column:1;margin:0 0 15px;font-size:10px}.result-panel>.primary{grid-area:4/2;min-width:0;padding:12px 17px;font-size:11px}.result-panel>.quiet-button{text-align:left;grid-area:4/1;padding:12px 0;font-size:10px}.result-panel>#resume{grid-row:3;align-self:start}.result-panel>#resume:not([hidden])~.quiet-button{grid-row:4}footer{font-size:7px;bottom:14px;left:28px;right:28px}#guide{max-width:600px;padding:22px}#guide h2{font-size:29px}.guide-orbit{display:none}#guide .eyebrow{font-size:8px}#guide ol{font-size:11px}#guide li{margin-bottom:8px}.guide-warning{margin:10px 0;font-size:10px}}