:root{--bg: #070912;--panel: rgba(255, 255, 255, .05);--line: rgba(255, 255, 255, .11);--text: #eef1fa;--muted: #8e97b4;--accent: #4de1c1;--gold: #ffcf4d;--danger: #ff5876}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:radial-gradient(900px 620px at 18% -8%,rgba(77,225,193,.16),transparent 62%),radial-gradient(760px 540px at 88% 6%,rgba(140,108,255,.16),transparent 60%),var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}.screen{height:100%;display:flex;flex-direction:column}.screen[hidden]{display:none}.menu-inner{margin:auto;width:min(760px,92vw);max-height:100%;overflow-y:auto;padding:32px 4px;text-align:center}h1{font-size:clamp(38px,8vw,68px);letter-spacing:.06em;line-height:1.1}h1 em{font-style:normal;background:linear-gradient(100deg,var(--gold),var(--danger));-webkit-background-clip:text;background-clip:text;color:transparent}h2{font-size:clamp(24px,5vw,34px);margin-bottom:18px}.tagline{color:var(--muted);margin:14px 0 30px;font-size:clamp(14px,2.4vw,17px)}.levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;text-align:left}.level-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 16px 14px;cursor:pointer;color:inherit;font:inherit;transition:transform .14s ease,border-color .14s ease,background .14s ease}.level-card:hover:not(:disabled){transform:translateY(-3px);border-color:var(--accent);background:#4de1c117}.level-card:disabled{opacity:.45;cursor:not-allowed}.level-card .lv{font-size:12px;letter-spacing:.16em;color:var(--accent)}.level-card .name{font-size:21px;font-weight:700;margin:4px 0 6px}.level-card .desc{font-size:13px;color:var(--muted);line-height:1.5}.level-card .sample{margin-top:10px;font-size:12px;color:#ffffff6b;font-style:italic}.level-card .best{margin-top:10px;font-size:12px;color:var(--gold)}.footnote{margin-top:26px;font-size:12.5px;color:#ffffff5c;line-height:1.7}.notice{background:#ff58761f;border:1px solid rgba(255,88,118,.4);color:#ffc2cd;border-radius:12px;padding:13px 16px;font-size:13.5px;line-height:1.65;margin-bottom:22px;text-align:left}.notice[hidden]{display:none}.hud{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px clamp(12px,3vw,26px);border-bottom:1px solid var(--line);flex:0 0 auto}.hud-group{display:flex;align-items:center;gap:clamp(12px,3vw,22px)}.stat{display:flex;flex-direction:column;line-height:1.15}.stat label{font-size:10.5px;letter-spacing:.15em;color:var(--muted)}.stat b{font-size:clamp(19px,4vw,26px);font-variant-numeric:tabular-nums}.mic{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 12px;white-space:nowrap}.mic.live{color:var(--accent);border-color:#4de1c180;animation:pulse 1.7s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #4de1c152}50%{box-shadow:0 0 0 7px #4de1c100}}.lives{font-size:15px;letter-spacing:2px;white-space:nowrap}.stage{position:relative;flex:1 1 auto;min-height:0}canvas{display:block;width:100%;height:100%}.frenzy{position:absolute;top:14px;left:50%;transform:translate(-50%);background:linear-gradient(100deg,var(--gold),var(--danger));color:#1a1005;font-weight:700;font-size:13px;letter-spacing:.08em;padding:6px 18px;border-radius:999px}.frenzy[hidden]{display:none}.toast{position:absolute;left:50%;bottom:5%;transform:translate(-50%);min-width:190px;max-width:90vw;text-align:center;padding:11px 20px;border-radius:13px;background:#0a0d1ae6;border:1px solid var(--line);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:rise .22s ease}.toast[hidden]{display:none}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.toast .headline{font-size:17px;font-weight:700}.toast .sub{font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.55}.toast.perfect{border-color:#ffcf4d8c}.toast.perfect .headline{color:var(--gold)}.toast.close{border-color:#5db3ff8c}.toast.close .headline{color:#7cc4ff}.toast.miss{border-color:#ff58768c}.toast.miss .headline{color:var(--danger)}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;margin-bottom:22px}.summary div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:13px 8px}.summary label{display:block;font-size:11px;color:var(--muted);letter-spacing:.1em}.summary b{font-size:23px;font-variant-numeric:tabular-nums}.review{text-align:left;margin-bottom:24px}.review h3{font-size:14px;font-weight:600;color:var(--muted);margin-bottom:10px}.review-list{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 13px;cursor:pointer;color:inherit;font:inherit;text-align:left;transition:border-color .14s ease,background .14s ease}.chip:hover{border-color:var(--accent);background:#4de1c117}.chip .w{font-size:15px;font-weight:700}.chip .p{font-size:11.5px;color:var(--muted);margin-left:7px}.chip.missed .w{color:#ffb0be}.chip.close .w{color:#9ad2ff}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}button.primary,button.ghost{font:inherit;cursor:pointer;border-radius:11px;padding:11px 26px;transition:transform .12s ease,opacity .12s ease}button.primary{background:linear-gradient(100deg,var(--accent),#63b3ff);color:#04121a;font-weight:700;border:none}button.ghost{background:transparent;border:1px solid var(--line);color:var(--text);padding:8px 16px;font-size:13px}button.primary:hover,button.ghost:hover{transform:translateY(-2px)}