:root{--ink:#05060e;--cyan:#5cf2ff;--amber:#ffc247;--hazard:#ff2d55;--violet:#a06bff;--bone:#e8edff;--mono:ui-monospace, "SF Mono", "Roboto Mono", Menlo, monospace;--ui:-apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Segoe UI", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--ink);height:100%;color:var(--bone);font-family:var(--ui);overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none}canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.ic{flex:none;font-style:normal;line-height:1;display:block}#meta span,.sub,.btn,.skin .tag{justify-content:center;align-items:center;gap:6px;display:flex}#hud{pointer-events:none;padding:calc(env(safe-area-inset-top) + 14px) 16px 0;position:fixed;inset:0}#score{font-family:var(--mono);letter-spacing:-2px;text-align:center;color:var(--bone);text-shadow:0 0 24px #5cf2ff59;font-size:52px;font-weight:700;line-height:1}#meta{letter-spacing:.18em;text-transform:uppercase;opacity:.42;font-size:11px;font-family:var(--mono);justify-content:space-between;margin-top:6px;display:flex}#combo{left:0;right:0;top:calc(env(safe-area-inset-top) + 84px);text-align:center;font-family:var(--mono);letter-spacing:.16em;color:var(--amber);opacity:0;font-size:15px;transition:opacity .18s;position:fixed}#combo.on{opacity:1}.panel{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05060edb;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:32px;display:flex;position:fixed;inset:0}.panel.hide{display:none}#menu{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#05060ef2 0%,#05060eeb 34%,#05060e8c 44%,#05060e00 52%);justify-content:flex-start;gap:16px;padding-top:9vh}.row{gap:12px;display:flex}.row .btn{margin-top:0}.title{letter-spacing:.34em;text-indent:.34em;text-align:center;background:linear-gradient(180deg,var(--cyan),var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:46px;font-weight:800}@media (width<=420px){.title{letter-spacing:.22em;text-indent:.22em;font-size:32px}}.kicker{font-family:var(--mono);letter-spacing:.3em;opacity:.5;text-transform:uppercase;font-size:11px}.btn{pointer-events:auto;min-width:96px;color:var(--cyan);letter-spacing:.1em;font-size:19px;line-height:1;font-family:var(--mono);cursor:pointer;background:#5cf2ff14;border:1px solid #5cf2ff80;border-radius:999px;margin-top:14px;padding:15px 34px;transition:transform .12s,background .2s}.btn:active{background:#5cf2ff2e;transform:scale(.96)}.btn.ghost{color:#e8edffb3;background:0 0;border-color:#e8edff38}.btn.gold{color:var(--amber);letter-spacing:.16em;background:#ffc24717;border-color:#ffc2478c;padding:14px 26px;font-size:13px}.final{font-family:var(--mono);letter-spacing:-3px;font-size:68px;font-weight:700;line-height:1}.sub{font-family:var(--mono);letter-spacing:.2em;opacity:.45;font-size:12px}#sound{top:calc(env(safe-area-inset-top) + 12px);z-index:2;pointer-events:auto;color:#e8edff99;cursor:pointer;background:0 0;border:1px solid #e8edff29;border-radius:50%;width:34px;height:34px;font-size:14px;position:fixed;right:14px}.skin-row{gap:10px;margin-top:6px;display:flex}.skin{pointer-events:auto;cursor:pointer;background:#e8edff0a;border:1px solid #e8edff29;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;font-size:22px;line-height:1;transition:transform .12s,border-color .2s;display:flex;position:relative}.skin:active{transform:scale(.94)}.skin.on{border-color:var(--cyan);background:#5cf2ff1f;box-shadow:0 0 18px #5cf2ff40}.skin.locked{opacity:.42}.skin .tag{white-space:nowrap;font-family:var(--mono);letter-spacing:.06em;opacity:.7;color:var(--amber);gap:3px;font-size:8px;position:absolute;bottom:-17px;left:50%;transform:translate(-50%)}.bar{background:#e8edff1f;border-radius:2px;width:180px;height:3px;margin:10px 0 2px;position:relative}.bar i{background:var(--cyan);border-radius:2px;width:0;height:100%;transition:width .5s ease-out;display:block}.bar b{color:#e8edff40;font-size:13px;position:absolute;top:-7px;right:-20px}.bar.new i{background:var(--amber)}.bar.new b{color:var(--amber);text-shadow:0 0 12px var(--amber)}@media (prefers-reduced-motion:reduce){.btn,.skin{transition:none}}