:root{--bg:#04060c;--panel:#060b16e0;--ink:#eaf4ff;--dim:#7f95b3;--accent:#7fe3ff;--gold:#ffe27a;--tg-button:var(--accent);--tg-button-text:#04202e;--tg-link:var(--accent);--tg-text:var(--ink);--tg-hint:var(--dim);--tg-bg-secondary:#74748029;--ui-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}#root{height:var(--app-h,100%)}body{background:var(--bg);color:var(--ink);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}.app{justify-content:center;align-items:stretch;height:100%;display:flex}.stage{width:100%;max-width:100vw;height:100%;position:relative;overflow:hidden}.game-canvas{touch-action:none;width:100%;height:100%;display:block}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hud{z-index:3;height:max(var(--band-top,0px), 58px);padding:calc(var(--safe-top) + 6px) calc(var(--safe-right) + var(--band-side,0px) + 16px) 6px calc(var(--safe-left) + var(--band-side,0px) + 16px);pointer-events:none;text-shadow:0 1px 3px #000000bf;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;top:0;left:0;right:0}.hud-side{flex-direction:column;line-height:1;display:flex}.hud-side-right{align-items:flex-end}.hud-score{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.hud-floor{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.hud-label{color:var(--dim);letter-spacing:.14em;text-transform:uppercase;margin-top:3px;font-size:11px}.hud-combo{color:var(--gold);white-space:nowrap;align-items:baseline;gap:8px;display:flex;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.hud-combo-main{letter-spacing:.06em;font-size:19px;font-weight:700}.hud-combo-main em{opacity:.75;font-style:normal}.hud-combo-bonus{font-variant-numeric:tabular-nums;opacity:.85;font-size:13px}.primary,.ghost,.icon-button,.dev-button{cursor:pointer;pointer-events:auto;touch-action:manipulation}.primary,.ghost{font-family:var(--ui-font);letter-spacing:-.43px;border:0;border-radius:12px;justify-content:center;align-items:center;font-size:17px;font-weight:600;line-height:22px;display:inline-flex}.primary{background:var(--tg-button);min-width:190px;height:50px;color:var(--tg-button-text);padding:0 24px}.ghost{background:#7fe3ff1f;background:color-mix(in srgb, var(--tg-button) 12%, transparent);min-width:96px;height:44px;color:var(--tg-link);padding:0 18px}.primary:active,.ghost:active{opacity:.75}.primary[disabled],.ghost[disabled]{color:#ebebf54d;cursor:default;background:#7474801f}.button-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.icon-button{z-index:4;color:var(--tg-text);font-family:var(--ui-font);letter-spacing:-.08px;background:#04060c8c;border:0;border-radius:10px;padding:7px 12px;font-size:13px;font-weight:600;line-height:18px;position:absolute}.pause-button{top:calc(max(var(--band-top,0px), 58px) + 8px);right:calc(var(--safe-right) + var(--band-side,0px) + 12px)}.overlay{z-index:5;padding:calc(var(--safe-top) + 24px) 24px calc(var(--safe-bottom) + 24px);text-align:center;background:var(--panel);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.title{letter-spacing:.16em;color:var(--accent);text-shadow:0 0 26px #7fe3ff59;margin:0;font-size:clamp(34px,11vw,62px);font-weight:800}.tagline,.hint,.best-line{max-width:32ch;color:var(--tg-hint);margin:0}.best-line strong{color:var(--tg-text);font-variant-numeric:tabular-nums}.tagline,.hint{font-family:var(--ui-font);letter-spacing:-.08px;font-size:13px;line-height:18px}.hint{line-height:1.55}.hint-dim{opacity:.7}.menu-controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.overlay h2{font-family:var(--ui-font);letter-spacing:-.45px;color:var(--tg-text);margin:0;font-size:20px;font-weight:600;line-height:25px}.new-best{color:var(--gold);letter-spacing:.24em;margin:0;font-size:22px;font-weight:800;animation:1.1s ease-in-out infinite pulse}.final-score{font-variant-numeric:tabular-nums;margin:0;font-size:clamp(48px,16vw,82px);font-weight:800;line-height:1}.result{font-family:var(--ui-font);letter-spacing:-.08px;grid-template-columns:auto auto;gap:3px 16px;margin:0;font-size:13px;line-height:18px;display:grid}.result dt{color:var(--tg-hint);text-align:right}.result dd{text-align:left;font-variant-numeric:tabular-nums;margin:0}@keyframes pulse{50%{opacity:.45}}.touch-layer{z-index:2;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.touch-hints{pointer-events:none;opacity:.34;transition:opacity .16s ease-out;position:absolute;inset:0}.touch-layer[data-press] .touch-hints{opacity:.6}.touch-hint{bottom:calc(var(--safe-bottom) + 18%);color:#eaf4ffbf;letter-spacing:.1em;background:#08101e59;border:1px solid #eaf4ff47;border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;font-size:15px;font-weight:700;transition:background-color .11s ease-out,border-color .11s ease-out,color .11s ease-out,transform .11s ease-out;display:flex;position:absolute}.touch-hint-left{left:7%}.touch-hint-right{left:30%}.touch-hint-jump{border-radius:28px;width:104px;height:56px;font-size:13px;right:12%}.touch-layer[data-press~=left] .touch-hint-left,.touch-layer[data-press~=right] .touch-hint-right,.touch-layer[data-press~=jump] .touch-hint-jump{color:#f0fafffa;background:#7fe3ff33;border-color:#7fe3ffcc;transform:scale(1.07)}.zone-caption{left:50%;bottom:calc(var(--safe-bottom) + 18% + 92px);max-width:34ch;color:var(--tg-hint);font-family:var(--ui-font);letter-spacing:-.08px;text-align:center;text-shadow:0 1px 3px #000c;pointer-events:none;margin:0;font-size:13px;line-height:18px;animation:7s ease-out forwards caption-fade;position:absolute;transform:translate(-50%)}.tilt-hint{left:50%;bottom:calc(var(--safe-bottom) + 22%);max-width:30ch;color:var(--tg-text);font-family:var(--ui-font);letter-spacing:-.08px;text-align:center;pointer-events:none;background:#04060c99;border:0;border-radius:10px;margin:0;padding:8px 14px;font-size:13px;line-height:18px;position:absolute;transform:translate(-50%)}@keyframes caption-fade{0%,70%{opacity:1}to{opacity:0}}.toast{z-index:5;left:50%;bottom:calc(var(--safe-bottom) + 12%);max-width:32ch;color:var(--tg-text);font-family:var(--ui-font);letter-spacing:-.08px;text-align:center;pointer-events:none;background:#04060ce0;border:0;border-radius:10px;padding:10px 16px;font-size:13px;line-height:18px;animation:.18s ease-out toast-in;position:absolute;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.setting-row,.setting-block{flex-direction:column;align-items:center;gap:8px;width:min(340px,100%);display:flex}.setting-label{color:var(--tg-hint);font-family:var(--ui-font);letter-spacing:-.08px;text-transform:uppercase;font-size:13px;font-weight:400;line-height:16px}.setting-note{max-width:32ch;color:var(--tg-hint);font-family:var(--ui-font);letter-spacing:-.08px;margin:0;font-size:13px;line-height:18px}.segmented{background:var(--tg-bg-secondary);border-radius:9px;gap:2px;width:100%;padding:2px 3px;display:flex}.segment{min-width:0;height:28px;color:var(--tg-text);font-family:var(--ui-font);letter-spacing:-.08px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:7px;flex:1 1 0;padding:0 8px;font-size:13px;font-weight:600;line-height:18px;overflow:hidden}.segment.is-active{background:#636366;box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a}.segment[disabled]{opacity:.35;cursor:default}@media (prefers-reduced-motion:reduce){.touch-hints,.touch-hint{transition:none}.touch-layer[data-press~=left] .touch-hint-left,.touch-layer[data-press~=right] .touch-hint-right,.touch-layer[data-press~=jump] .touch-hint-jump{transform:none}.zone-caption,.toast,.new-best{animation:none}}.week-chip{background:#7fe3ff1f;background:color-mix(in srgb, var(--tg-button) 12%, transparent);color:var(--tg-link);font-family:var(--ui-font);letter-spacing:-.08px;border:0;border-radius:999px;margin:0;padding:5px 12px;font-size:13px;line-height:18px}.week-chip.is-offline{background:var(--tg-bg-secondary);color:var(--tg-hint)}.submit-note{color:var(--tg-hint);font-family:var(--ui-font);letter-spacing:-.08px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 10px;margin:0;font-size:13px;line-height:18px;display:flex}.submit-note strong{color:var(--tg-text);font-variant-numeric:tabular-nums;letter-spacing:-.43px;font-size:17px;font-weight:600}.submit-note.is-ranked strong{color:var(--tg-link)}.submit-note.is-bad{color:#ffb4a2}.submit-note.is-practice{color:var(--gold)}.submit-sub{color:var(--tg-hint);font-size:13px}.hud-practice{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;opacity:.85;font-size:10px;position:absolute;top:calc(100% - 2px);left:50%;transform:translate(-50%)}.overlay-stale{z-index:7;gap:12px}.dev-panel{z-index:6;right:calc(var(--safe-right) + 8px);bottom:calc(var(--safe-bottom) + 8px);max-width:min(320px,90vw);color:var(--dim);background:#04060cdb;border:1px solid #7f95b34d;border-radius:8px;flex-direction:column;gap:3px;padding:8px 10px;font-size:11px;line-height:1.5;display:flex;position:absolute}.dev-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.dev-button{font:inherit;color:var(--accent);background:0 0;border:1px solid #7f95b366;border-radius:5px;padding:3px 7px;font-size:11px}.dev-message{color:var(--ink);overflow-wrap:anywhere}.overlay-leaderboard{padding:calc(var(--safe-top) + 18px) 16px calc(var(--safe-bottom) + 18px);justify-content:flex-start;gap:10px}.lb-header{flex-direction:column;align-items:center;gap:4px;display:flex}.lb-week-line{color:var(--tg-hint);font-family:var(--ui-font);letter-spacing:-.08px;align-items:baseline;gap:10px;margin:0;font-size:13px;line-height:18px;display:flex}.lb-week-sub{color:var(--tg-link)}.lb-weeks{scrollbar-width:none;align-self:stretch;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.lb-weeks::-webkit-scrollbar{display:none}.lb-week{background:var(--tg-bg-secondary);height:30px;color:var(--tg-hint);font-family:var(--ui-font);letter-spacing:-.08px;white-space:nowrap;cursor:pointer;touch-action:manipulation;border:0;border-radius:999px;flex:none;padding:0 14px;font-size:13px;font-weight:600;line-height:18px}.lb-week.is-active{background:#7fe3ff29;background:color-mix(in srgb, var(--tg-button) 16%, transparent);color:var(--tg-link)}.lb-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;align-self:stretch;min-height:0;overflow-y:auto}.lb-list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.lb-row{color:var(--tg-text);font-family:var(--ui-font);letter-spacing:-.23px;text-align:left;background:#0c14248c;border:1px solid #0000;border-radius:10px;grid-template-columns:2.6em 1fr auto auto;align-items:baseline;gap:10px;padding:9px 12px;font-size:15px;line-height:20px;display:grid}.lb-rank{color:var(--tg-hint);font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-floor{color:var(--tg-hint);font-variant-numeric:tabular-nums;font-size:13px}.lb-score{font-variant-numeric:tabular-nums;font-weight:600}.lb-row.is-gold .lb-rank{color:var(--gold)}.lb-row.is-silver .lb-rank,.lb-row.is-bronze .lb-rank{color:var(--tg-text)}.lb-row.is-me{background:#7fe3ff1f;background:color-mix(in srgb, var(--tg-button) 14%, transparent);border-color:#0000}.lb-you{color:var(--tg-link);letter-spacing:-.08px;text-transform:uppercase;margin-left:8px;font-size:11px;font-style:normal}.lb-pinned{border-top:1px solid #7f95b340;align-self:stretch;padding-top:6px}.lb-state{color:var(--tg-hint);font-family:var(--ui-font);letter-spacing:-.08px;text-align:center;margin:18px 0;font-size:13px;line-height:1.6}.lb-state.is-bad{flex-direction:column;align-items:center;gap:10px;display:flex}.lb-you-none{margin:6px 0 0;font-size:12px}.lb-total{color:var(--tg-hint);font-family:var(--ui-font);letter-spacing:-.08px;text-transform:uppercase;margin:0;font-size:13px;line-height:16px}