:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#030508;color:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,select,input{font:inherit}#app{position:relative;min-height:100svh;background:radial-gradient(circle at 50% 65%,rgba(19,39,49,.45),transparent 38%),linear-gradient(180deg,#020305,#071017 48%,#040506)}#gameCanvas,#slashCanvas{position:fixed;inset:0;display:block;width:100vw;height:100svh;touch-action:none}#gameCanvas{cursor:crosshair}#slashCanvas{pointer-events:none;mix-blend-mode:screen}.hud{position:fixed;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));z-index:5;display:flex;gap:10px;align-items:stretch;max-width:min(92vw,560px)}.hud-cluster,.song-chip{border:1px solid rgba(255,255,255,.16);background:#04080c8f;box-shadow:0 12px 36px #00000038;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hud-cluster{min-width:96px;padding:9px 12px 10px;border-radius:8px}.hud-cluster.compact{min-width:82px}.hud-cluster.danger strong{color:#ff9c9c}.hud-label,.song-chip span,.kicker,.menu-meta{color:#f4f7fba8}.hud-label{display:block;margin-bottom:2px;font-size:.68rem;line-height:1;text-transform:uppercase}.hud strong{display:block;font-size:clamp(1.1rem,3.1vw,1.72rem);line-height:1;letter-spacing:0}.song-chip{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:5;display:grid;gap:2px;min-width:142px;padding:10px 12px;border-radius:8px;color:inherit;cursor:pointer;text-align:right}.song-chip:hover,.song-chip:focus-visible{border-color:#ffffff5c;background:#070d12b8;outline:none}.song-chip span{font-size:.68rem;line-height:1;text-transform:uppercase}.song-chip strong{font-size:.9rem;line-height:1.08}.center-menu{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#0102045c,#010204b8)}.center-menu.hidden{pointer-events:none;opacity:0;transition:opacity .22s ease}.menu-panel{width:min(420px,92vw);max-height:min(720px,92svh);overflow:auto;padding:24px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#05090db8;box-shadow:0 24px 72px #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.kicker{margin:0 0 8px;font-size:.74rem;line-height:1;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,8vw,3.8rem);line-height:.94;letter-spacing:0}.menu-meta{min-height:1.35em;margin:14px 0 20px;line-height:1.35}.song-panel,.section-panel,.calibration-panel{display:grid;gap:8px;margin:0 0 16px;padding:10px 12px 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0e}.song-panel,.section-panel{padding:10px 12px}.song-panel label,.section-panel label,.calibration-panel label{display:flex;align-items:center;justify-content:space-between;gap:16px}.song-panel span,.section-panel span,.calibration-panel span{color:#f4f7fba8;font-size:.68rem;line-height:1;text-transform:uppercase}.song-panel select,.section-panel select{min-height:42px;width:100%;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#f4f7fb;background:#04080cd1;font:inherit;font-size:.88rem;line-height:1.2}.calibration-panel strong{font-size:.86rem;line-height:1}.calibration-panel input{width:100%;accent-color:#bbff68}.results-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px}.results-panel[hidden]{display:none}.results-panel div{min-width:0;padding:10px 8px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f}.results-panel span{display:block;margin-bottom:4px;color:#f4f7fb9e;font-size:.66rem;line-height:1;text-transform:uppercase}.results-panel strong{display:block;font-size:1.18rem;line-height:1}#startButton{width:100%;min-height:48px;border:0;border-radius:8px;color:#051013;background:linear-gradient(135deg,#52f4ff,#bbff68 56%,#ffd166);box-shadow:0 12px 28px #52f4ff29;font-weight:800;letter-spacing:0}#startButton:disabled{cursor:wait;color:#f4f7fb7a;background:#ffffff14;box-shadow:none}.toast{position:fixed;left:50%;bottom:max(30px,calc(22px + env(safe-area-inset-bottom)));z-index:6;min-width:112px;transform:translate(-50%);padding:10px 14px;border-radius:8px;color:#f7fbff;background:#060c10b8;border:1px solid rgba(255,255,255,.16);text-align:center;opacity:0;translate:0 12px;transition:opacity .14s ease,translate .14s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.toast.visible{opacity:1;translate:0 0}.impact-flash{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle at 50% 52%,rgba(82,244,255,.72),transparent 58%)}@media(max-width:720px){.hud{right:max(12px,env(safe-area-inset-right));left:max(12px,env(safe-area-inset-left));gap:8px}.hud-cluster{min-width:0;flex:1;padding:8px 9px}.song-chip{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));min-width:0;max-width:42vw}.menu-panel{padding:20px}}