*{box-sizing:border-box}html,body{background:var(--letterbox,#000);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:hidden}#game{position:fixed;inset:0}#game canvas{display:block}[hidden]{display:none!important}.ui-root{z-index:1;pointer-events:none;position:fixed;inset:0}.safe-probe{visibility:hidden;width:0;height:0;padding-top:max(env(safe-area-inset-top,0px), var(--safe-area-inset-top,0px));padding-right:max(env(safe-area-inset-right,0px), var(--safe-area-inset-right,0px));padding-bottom:max(env(safe-area-inset-bottom,0px), var(--safe-area-inset-bottom,0px));padding-left:max(env(safe-area-inset-left,0px), var(--safe-area-inset-left,0px));position:fixed;top:0;left:0}.stage{padding:var(--inset-top,0px) var(--inset-right,0px) var(--inset-bottom,0px) var(--inset-left,0px);position:absolute}:root{--letterbox:#150f1f;--field:#251a38;--cream:#fff4dc;--lime:#9be564;--lime-dark:#5fa832;--citrus:#ffb627;--citrus-dark:#b97a0a;--tomato:#ff5d5d;--berry:#b94dff;--ink:#150f1f;--text:#fff4dc;--text-dim:#fff4dcad;--font:ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}body{color:var(--text);font-family:var(--font)}.hud{pointer-events:none;position:absolute;inset:0}.hud-pause{left:calc(var(--inset-left,0px) + var(--u,1px) * 12);top:calc(var(--inset-top,0px) + var(--u,1px) * 12);width:calc(var(--u,1px) * 38);height:calc(var(--u,1px) * 38);justify-content:center;align-items:center;gap:calc(var(--u,1px) * 5);pointer-events:auto;cursor:pointer;touch-action:manipulation;background:#fff4dc24;border:0;border-radius:50%;min-width:40px;min-height:40px;display:flex;position:absolute}.hud-pause i{width:calc(var(--u,1px) * 5);height:calc(var(--u,1px) * 15);border-radius:calc(var(--u,1px) * 2);background:var(--cream)}.hud-score{left:0;right:0;top:calc(var(--inset-top,0px) + var(--u,1px) * 8);text-align:center;font-size:calc(var(--u,1px) * 50);font-variant-numeric:tabular-nums;text-shadow:0 calc(var(--u,1px) * 3) 0 #0000004d;font-weight:900;line-height:1;position:absolute}.hud-meta{left:0;right:0;top:calc(var(--inset-top,0px) + var(--u,1px) * 62);justify-content:center;align-items:center;gap:calc(var(--u,1px) * 10);font-size:calc(var(--u,1px) * 15);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-variant-numeric:tabular-nums;font-weight:800;display:flex;position:absolute}.hud-meta.is-low .hud-meta-label{color:var(--tomato)}.strikes{gap:calc(var(--u,1px) * 5);display:flex}.strike{width:calc(var(--u,1px) * 12);height:calc(var(--u,1px) * 12);border:calc(var(--u,1px) * 2.5) solid var(--tomato);border-radius:50%}.strike.is-lost{background:var(--tomato)}.gauge{left:calc(var(--u,1px) * 30);right:calc(var(--u,1px) * 30);top:calc(var(--inset-top,0px) + var(--u,1px) * 92);height:calc(var(--u,1px) * 16);background:#fff4dc1f;border-radius:999px;position:absolute;overflow:hidden}.gauge-zone{background:linear-gradient(90deg,#9be5648c,#9be564d9,#9be5648c);transition:left .4s,width .4s;position:absolute;top:0;bottom:0}.gauge-center{width:calc(var(--u,1px) * 2);margin-left:calc(var(--u,1px) * -1);background:var(--cream);position:absolute;top:0;bottom:0;left:50%}.gauge-marker{top:calc(var(--u,1px) * -2);bottom:calc(var(--u,1px) * -2);width:calc(var(--u,1px) * 6);margin-left:calc(var(--u,1px) * -3);background:var(--citrus);box-shadow:0 0 calc(var(--u,1px) * 6) var(--citrus);border-radius:999px;position:absolute}.gauge-label{left:0;right:0;top:calc(var(--inset-top,0px) + var(--u,1px) * 112);text-align:center;font-size:calc(var(--u,1px) * 11);letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase;font-weight:700;position:absolute}.hud-combo{left:50%;top:calc(var(--inset-top,0px) + var(--u,1px) * 132);padding:calc(var(--u,1px) * 3) calc(var(--u,1px) * 12);background:var(--lime);color:var(--ink);font-size:calc(var(--u,1px) * 13);opacity:0;border-radius:999px;font-weight:900;transition:opacity .2s;position:absolute;transform:translate(-50%)}.hud-combo.is-on{opacity:1}.hint{left:0;right:0;bottom:calc(var(--inset-bottom,0px) + var(--u,1px) * 56);text-align:center;font-size:calc(var(--u,1px) * 15);color:var(--text-dim);font-weight:800;animation:1.6s ease-in-out infinite pulse;position:absolute}.flash{pointer-events:none;text-align:center;white-space:nowrap;flex-direction:column;align-items:center;animation:1.3s cubic-bezier(.2,.8,.3,1) both float-up;display:flex;position:absolute;transform:translate(-50%,-50%)}.flash-text{font-size:calc(var(--u,1px) * 34);text-transform:uppercase;letter-spacing:.02em;text-shadow:0 calc(var(--u,1px) * 3) 0 #00000059;font-weight:900}.flash-sub{font-size:calc(var(--u,1px) * 18);font-variant-numeric:tabular-nums;text-shadow:0 calc(var(--u,1px) * 2) 0 #00000059;font-weight:800}.flash-perfect .flash-text{color:var(--lime)}.flash-great .flash-text{color:var(--citrus)}.flash-good .flash-text{color:var(--cream)}.flash-miss .flash-text,.flash-bomb .flash-text{color:var(--tomato)}.flash-cancel .flash-text{color:var(--text-dim);font-size:calc(var(--u,1px) * 22)}.flash-cancel .flash-sub{display:none}.toast{left:50%;bottom:calc(var(--inset-bottom,0px) + var(--u,1px) * 40);padding:calc(var(--u,1px) * 9) calc(var(--u,1px) * 18);background:var(--cream);color:var(--ink);font-size:calc(var(--u,1px) * 14);white-space:nowrap;pointer-events:none;z-index:5;border-radius:999px;font-weight:800;position:absolute;transform:translate(-50%)}.screen{padding:calc(var(--u,1px) * 24 + var(--inset-top,0px)) calc(var(--u,1px) * 24 + var(--inset-right,0px)) calc(var(--u,1px) * 24 + var(--inset-bottom,0px)) calc(var(--u,1px) * 24 + var(--inset-left,0px));pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.screen:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);background:#150f1fc7;animation:.25s ease-out both fade-in;position:fixed;inset:0}.screen-light:before{-webkit-backdrop-filter:none;backdrop-filter:none;background:#150f1f4d}.screen-top{justify-content:flex-start}.panel{text-align:center;align-items:center;gap:calc(var(--u,1px) * 14);flex-direction:column;width:100%;animation:.3s cubic-bezier(.2,.9,.3,1) both rise;display:flex}.title{font-size:calc(var(--u,1px) * 54);text-transform:uppercase;color:var(--cream);text-shadow:0 calc(var(--u,1px) * 4) 0 #00000059;margin:0;font-weight:900;line-height:.92}.tagline{margin:calc(var(--u,1px) * -4) 0 calc(var(--u,1px) * 12);font-size:calc(var(--u,1px) * 15);color:var(--text-dim);font-weight:700}.heading{font-size:calc(var(--u,1px) * 42);text-transform:uppercase;margin:0;font-weight:900;line-height:1}.heading-small{font-size:calc(var(--u,1px) * 26)}.heading-bad{color:var(--tomato)}.detail{max-width:90%;font-size:calc(var(--u,1px) * 16);color:var(--text);margin:0;font-weight:700}.detail:empty{display:none}.meta{font-size:calc(var(--u,1px) * 13);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin:0;font-weight:800}.meta.is-new-best{color:var(--citrus)}.note{max-width:92%;font-size:calc(var(--u,1px) * 12);color:var(--text-dim);margin:0;font-weight:700}.big-score{font-size:calc(var(--u,1px) * 84);font-variant-numeric:tabular-nums;text-shadow:0 calc(var(--u,1px) * 4) 0 #00000059;font-weight:900;line-height:1}.stats{gap:calc(var(--u,1px) * 28);display:flex}.stat{align-items:center;gap:calc(var(--u,1px) * 2);flex-direction:column;display:flex}.stat-label{font-size:calc(var(--u,1px) * 11);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-weight:800}.stat-value{font-size:calc(var(--u,1px) * 24);font-variant-numeric:tabular-nums;font-weight:900}.earned{align-items:center;gap:calc(var(--u,1px) * 12);padding:calc(var(--u,1px) * 8) calc(var(--u,1px) * 18);background:#ffb62729;border-radius:999px;font-weight:800;display:flex}.earned.is-doubled{background:#9be56438}.earned-label{font-size:calc(var(--u,1px) * 12);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.earned-amount{font-size:calc(var(--u,1px) * 24)}.actions{align-items:center;gap:calc(var(--u,1px) * 12);width:100%;margin-top:calc(var(--u,1px) * 6);flex-direction:column;display:flex}.actions,.menu-row{animation:.35s step-end both arm}.coin{width:calc(var(--u,1px) * 18);height:calc(var(--u,1px) * 18);background:radial-gradient(circle at 35% 30%, #fff1a8, var(--citrus) 55%, var(--citrus-dark));box-shadow:inset 0 0 0 calc(var(--u,1px) * 2) #7d500059;border-radius:50%;flex:none;display:inline-block}.coin-amount{align-items:center;gap:calc(var(--u,1px) * 6);font-variant-numeric:tabular-nums;font-weight:900;display:inline-flex}.coins-pill{padding:calc(var(--u,1px) * 6) calc(var(--u,1px) * 14);font-size:calc(var(--u,1px) * 18);background:#fff4dc24;border-radius:999px;align-items:center;display:inline-flex}.screen>.coins-pill{right:calc(var(--u,1px) * 16 + var(--inset-right,0px));top:calc(var(--u,1px) * 14 + var(--inset-top,0px));position:absolute}.btn{appearance:none;justify-content:center;align-items:center;gap:calc(var(--u,1px) * 3);font-family:inherit;font-weight:900;font-size:calc(var(--u,1px) * 20);letter-spacing:.02em;width:min(100%, calc(var(--u,1px) * 270));min-height:48px;padding:calc(var(--u,1px) * 14) calc(var(--u,1px) * 24);cursor:pointer;touch-action:manipulation;border:0;border-radius:999px;flex-direction:column;line-height:1;transition:transform 80ms ease-out,box-shadow 80ms ease-out,opacity .15s;display:flex}.btn-big{padding:calc(var(--u,1px) * 13) calc(var(--u,1px) * 24);font-size:calc(var(--u,1px) * 24)}.btn-sub{font-size:calc(var(--u,1px) * 12);letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-weight:800}.btn-lime{background:var(--lime);color:var(--ink);box-shadow:0 calc(var(--u,1px) * 5) 0 var(--lime-dark)}.btn-citrus{background:var(--citrus);color:var(--ink);box-shadow:0 calc(var(--u,1px) * 5) 0 var(--citrus-dark)}.btn-berry{background:var(--berry);color:var(--cream);box-shadow:0 calc(var(--u,1px) * 5) 0 #7a2aa8}.btn-lime:active,.btn-citrus:active,.btn-berry:active{transform:translateY(calc(var(--u,1px) * 4));box-shadow:0 calc(var(--u,1px) * 1) 0 #0000004d}.btn-ghost{color:var(--cream);box-shadow:inset 0 0 0 calc(var(--u,1px) * 2.5) #fff4dc80;background:0 0}.btn-ghost:active{transform:scale(.97)}.btn-link{color:var(--text-dim);font-size:calc(var(--u,1px) * 15);text-underline-offset:calc(var(--u,1px) * 3);background:0 0;width:auto;text-decoration:underline}.btn-small{width:auto;min-width:calc(var(--u,1px) * 96);min-height:40px;padding:calc(var(--u,1px) * 9) calc(var(--u,1px) * 16);font-size:calc(var(--u,1px) * 15)}.btn:disabled,.btn.is-poor{opacity:.45;cursor:default;box-shadow:none}.btn.is-done{background:var(--lime)}.btn-toggle{color:var(--cream);box-shadow:inset 0 0 0 calc(var(--u,1px) * 2.5) #fff4dc4d;background:#fff4dc1f}.btn-toggle.is-on{background:var(--lime);color:var(--ink);box-shadow:0 calc(var(--u,1px) * 5) 0 var(--lime-dark)}.btn:focus{outline:none}.btn:focus-visible{outline:calc(var(--u,1px) * 3) solid var(--cream);outline-offset:calc(var(--u,1px) * 3)}.menu-row{gap:calc(var(--u,1px) * 12);margin-top:calc(var(--u,1px) * 4);display:flex}.menu-row .btn{width:auto;min-width:calc(var(--u,1px) * 120);font-size:calc(var(--u,1px) * 16);padding:calc(var(--u,1px) * 12) calc(var(--u,1px) * 18)}.logo-art{width:calc(var(--u,1px) * 120);height:calc(var(--u,1px) * 70);position:relative}.logo-half{width:calc(var(--u,1px) * 64);height:calc(var(--u,1px) * 64);background:radial-gradient(circle at 50% 50%, #ffe08a 0 52%, #ffc24d 53% 70%, var(--citrus) 71%);box-shadow:inset 0 0 0 calc(var(--u,1px) * 4) #d9780a;border-radius:50%;position:absolute;top:0}.logo-half-a{left:calc(var(--u,1px) * 8);clip-path:inset(0 50% 0 0);transform:translateX(calc(var(--u,1px) * -6)) rotate(-8deg);animation:3s ease-in-out infinite bob}.logo-half-b{left:calc(var(--u,1px) * 38);clip-path:inset(0 0 0 50%);transform:translateX(calc(var(--u,1px) * 6)) rotate(8deg);animation:3s ease-in-out -1.5s infinite bob}.bar{justify-content:space-between;align-items:center;gap:calc(var(--u,1px) * 10);width:100%;margin-bottom:calc(var(--u,1px) * 12);display:flex}.scroll{overscroll-behavior:contain;touch-action:pan-y;width:100%;min-height:0;padding-bottom:calc(var(--u,1px) * 16);scrollbar-width:none;flex:1;overflow-y:auto}.scroll::-webkit-scrollbar{display:none}.skin-grid{gap:calc(var(--u,1px) * 10);grid-template-columns:1fr 1fr;display:grid}.skin-card{align-items:stretch;gap:calc(var(--u,1px) * 8);padding:calc(var(--u,1px) * 10);border-radius:calc(var(--u,1px) * 16);box-shadow:inset 0 0 0 calc(var(--u,1px) * 2) var(--rarity,#fff4dc33);--rarity:#b8b0c8;background:#fff4dc12;flex-direction:column;display:flex}.skin-card.rarity-rare{--rarity:#4dabf7}.skin-card.rarity-epic{--rarity:var(--berry)}.skin-card.rarity-legendary{--rarity:var(--citrus)}.skin-card.is-equipped{background:#9be5641f}.skin-art{border-radius:calc(var(--u,1px) * 10);padding:calc(var(--u,1px) * 4);background:#150f1f99}.skin-preview{width:100%;height:auto;display:block}.skin-head{align-items:flex-start;gap:calc(var(--u,1px) * 3);text-align:left;flex-direction:column;display:flex}.skin-name{font-size:calc(var(--u,1px) * 15);font-weight:900}.rarity-chip{font-size:calc(var(--u,1px) * 10);letter-spacing:.12em;text-transform:uppercase;color:var(--rarity);font-weight:900}.skin-card .btn{width:100%}.spinner{width:calc(var(--u,1px) * 52);height:calc(var(--u,1px) * 52);border:calc(var(--u,1px) * 6) solid #fff4dc33;border-top-color:var(--lime);border-radius:50%;animation:.9s linear infinite spin}@keyframes fade-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(calc(var(--u,1px) * 14))}}@keyframes bob{50%{translate:0 calc(var(--u,1px) * 5)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45}}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-30%)scale(.7)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}30%{transform:translate(-50%,-52%)scale(1)}to{opacity:0;transform:translate(-50%,-110%)scale(1)}}@keyframes arm{0%{pointer-events:none}to{pointer-events:auto}}@media (prefers-reduced-motion:reduce){.logo-half,.spinner,.panel,.hint,.screen:before{animation:none}}