.shell{background:radial-gradient(120% 80% at 50% -10%, #152033 0%, transparent 55%), var(--bg);flex-direction:column;min-height:100%;display:flex}.shell.mode-academy{background:radial-gradient(110% 70% at 50% -8%, #1a2a22 0%, transparent 55%), var(--bg)}.shell.mode-daily{background:radial-gradient(110% 70% at 50% -8%, #2a2418 0%, transparent 55%), var(--bg)}.mode-switch{border:1px solid var(--line);border-radius:10px;gap:4px;padding:2px;display:flex}.mode-chip{color:var(--muted);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:0 0;border:none;border-radius:8px;padding:6px 8px;font-size:.72rem}.mode-chip.is-active{color:var(--fg);background:#1a2230}.mode-chip:disabled{opacity:.45;cursor:default}.top{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.brand{letter-spacing:.02em;font-weight:700}.badge{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9rem}.stage{flex-direction:column;flex:1;align-items:center;gap:12px;padding:0 16px 24px;display:flex}.prompt{text-align:center;width:100%;max-width:420px;margin:0;font-size:1.15rem}.hint{text-align:center;color:var(--muted);width:100%;max-width:420px;margin:0;font-size:.85rem}.actions{justify-content:center;gap:12px;width:100%;max-width:420px;display:flex}.dir{border:1px solid var(--line);width:72px;height:56px;color:var(--fg);cursor:pointer;background:#121821;border-radius:14px;font-size:1.4rem}.dir:disabled{opacity:.45;cursor:default}.dir:not(:disabled):active{border-color:var(--accent);transform:scale(.96)}.chart-wrap{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;max-width:420px;min-height:220px;display:flex}.chart-wrap.is-busy{opacity:.92}.chart-wrap.is-awaiting .chart{cursor:pointer;box-shadow:0 0 0 1px #3d9cf059}.chart{border:1px solid var(--line);cursor:grab;touch-action:none;border-radius:12px;width:100%;max-width:420px;height:auto}.feedback{text-align:center;width:100%;max-width:420px;min-height:1.3em;margin:0;font-weight:600}.feedback-hit{color:#3dcf8e}.feedback-miss{color:#e35d6a}.feedback-idle{color:var(--fg);font-size:1.05rem;font-weight:600}.status{color:var(--muted);justify-content:space-between;align-items:center;padding:10px 16px 18px;font-size:.8rem;display:flex}.ver{font-variant-numeric:tabular-nums;opacity:.85}.echo-card{border:1px solid var(--line);box-sizing:border-box;background:#121821;border-radius:12px;width:100%;max-width:420px;padding:10px 12px}.echo-demo{border-color:#3a4554}.echo-title{font-size:.95rem;font-weight:600}.echo-detail{color:var(--muted);margin-top:4px;font-size:.82rem;line-height:1.35}.echo-meta{color:#6d7b8c;font-variant-numeric:tabular-nums;margin-top:6px;font-size:.75rem}.echo-disclaimer{border-top:1px solid var(--line);color:#9aa8b8;margin-top:8px;padding-top:8px;font-size:.78rem;line-height:1.35}.finish-academy{border:1px solid var(--line);color:var(--muted);cursor:pointer;font:inherit;background:0 0;border-radius:12px;width:100%;max-width:420px;padding:10px 14px}.finish-academy:hover:not(:disabled){color:var(--fg);border-color:#3a4d66}.finish-academy:disabled{opacity:.45;cursor:default}.score-note{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;margin:0;font-size:.8rem}.academy-score{flex-direction:column;align-items:center;gap:4px;width:100%;max-width:420px;margin-top:2px;display:flex}.academy-score-hero{flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.academy-score-hero.is-pop{animation:.52s cubic-bezier(.2,1.4,.3,1) academy-score-pop}.academy-score-label{letter-spacing:.14em;color:#7d8b9a;font-size:.72rem;font-weight:600}.academy-score-num{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:2.55rem;font-weight:700;line-height:1}.academy-score-delta{font-variant-numeric:tabular-nums;color:#3dcf8e;font-size:1.05rem;font-weight:700;animation:.7s forwards academy-delta-flash;position:absolute;top:.55rem;right:-2.5rem}.academy-score-delta.miss{color:#e8a0a8}.academy-score-meta{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;margin:0;font-size:.88rem}.combo-pulse{color:#3dcf8e;animation:.48s academy-combo-pulse;display:inline-block}.mute-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:0 0;border-radius:10px;flex-shrink:0;min-width:44px;height:32px;padding:0 8px;font-size:.72rem;line-height:1}.mute-btn:hover{color:var(--fg);border-color:#3a4d66}.mute-btn.is-muted{opacity:.55}.top-right{align-items:center;gap:10px;display:flex}@keyframes academy-score-pop{0%{transform:scale(1)}35%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes academy-delta-flash{0%{opacity:0;transform:translateY(6px)scale(.9)}25%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)}}@keyframes academy-combo-pulse{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}.shell-boot{background:radial-gradient(100% 70% at 50% 20%, #1a2a40 0%, transparent 55%), var(--bg);justify-content:center;min-height:100%}.boot{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.boot-brand{letter-spacing:.03em;font-size:1.35rem;font-weight:700}.boot-msg{color:var(--muted);min-height:1.2em;font-size:.9rem}.boot-wave{align-items:flex-end;gap:7px;height:42px;margin-bottom:4px;display:flex}.boot-wave span{transform-origin:bottom;background:linear-gradient(#6eb6ff,#3d9cf0);border-radius:4px;width:9px;animation:.85s ease-in-out infinite boot-bar;display:block}.boot-wave span:first-child{height:14px;animation-delay:0s}.boot-wave span:nth-child(2){height:26px;animation-delay:80ms}.boot-wave span:nth-child(3){height:38px;animation-delay:.16s}.boot-wave span:nth-child(4){height:24px;animation-delay:.24s}.boot-wave span:nth-child(5){height:16px;animation-delay:.32s}@keyframes boot-bar{0%,to{opacity:.45;transform:scaleY(.45)}50%{opacity:1;transform:scaleY(1)}}