:root{color:#edf3ff;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1020;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}#app{max-width:640px;padding:18px max(14px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom));margin:auto}header{justify-content:space-between;align-items:center;display:flex}small{letter-spacing:2px;color:#9baecc;font-size:10px}h1{margin:6px 0 18px;font-size:28px}button,.file,select,input[type=number]{font:inherit;color:#fff;background:#202d48;border:1px solid #3d4b68;border-radius:12px;min-height:48px;padding:10px 14px}button,.file,summary{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #63eed8}.setup,nav{flex-wrap:wrap;gap:8px;display:flex}.setup>*{text-align:center;flex:1}.file{background:#245a57;justify-content:center;align-items:center;display:flex;position:relative}.file input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}#message{color:#b5c5df;min-height:40px;font-size:13px;line-height:1.5}#game{background:#101729;border:1px solid #35415d;border-radius:16px;overflow:hidden}.hud{font-variant-numeric:tabular-nums;justify-content:space-between;padding:10px;font-size:12px;display:flex}#track{touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;width:100%;height:clamp(280px,49dvh,560px)}canvas{display:block}.lane-labels{color:#8094b5;font-size:12px;display:flex}.lane-labels span{text-align:center;width:25%}#feedback{text-align:center;color:#cfddf4;min-height:40px;padding:10px;font-size:13px}nav{margin:12px 0}nav button{flex:1}#play{color:#0b2525;background:#63eed8;font-weight:700}details{border-top:1px solid #2b3752;padding:12px 0;font-size:14px;line-height:1.6}summary{min-height:44px;padding:10px 0}details label{align-items:center;gap:12px;margin:10px 0;display:flex}input[type=number]{width:110px}input[type=checkbox]{width:24px;height:24px}details button{margin:4px}pre{background:#080d18;max-height:350px;padding:12px;font-size:11px;overflow:auto}.mint{color:#63eed8}.gold{color:#ffce70}.purple{color:#a59aff}.pink{color:#ff8eae}.immersive .setup,.immersive header h1,.immersive #message,.immersive details{display:none}.immersive #track{height:70dvh}.immersive #app{padding-top:env(safe-area-inset-top)}@media (width<=380px){button,.file{padding:8px;font-size:13px}h1{font-size:24px}}[hidden]{display:none!important}.editor-launch,.editor-actions{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.editor-launch button,.editor-actions>*{flex:1;min-width:0}.editor-actions label{align-items:center;gap:4px;font-size:12px;display:flex}.editor-actions select{min-width:70px;padding:8px}.editor-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.editor-heading span{color:#b5c5df;text-align:right;font-size:11px}button:disabled{opacity:.4;cursor:default}button[aria-pressed=true]{background:#294c56;outline:2px solid #63eed8}.recording{background:#a52f57!important}#editor-bottom h2{font-size:18px}#editor-bottom h3{font-size:16px}#editor-bottom label{align-items:center;gap:8px;margin:8px 0;display:flex}#editor-bottom input:not([type=checkbox]){min-width:0;max-width:100%;min-height:48px;font:inherit;border:1px solid #40506c;border-radius:8px;padding:8px}#editor-bottom input[type=range]{flex:1}#level-title{width:100%}#editor-help,#warnings{color:#bac8dd;font-size:13px;line-height:1.5}.note-list{gap:8px;max-height:240px;display:grid;overflow:auto}.note-item{text-align:left;font-size:13px}.level-card{border:1px solid #40506c;border-radius:12px;flex-wrap:wrap;gap:8px;margin:8px 0;padding:12px;display:flex}.level-card strong{overflow-wrap:anywhere;width:100%}.library h2{font-size:18px}#note-edit{border-left:3px solid #63eed8;padding-left:10px}.editing #app{padding-top:8px}.editing header,.editing .setup,.editing .editor-launch,.editing #message{display:none}.editing #game~nav,.editing #app>details,.editing #overlay{display:none!important}.editing #track{height:clamp(240px,38dvh,420px)}.editing #feedback{display:none}.editing #message{min-height:0;margin:4px 0;font-size:12px;display:block}.editing .editor-launch{display:flex}.editing #editor-top{position:relative}.editing .hud{font-size:11px}.editing #editor-bottom>.editor-actions{z-index:2;background:#0b1020;padding:8px 0;position:sticky;bottom:0}.editing #editor-bottom>.editor-actions button{padding:8px;font-size:12px}.editing #editor-top button{padding:8px;font-size:13px}.editing #editor-top .editor-actions{margin:6px 0}#editor-debug{white-space:pre-wrap;max-width:100%}#back-editor{width:100%;margin:8px 0}#choose-audio,.editing #create-level{display:none}.editing #choose-audio{display:block}.editing #editor-top{z-index:3;background:#0b1020;padding:6px 0;position:sticky;top:0}.mode-launch{background:#245a57;width:100%;margin:6px 0}.mode-choice{border:1px solid #35415d;border-radius:12px;align-items:center;gap:12px;min-height:56px;margin:8px 0;padding:10px;display:flex}.mode-choice input{flex-shrink:0;width:24px;height:24px}.mode-choice span{overflow-wrap:anywhere}#mode-picker button,#mode-result button{margin:6px 4px 6px 0}#mode-picker p,#mode-result p{overflow-wrap:anywhere;line-height:1.5}#mode-hud{background:#17243b;border:1px solid #40506c;border-radius:12px;gap:5px;margin:8px 0;padding:12px;font-size:13px;display:grid}#mode-hud strong{font-size:15px}#mode-hud progress{accent-color:#63eed8;width:100%;height:18px;display:block}#mode-hud p{margin:3px 0}#mode-actions{gap:8px;display:flex}#mode-actions button{flex:1}#mode-result{background:#17243b;border:1px solid #63eed8;border-radius:12px;padding:14px}#mode-result h2{margin:4px 0 10px;font-size:24px}#mode-diagnostic pre{white-space:pre-wrap}body.mode-playing .setup,body.mode-playing .editor-launch,body.mode-playing #open-modes,body.mode-playing #app>nav:not(#mode-actions),body.mode-playing #app>details:not(#mode-diagnostic),body.mode-playing #overlay,body.mode-playing #back-editor{display:none!important}body.mode-playing #mode-diagnostic{display:block!important}body.mode-playing #game .hud,body.mode-playing #feedback{display:none}body.mode-playing #track{height:clamp(230px,48dvh,480px)}body.mode-playing header h1{margin:4px 0;font-size:22px}body.mode-playing header small{font-size:9px}body.mode-playing #message,.editing #open-modes{display:none}body.mode-playing.mode-results #game,body.mode-playing.mode-results #mode-actions{display:none!important}body.mode-playing #mode-hud span{overflow-wrap:anywhere}#sync-panel{margin:1rem 0}#sync-panel input{box-sizing:border-box;width:100%;min-height:44px;margin:8px 0 16px;display:block}#sync-panel button{overflow-wrap:anywhere;max-width:100%;min-height:48px;margin:4px 0}#sync-library section{border-bottom:1px solid #334155;padding:12px 0}#sync-library h3,#sync-library p{overflow-wrap:anywhere}#profiles-panel,#pwa-update{border:1px solid #6b7890;border-radius:10px;margin:12px 0;padding:12px}#profiles-panel section{border-bottom:1px solid #6b7890;padding:12px 0}#profiles-panel input,#profiles-panel button{box-sizing:border-box;width:100%;min-height:44px;margin:4px 0}#profiles-panel summary{cursor:pointer;overflow-wrap:anywhere;min-height:44px}#leaderboard p{overflow-wrap:anywhere}.active-profile{border-left:4px solid #70d8ff;padding-left:8px;font-weight:700}#profiles-panel input{font-size:16px}body.mode-playing #pwa-update{z-index:10;pointer-events:none;background:#101729;border:none;width:max-content;max-width:calc(100vw - 16px);margin:4px 0;padding:4px 12px;font-size:12px;position:fixed;top:0;left:50%;transform:translate(-50%)}body.mode-playing #pwa-update p{margin:0}body.mode-playing #pwa-update button{display:none}:root{color:#edf6ff;--accent:#8df3df;--surface:#121e33;--border:#30435c;background:#080e20;font-family:Segoe UI,system-ui,sans-serif}body{background:radial-gradient(at 0 0,#183a47 0,#0000 45rem),#080e20}#app{max-width:640px;padding-top:max(24px, env(safe-area-inset-top))}h1{letter-spacing:-1px;font-size:34px;font-weight:750}h2,h3{letter-spacing:-.4px}p{color:#b6c9dd}button,.file,select,input:not([type=checkbox]):not([type=range]){border-color:var(--border);background:#192a42;border-radius:14px;max-width:100%;box-shadow:inset 0 1px #ffffff08}button{font-weight:600;transition:background .13s,border-color .13s}button:hover{background:#223b52;border-color:#6f99ab}button:active{background:#305066}.file,#open-modes,#play{color:#082b30;background:linear-gradient(125deg,#a0f5df,#67d8d3);border-color:#a0f5df}#open-modes{min-height:56px;margin:12px 0;font-size:16px}#message{font-size:14px}#game{border-color:#3a5367;border-radius:22px;position:relative;box-shadow:0 18px 70px #0005}#feedback{color:#a8dacf}#app>details,.level-card,#mode-picker,#mode-result,#editor-bottom,.library,#profiles-panel,#sync-panel{border:1px solid var(--border);background:linear-gradient(150deg,#17253a,#101b2f);border-radius:18px;margin:12px 0;padding:14px}#app>details>summary{color:#d9eafa;font-weight:600}#app>details p{font-size:13px}#app>details label{flex-wrap:wrap}#app>details select{flex:1;min-width:110px}input{color:#edf6ff;font:inherit}.level-card{box-shadow:inset 3px 0 #75cabb}.level-card button{flex:1;min-width:90px}.mode-choice{background:#0b182b;border-color:#35495f}#mode-picker>button{min-width:44px}#mode-result{text-align:center;border-color:#73b9ad;padding:24px 18px;box-shadow:0 0 70px #5de8c413}#mode-result h2{color:#b0ffe9;letter-spacing:2px;margin:18px 0;font-size:clamp(30px,8vw,44px)}#mode-result .result-points{color:#fff;font-variant-numeric:tabular-nums;margin:18px 0;font-size:38px;font-weight:750}#mode-result button{width:100%;margin:6px 0}#mode-result button:first-of-type{color:#12332f;background:#99efda}.result-kicker{text-transform:uppercase;letter-spacing:3px;color:#a8c9d5;font-size:11px}body.mode-playing{background:#080e20;overflow:hidden}body.mode-playing #app{max-width:none;padding:0}body.mode-playing header,body.mode-playing .lane-labels{display:none}body.mode-playing #game{box-shadow:none;border:0;border-radius:0;position:fixed;inset:0}body.mode-playing #track{width:100%;height:100dvh}body.mode-playing #mode-hud{z-index:3;top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));pointer-events:none;background:linear-gradient(120deg,#0b1529e8,#101c3070);border:1px solid #7797b52b;border-radius:16px;gap:4px;margin:0;padding:10px 12px;font-size:11px;position:fixed;right:72px}body.mode-playing #mode-hud strong{font-size:12px;font-weight:650}body.mode-playing #mode-stats{color:#dffdf5;font-variant-numeric:tabular-nums;font-size:14px}body.mode-playing #mode-hud>span:first-of-type{display:none}body.mode-playing #mode-hud progress{height:5px;margin-top:5px}body.mode-playing #mode-actions{z-index:5;top:max(14px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));margin:0;display:block;position:fixed}body.mode-playing #mode-pause{background:#15253ae8;min-width:48px;padding:10px;font-size:12px}body.mode-playing #mode-quit{display:none}body.mode-playing #mode-diagnostic{z-index:6;bottom:max(2px, env(safe-area-inset-bottom));background:0 0;border:0;margin:0;padding:0;position:fixed;right:8px;display:block!important}body.mode-playing #mode-diagnostic summary{opacity:0;width:44px;min-height:44px;font-size:0}body.mode-playing #mode-diagnostic:focus-within summary,body.mode-playing #mode-diagnostic[open] summary{opacity:1;width:auto;font-size:10px}body.mode-playing #mode-diagnostic[open]{background:#081122ed;max-width:calc(100% - 16px)}body.mode-playing #mode-diagnostic pre{pointer-events:none;max-height:24dvh;margin:0}#visual-combo{z-index:2;pointer-events:none;text-align:center;color:#edfff7;letter-spacing:-1px;text-shadow:0 0 24px #77f2cf60;font-size:36px;font-weight:750;position:fixed;top:24dvh;left:0;right:0}#visual-combo small{color:#a9d7d5;letter-spacing:4px;font-size:9px;display:block}#mode-verdict{z-index:2;text-align:center;color:#dbfff3;pointer-events:none;letter-spacing:2px;width:100%;font-size:12px;position:fixed;bottom:12dvh}#pause-sheet{z-index:4;background:#050d1bd9;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}#pause-sheet>div{text-align:center;background:linear-gradient(140deg,#1c3546,#111b30);border:1px solid #647e8e;border-radius:24px;width:min(360px,100%);padding:28px}#pause-sheet h2{margin:8px 0;font-size:30px}#pause-sheet button{width:100%;margin:12px 0;display:block}#pause-resume{color:#0c2c2b;background:#a0f5df}body.mode-paused #mode-actions{width:min(260px,100% - 90px);top:calc(50% - 92px);left:50%;right:auto;transform:translate(-50%)}body.mode-paused #mode-pause,body.mode-paused #mode-quit{width:100%;margin:12px 0;display:block}body.mode-paused #mode-pause{color:#0c2c2b;background:#a0f5df;font-size:16px}body.mode-playing.mode-results{overflow:auto}body.mode-results #mode-hud,body.mode-results #visual-combo,body.mode-results #mode-verdict{display:none!important}body.mode-results #app{max-width:520px;padding:max(24px, env(safe-area-inset-top)) 14px 24px}body.mode-results #mode-result{z-index:2;margin-top:5dvh;position:relative}body.mode-results #mode-diagnostic{margin:16px;position:relative}body.mode-results #mode-diagnostic summary{opacity:1;width:auto;font-size:12px}body.mode-results #pwa-update{display:none}.editing #game{box-shadow:none;border-radius:14px}.editing #editor-bottom{padding:12px}.editing #editor-top{border-radius:12px}@media (width<=350px){#app{padding-left:10px;padding-right:10px}h1{font-size:29px}body.mode-playing #mode-hud{padding:9px;left:10px;right:67px}body.mode-playing #mode-stats{font-size:12px}body.mode-playing #mode-hud strong{font-size:11px}}@media (prefers-reduced-motion:no-preference){#mode-result{animation:.22s ease-out reward-in}body.mode-playing:not(.mode-results) #mode-heading{animation:.16s ease-out reward-in}@keyframes reward-in{0%{opacity:.6}to{opacity:1}}}body.reduced-effects *,body.reduced-effects :before,body.reduced-effects :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}body.visual-lab #mode-hud,body.visual-lab #mode-actions,body.visual-lab #mode-diagnostic{display:none!important}#visual-lab{z-index:8;bottom:max(6px, env(safe-area-inset-bottom));background:#0b172be8;border:1px solid #426075;border-radius:14px;flex-wrap:wrap;align-items:center;gap:5px;padding:8px;display:flex;position:fixed;left:10px;right:10px}#visual-lab label{color:#a6c6d3;flex-direction:column;font-size:9px;display:flex}#visual-lab select,#visual-lab button{border-radius:9px;min-height:44px;padding:6px;font-size:11px}#lab-heading{z-index:3;top:max(24px, env(safe-area-inset-top));pointer-events:none;gap:8px;display:grid;position:fixed;left:20px;right:20px}#lab-heading small{color:#9fbfcf}#lab-heading strong{font-size:16px}#lab-heading span{color:#bad5df;font-size:12px}body.mode-playing #app>:not(#game):not(#mode-hud):not(#mode-actions):not(#mode-result):not(#mode-diagnostic):not(#pause-sheet):not(#visual-combo):not(#mode-verdict):not(#visual-lab):not(#lab-heading):not(#lab-combo):not(#lab-verdict):not(#pwa-update){display:none!important}#lab-combo{z-index:2;pointer-events:none;text-align:center;color:#edfff7;letter-spacing:-1px;text-shadow:0 0 24px #77f2cf60;font-size:36px;font-weight:750;position:fixed;top:24dvh;left:0;right:0}#lab-combo small{color:#a9d7d5;letter-spacing:4px;font-size:9px;display:block}#lab-verdict{z-index:2;text-align:center;color:#dbfff3;pointer-events:none;letter-spacing:2px;width:100%;font-size:12px;position:fixed;bottom:12dvh}input[type=text],input:not([type]),input[type=url],input[type=password]{border:1px solid var(--border);border-radius:12px;padding:10px 12px}body.mode-paused #mode-actions{width:100%;margin-top:22px;position:static;transform:none}body.mode-paused #mode-pause,body.mode-paused #mode-quit{margin:10px 0 0}#pause-sheet>div{padding:28px 24px}#pause-sheet h2{font-size:28px}#result-leaderboard{text-align:left;border-top:1px solid #456071;margin-top:22px;padding-top:12px}#mode-result[data-outcome=success] #result-title:before{content:"✦";background:radial-gradient(#54b9a132,#54b9a105);border:1px solid #8ce7cd;border-radius:24px;place-items:center;width:76px;height:76px;margin:0 auto 20px;font-size:48px;display:grid;box-shadow:0 0 35px #73e3c51a}body.mode-playing #mode-diagnostic summary,body.mode-paused #mode-diagnostic pre,body.mode-results #mode-diagnostic pre{pointer-events:auto}#visual-lab{flex-wrap:nowrap;gap:4px;padding:6px}#visual-lab label{flex:1;min-width:0}#visual-lab select{width:100%;min-width:0;padding:4px;font-size:10px}#visual-lab button{flex:0 0 44px;width:44px;padding:4px}#visual-combo,#lab-combo{top:16dvh}#visual-settings label{min-height:48px}body.mode-playing #mode-verdict{bottom:max(18px, env(safe-area-inset-bottom));font-size:11px}#lab-verdict{display:none}#visual-lab{background:#0b172bf2;display:block}#visual-lab details{border:0;padding:0}#visual-lab summary{min-height:44px;padding:12px;font-size:11px}.lab-controls{flex-wrap:wrap;gap:6px;display:flex}#visual-lab .lab-controls label{min-width:74px}#profiles-panel form,#profiles-panel section{gap:.65rem;margin:.8rem 0;display:grid}#profiles-panel input,#profiles-panel select{box-sizing:border-box;width:100%;min-height:44px}#profiles-panel label{overflow-wrap:anywhere}#profiles-panel button{white-space:normal;min-height:44px}.mode-playing #profiles-panel,.mode-paused #profiles-panel,.mode-results #profiles-panel{display:none}.editing #editor-top .editor-actions>label{flex:120px}.editing #editor-top .editor-actions>button{flex:80px}body.mode-playing #mode-diagnostic{pointer-events:none}body.mode-playing #mode-diagnostic summary{pointer-events:auto}