@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Rajdhani:wght@500;600;700&display=swap";:root{--ink:#f1f5fb;--ink-dim:#e1e9f5a3;--ink-faint:#e1e9f561;--glass:#090f1b80;--glass-strong:#080d18db;--line:#ffffff1a;--line-strong:#ffffff2e;--accent:#ffd34d;--good:#7dffa0;--bad:#ff7a6b;--form:#ffc24a;--display:"Rajdhani", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--text:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--top:max(14px, env(safe-area-inset-top));--bottom:max(14px, env(safe-area-inset-bottom));--side:max(14px, env(safe-area-inset-left));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font:14px/1.45 var(--text);-webkit-font-smoothing:antialiased;background:#0b1220;margin:0;overflow:hidden}#app canvas{touch-action:none;outline:none;display:block}#hud-canvas{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}button{font:inherit;color:inherit}kbd{border:1px solid var(--line-strong);min-width:1.7em;font:600 12px/1.4 var(--text);text-align:center;color:var(--ink);background:#ffffff12;border-bottom-width:2px;border-radius:5px;padding:1px 6px;display:inline-block}svg{width:100%;height:100%;display:block}.glass{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px)saturate(1.2);border-radius:14px;box-shadow:0 6px 24px #0000002e}#hud{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#hud>*{position:absolute}#form-badge{top:var(--top);left:var(--side);grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;min-width:196px;padding:10px 16px 10px 12px;display:grid}.form-icon{width:38px;height:38px;color:var(--form);filter:drop-shadow(0 0 10px color-mix(in srgb, var(--form) 45%, transparent));transition:color .4s}#form-name{font:700 22px/1 var(--display);letter-spacing:.14em;color:var(--ink)}#form-layer{color:var(--ink-dim);margin-top:3px;font-size:12px}#forms-row{border-top:1px solid var(--line);grid-column:1/-1;gap:6px;margin-top:8px;padding-top:8px;display:flex}.pip{width:22px;height:22px;color:var(--ink-faint);opacity:.45;border-radius:6px;padding:3px;transition:all .3s}.pip.found{opacity:1;color:var(--ink-dim)}.pip.current{color:var(--pc);background:color-mix(in srgb, var(--pc) 18%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pc) 55%, transparent)}#chain{top:var(--top);text-align:center;opacity:0;width:300px;transition:opacity .2s,transform .2s;left:50%;transform:translate(-50%)translateY(-8px)}#chain.show{opacity:1;transform:translate(-50%)}.ch-top{text-shadow:0 2px 14px #0000008c;justify-content:center;align-items:baseline;gap:12px;display:flex}#ch-mult{font:700 42px/1 var(--display);color:var(--accent)}#ch-mult.bump{animation:.35s ease-out bump}@keyframes bump{0%{transform:scale(1.5)}to{transform:scale(1)}}#ch-pts{font:700 24px/1 var(--display);letter-spacing:.04em}#ch-bar{background:#ffffff29;border-radius:2px;height:4px;margin:6px 34px;overflow:hidden}#ch-fill{background:linear-gradient(90deg, #ffb340, var(--accent));transform-origin:0;height:100%}#ch-forms{justify-content:center;gap:5px;display:flex}#ch-forms span{width:16px;height:16px;color:var(--ink-faint);opacity:.4;transition:all .3s}#ch-forms span.on{opacity:1;color:var(--pc);filter:drop-shadow(0 0 6px var(--pc))}#ch-live{min-height:20px;font:700 15px var(--display);letter-spacing:.1em;color:#8ff0ff;text-shadow:0 1px 8px #000000b3;margin-top:4px}#pops{top:calc(var(--top) + 122px);flex-direction:column;align-items:center;gap:2px;width:min(560px,100vw - 32px);display:flex;left:50%;transform:translate(-50%)}.pop{font:700 26px/1.15 var(--display);letter-spacing:.08em;white-space:nowrap;text-shadow:0 2px 14px #000000bf;animation:1.8s ease-out forwards popIn}.pop .pv{color:var(--accent);margin-left:10px}.pop.bonus{opacity:.92;font-size:17px}.pop.bank{color:var(--good);font-size:28px}.pop.bank .pv{color:var(--good)}.pop.mega{background:linear-gradient(90deg,#ff6b6b,#ffd34d,#6bff9e,#6bd5ff,#b06bff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:38px}.pop.drop{color:var(--bad);font-size:16px}.pop.gate{color:#fff;font-size:21px}@keyframes popIn{0%{opacity:0;transform:translateY(10px)scale(.7)}10%{opacity:1;transform:translateY(0)scale(1.12)}20%{transform:scale(1)}78%{opacity:1}to{opacity:0;transform:translateY(-14px)}}#score{top:var(--top);right:var(--side);text-align:right;min-width:150px;padding:10px 16px}.sc-k,.run-k,.r-k{font:600 11px var(--text);letter-spacing:.18em;color:var(--ink-dim)}#sc-total{font:700 32px/1.05 var(--display);letter-spacing:.02em}.sc-best{color:var(--ink-dim);font-size:11px}#sc-best{color:var(--ink);font-weight:600}#run{top:calc(var(--top) + 96px);right:var(--side);text-align:right;min-width:150px;padding:10px 16px}#run-time{font:700 30px/1.1 var(--display);letter-spacing:.03em}#run-gate{color:var(--ink-dim);font-size:12px}#run-delta{min-height:18px;font:700 15px var(--display)}#run-delta.ahead{color:var(--good)}#run-delta.behind{color:var(--bad)}#strata{left:var(--side);border-radius:12px;padding:5px;top:50%;transform:translateY(-50%)}#strata canvas{border-radius:8px;width:34px;height:300px;display:block}#cluster{left:50%;bottom:var(--bottom);grid-template-rows:auto auto;grid-template-columns:auto auto auto;align-items:center;column-gap:20px;padding:10px 22px;display:grid;transform:translate(-50%)}.cl-speed{justify-content:flex-end;align-items:baseline;gap:6px;min-width:132px;display:flex}#ro-spd{font:700 44px/1 var(--display);letter-spacing:.01em;font-variant-numeric:tabular-nums}.cl-speed .u{color:var(--ink-dim);font:600 13px var(--display);letter-spacing:.08em}.cl-col{gap:1px;min-width:112px;display:grid}.cl-row{align-items:baseline;gap:8px;display:flex}.cl-row .k{width:40px;color:var(--ink-faint);font:600 11px var(--text);letter-spacing:.12em}.cl-row .v{text-align:right;font:700 19px/1.15 var(--display);font-variant-numeric:tabular-nums;flex:1}.cl-row .u{width:18px;color:var(--ink-faint);font:600 11px var(--text)}#cl-bar{background:#ffffff21;border-radius:3px;grid-column:1/-1;height:5px;margin-top:8px;overflow:hidden}#cl-fill{background:var(--form);width:0;height:100%;box-shadow:0 0 10px var(--form);transition:background .4s}#cl-bar.boosting #cl-fill{background:linear-gradient(90deg, var(--form), #fff)}#cl-bar.empty{box-shadow:inset 0 0 0 1px #ff7a6bb3}#cl-bar-k{text-align:center;font:600 9px var(--text);letter-spacing:.24em;color:var(--ink-faint);grid-column:1/-1;margin-top:3px}#banner{opacity:0;pointer-events:none;flex-direction:column;align-items:center;display:flex;top:21%;left:50%;transform:translate(-50%)}#banner.show{animation:1.5s ease-out forwards banner}#banner.first{animation-duration:3.6s}.b-row{color:var(--form);align-items:center;gap:14px;display:flex}.b-row .bi{width:44px;height:44px;filter:drop-shadow(0 0 14px var(--form))}.b-name{font:700 46px/1 var(--display);letter-spacing:.28em;color:#fff;text-shadow:0 0 22px var(--form), 0 2px 12px #00000080}.b-layer{font:600 13px var(--text);letter-spacing:.3em;text-transform:uppercase;color:var(--ink);text-shadow:0 1px 8px #000000b3;margin-top:6px}@keyframes banner{0%{opacity:0;filter:blur(6px);transform:translate(-50%)scale(1.25)}12%{opacity:1;filter:blur();transform:translate(-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-10px)}}#announce{font:700 64px/1 var(--display);letter-spacing:.12em;white-space:nowrap;opacity:0;pointer-events:none;background:linear-gradient(100deg,#fff1b8,#ffc24a 30%,#ff7d6b 55%,#ff5cc8 75%,#9b8cff);color:#0000;filter:drop-shadow(0 4px 18px #00000073);-webkit-background-clip:text;background-clip:text;top:33%;left:50%;transform:translate(-50%)}#announce.show{animation:1.4s ease-out forwards announce}@keyframes announce{0%{opacity:0;transform:translate(-50%)scale(2.2)}14%{opacity:1;transform:translate(-50%)scale(.92)}24%{transform:translate(-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%)scale(1.06)}}#countdown{font:700 120px/1 var(--display);text-shadow:0 4px 30px #0009;top:40%;left:50%;transform:translate(-50%,-50%)}#countdown.tick{animation:.5s ease-out tick}@keyframes tick{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}50%{opacity:1}to{transform:translate(-50%,-50%)scale(1)}}#msg{left:50%;bottom:calc(var(--bottom) + 108px);text-align:center;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);opacity:0;border-radius:999px;max-width:calc(100vw - 32px);padding:8px 18px;font-size:14px;font-weight:500;transition:opacity .25s;transform:translate(-50%)}#msg.show{opacity:1}#toasts{right:var(--side);bottom:calc(var(--bottom) + 108px);flex-direction:column;align-items:flex-end;gap:8px;display:flex}.toast{background:#201806db;border:1px solid #ffd34d8c;border-radius:12px;grid-template-columns:26px 1fr;align-items:center;gap:2px 10px;max-width:300px;padding:10px 14px;animation:4.6s ease-out forwards toastIn;display:grid}.toast .ti{width:26px;height:26px;color:var(--accent);grid-row:span 2}.toast b{font:700 16px var(--display);letter-spacing:.06em;color:var(--accent)}.toast span{color:var(--ink-dim);font-size:12px}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}8%{opacity:1;transform:none}85%{opacity:1}to{opacity:0}}#hint{left:var(--side);bottom:var(--bottom);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);max-width:min(420px,34vw);color:var(--ink-dim);border-radius:12px;padding:9px 12px;font-size:12px;line-height:1.9;transition:opacity .6s}#hint.faded{opacity:0}#hint kbd{margin-right:2px}#hint .h-sep{width:10px;display:inline-block}#hint .h-dim{opacity:.65;font-size:11px}#stats{top:calc(var(--top) + 112px);left:var(--side);font:600 12px var(--text);color:var(--ink-dim);gap:8px;display:flex}#stats span{background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:4px 10px}#crystals{align-items:center;gap:6px;display:flex;color:var(--ink)!important}#crystals i{color:#7fe3ff;width:14px;height:14px}.icon-btn{pointer-events:auto;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);cursor:pointer;width:44px;height:44px;color:var(--ink);border-radius:12px;padding:10px}.icon-btn:hover{background:#ffffff1f}#menu-btn{right:var(--side);bottom:var(--bottom)}#flash{pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 50%, transparent 35%, var(--flash,#fff) 140%);position:fixed;top:0;bottom:0;left:0;right:0}#flash.go{animation:.55s ease-out flash}@keyframes flash{0%{opacity:.85}to{opacity:0}}.screen{-webkit-backdrop-filter:blur(4px);z-index:10;background:radial-gradient(at 50% 40%,#060c1a73,#03060ed1);place-items:center;padding:24px;animation:.25s ease-out fadeIn;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card{background:var(--glass-strong);border:1px solid var(--line-strong);border-radius:20px;width:min(560px,100%);padding:26px 30px 24px;box-shadow:0 24px 80px #00000073}.card.narrow{width:min(380px,100%)}.card.wide{width:min(900px,100%)}.card h2{font:700 28px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px}.card h3{font:700 15px var(--display);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;margin:0 0 8px;display:flex}.small{color:var(--ink-dim);margin:10px 0 0;font-size:12.5px}.menu{gap:8px;display:grid}.menu.row{justify-content:flex-end;margin-top:18px;display:flex}.menu button{pointer-events:auto;text-align:left;border:1px solid var(--line);font:600 17px var(--display);letter-spacing:.08em;cursor:pointer;background:#ffffff0d;border-radius:12px;padding:12px 18px;transition:background .15s,transform .15s,border-color .15s}.menu button:hover{border-color:var(--line-strong);background:#ffffff1c;outline:none;transform:translate(3px)}.menu button:focus-visible{border-color:var(--line-strong);background:#ffffff1c;outline:none;transform:translate(3px)}.menu button.primary{color:#1d1405;background:linear-gradient(135deg,#ffe07a,#ffb340);border-color:#0000;font-weight:700}.menu button.primary:hover{filter:brightness(1.07)}.menu button.primary:focus-visible{filter:brightness(1.07)}.menu.row button{text-align:center;min-width:120px}#pause .in-run,#pause.running .no-run{display:none}#pause.running .in-run{display:block}#intro{-webkit-backdrop-filter:none;background:linear-gradient(90deg,#030710db 0%,#0307108c 45%,#03071026 100%);grid-template-columns:minmax(0,560px) minmax(0,420px);place-content:center space-between;gap:32px;padding:6vh 6vw}.title-card{gap:4px;display:grid}.logo{font:700 clamp(64px, 10vw, 128px)/.9 var(--display);letter-spacing:.16em;background:linear-gradient(100deg,#fff1b8 0%,#ffc24a 28%,#ff7d6b 52%,#ff5cc8 70%,#9b8cff 100%);color:#0000;filter:drop-shadow(0 6px 30px #ff8c5a40);-webkit-background-clip:text;background-clip:text}.tag{color:var(--ink);font:500 19px var(--text);opacity:.9;margin:6px 0 14px}.forms-strip{gap:14px;margin:4px 0 24px;display:flex}.forms-strip .fs{font:600 11px var(--text);letter-spacing:.12em;color:var(--ink-dim);animation:6s infinite glowCycle;animation-delay:calc(var(--i) * 1s);justify-items:center;gap:4px;display:grid}.forms-strip .fs i{width:34px;height:34px;color:var(--pc)}@keyframes glowCycle{0%,12%{filter:drop-shadow(0 0 10px var(--pc));color:var(--ink);transform:translateY(-3px)}20%,to{filter:none;transform:none}}#intro .menu{width:min(320px,100%)}#intro-best:empty,.rotate-hint{display:none}@media (orientation:portrait){body.touch .rotate-hint{display:block}}.rules-card{background:#080d189e;border-radius:18px;padding:20px 22px}.rules{gap:8px;margin:4px 0 6px;padding:0;list-style:none;display:grid}.rules li{grid-template-columns:26px 1fr;align-items:center;gap:10px;font-size:13.5px;display:grid}.ri{width:22px;height:22px;color:var(--pc,var(--ink));flex:none;display:inline-block}.card h3 .ri{width:18px;height:18px}#course-list{margin-top:14px}.course-btn{grid-template-columns:1fr auto;align-items:baseline;gap:2px 14px;display:grid!important}.course-btn b{font:700 19px var(--display);letter-spacing:.08em}.course-btn .cb-best{font:600 15px var(--display);color:var(--ink-dim)}.course-btn .cb-sub{font:500 12px var(--text);letter-spacing:0;color:var(--ink-faint);grid-column:1/-1}.course-btn.primary .cb-best,.course-btn.primary .cb-sub{color:#1d1405b3}.set-grid{grid-template-columns:150px 1fr;align-items:center;gap:12px 18px;display:grid}.set-grid label{color:var(--ink-dim);font-weight:500}.seg{border:1px solid var(--line);background:#ffffff0f;border-radius:11px;flex-wrap:wrap;justify-self:start;gap:4px;padding:3px;display:flex}.seg button{pointer-events:auto;color:var(--ink-dim);font:600 13px var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 12px}.seg button:hover{color:var(--ink)}.seg button.on{background:var(--accent);color:#1d1405}input[type=range]{pointer-events:auto;width:100%;accent-color:var(--accent)}.cols{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px;display:grid}.cols p{color:var(--ink-dim);margin:0;font-size:13px;line-height:1.9}.tricks-h{margin-top:18px!important}.tricks{color:var(--ink-dim);margin:0;font-size:13px}#lb-summary{color:var(--ink-dim);margin-bottom:14px;font-size:13px}#lb-summary b{color:var(--ink)}#lb-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px 18px;max-height:min(56vh,520px);padding-right:4px;display:grid;overflow:auto}.lb{color:var(--ink-dim);border-radius:10px;grid-template-columns:22px 1fr;gap:8px;padding:6px 8px;font-size:12.5px;display:grid}.lb .tick{border:1px solid var(--line-strong);border-radius:6px;place-items:center;width:20px;height:20px;font-size:12px;display:grid}.lb b{color:var(--ink);font:700 15px var(--display);letter-spacing:.05em;display:block}.lb.done{background:#ffd34d14}.lb.done .tick{background:var(--accent);color:#1d1405;border-color:#0000}.lb.done b{color:var(--accent)}#results{pointer-events:none;z-index:5;place-items:center;padding-top:18vh;display:none;position:fixed;top:0;bottom:0;left:0;right:0}#results.show{display:grid}#results .card{text-align:center;animation:.5s ease-out resIn}@keyframes resIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:none}}#r-medal{font:700 40px/1.2 var(--display);letter-spacing:.12em}#r-time{font:700 56px/1 var(--display)}#r-best{color:var(--ink-dim);margin-top:6px}#r-splits{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:12px;display:flex}#r-splits span{font:600 11px var(--mono);color:var(--ink-dim);background:#ffffff0f;border-radius:6px;padding:2px 6px}#r-splits span.ahead{color:var(--good)}#r-splits span.behind{color:var(--bad)}#touch{pointer-events:none;z-index:4;position:fixed;top:0;bottom:0;left:0;right:0}.stick{left:calc(var(--side) + 18px);bottom:calc(var(--bottom) + 18px);border:1px solid var(--line-strong);pointer-events:auto;touch-action:none;background:#ffffff12;border-radius:50%;width:150px;height:150px;position:absolute}.stick .knob{background:#ffffff38;border:1px solid #ffffff59;border-radius:50%;width:62px;height:62px;margin:-31px 0 0 -31px;position:absolute;top:50%;left:50%}#tbuttons{right:calc(var(--side) + 14px);bottom:calc(var(--bottom) + 70px);grid-template-columns:70px 70px;gap:10px;display:grid;position:absolute}#tthrottle{right:calc(var(--side) + 164px);bottom:calc(var(--bottom) + 70px);gap:10px;display:grid;position:absolute}.tb{pointer-events:auto;touch-action:none;border:1px solid var(--line-strong);min-width:70px;height:62px;color:var(--ink);font:700 15px var(--display);letter-spacing:.1em;background:#ffffff17;border-radius:16px}.tb.on{background:#ffd34d59}.tb-boost{grid-column:1/-1}@media (max-width:1240px){#hint{bottom:calc(var(--bottom) + 96px)}}@media (max-width:760px){#intro{grid-template-columns:1fr;align-content:start;padding:28px 20px}.rules-card{display:none}.forms-strip{gap:8px}#strata,#hint,#ch-forms{display:none}#form-badge{min-width:0;padding:8px 12px 8px 10px}#forms-row{display:none}.form-icon{width:30px;height:30px}#form-name{font-size:18px}#score{min-width:0;padding:8px 12px}#sc-total{font-size:24px}#chain{top:calc(var(--top) + 64px)}#cluster{bottom:calc(var(--bottom) + 2px);column-gap:12px;padding:8px 14px}#ro-spd{font-size:34px}.cl-col{min-width:92px}#cl-flight{display:none}.b-name{font-size:34px}#announce{font-size:44px}#pops{top:calc(var(--top) + 150px)}.pop{font-size:21px}.set-grid{grid-template-columns:1fr;gap:6px}.set-grid label{margin-top:8px}}body.touch #hint{display:none}body.touch #menu-btn{top:calc(var(--top) + 84px);bottom:auto}body.touch #cluster{bottom:auto;top:calc(var(--top) + 2px);transform-origin:top;transform:translate(-50%)scale(.82)}body.touch #chain{top:calc(var(--top) + 86px)}body.touch #pops{top:calc(var(--top) + 170px)}@media (max-height:520px){#strata,#forms-row,#hint{display:none}#form-badge{min-width:0;padding:7px 12px 7px 10px}.form-icon{width:28px;height:28px}#form-name{font-size:17px}#form-layer{margin-top:1px;font-size:11px}#score{min-width:0;padding:6px 12px}#sc-total{font-size:22px}#run{top:calc(var(--top) + 64px);padding:6px 12px}#run-time{font-size:22px}#cluster{padding:6px 14px}#ro-spd{font-size:32px}.cl-row .v{font-size:16px}#chain{top:calc(var(--top) + 70px)}#ch-mult{font-size:32px}#pops{top:calc(var(--top) + 140px)}.pop{font-size:19px}.b-name{font-size:30px}#banner{top:26%}#announce{font-size:40px}#msg{bottom:calc(var(--bottom) + 8px);font-size:12px}.card{padding:18px 20px}.card h2{margin-bottom:10px;font-size:22px}.menu button{padding:9px 14px;font-size:15px}#intro{padding:18px 24px}.logo{font-size:56px}.tag{margin-bottom:6px;font-size:15px}.forms-strip{margin-bottom:12px}.stick{width:128px;height:128px}.tb{min-width:62px;height:54px}#tbuttons{bottom:calc(var(--bottom) + 12px);grid-template-columns:62px 62px}#tthrottle{right:calc(var(--side) + 154px);bottom:calc(var(--bottom) + 12px)}}