:root{--bg: #0a0a16;--ink: #eaf2ff;--accent: #36e0ff;--accent2: #ff3da6;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}#app{position:fixed;inset:0}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}#hud{position:absolute;top:0;left:0;right:0;padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 14px max(18px,env(safe-area-inset-left));pointer-events:none;z-index:5}#progress{height:6px;width:100%;background:#ffffff1f;border-radius:99px;overflow:hidden}#progress-fill{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .08s linear}#hud-stats{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;font-variant-numeric:tabular-nums;text-shadow:0 1px 6px rgba(0,0,0,.6)}#song-name{font-weight:600;letter-spacing:.04em;opacity:.85}#combo{font-size:28px;font-weight:800;color:var(--accent)}#pct{opacity:.85}#countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22vh;font-weight:900;color:var(--accent);text-shadow:0 0 40px var(--accent);pointer-events:none;z-index:6}#overlay,#result,#paused{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;text-align:center;z-index:10;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));background:radial-gradient(120% 90% at 50% 0%,rgba(54,224,255,.1),transparent 60%),#0a0a16b8;backdrop-filter:blur(3px)}.logo{font-size:clamp(48px,12vw,120px);font-weight:900;letter-spacing:.06em;margin:0;line-height:.95;color:var(--ink);text-shadow:0 0 30px rgba(54,224,255,.45)}.logo span{color:var(--accent2)}.tag{opacity:.8;margin:12px 0 28px;font-size:clamp(14px,2.4vw,20px)}.hint{margin-top:22px;opacity:.6;font-size:14px;letter-spacing:.05em}.credit{margin-top:6px;opacity:.35;font-size:12px}#song-list{display:flex;flex-direction:column;gap:12px;width:min(420px,86vw)}.song-btn{appearance:none;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--ink);border-radius:14px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.song-btn:hover{transform:translateY(-2px);border-color:var(--accent);background:#36e0ff14}.song-btn .s-name{font-weight:700;font-size:18px}.song-btn .s-meta{opacity:.6;font-size:13px;font-variant-numeric:tabular-nums}.song-btn .s-bpm{color:var(--accent);font-weight:700}#result h2,#paused h2{font-size:clamp(32px,8vw,64px);margin:0 0 8px}#result p{opacity:.8;margin:0 0 10px}#result-best{font-weight:700;color:var(--accent);min-height:1.2em;margin:0 0 22px!important}#result button,#paused button{appearance:none;border:0;border-radius:12px;padding:14px 28px;margin:18px 6px 0;font-size:16px;font-weight:700;cursor:pointer;color:#06121a;background:var(--accent)}#result button#menu-btn,#pause-menu-btn{background:#ffffff24;color:var(--ink)}#topbar{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:flex;gap:8px;z-index:7}#topbar button{appearance:none;border:1px solid rgba(255,255,255,.15);background:#0a0a168c;color:var(--ink);width:42px;height:42px;border-radius:10px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}#topbar button:hover{border-color:var(--accent)}#loading{position:absolute;inset:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#0a0a16d1;backdrop-filter:blur(3px)}#loading-text{opacity:.8;letter-spacing:.04em}.spinner{width:54px;height:54px;border-radius:50%;border:4px solid rgba(255,255,255,.12);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.song-btn .s-best{display:block;font-size:11px;color:var(--accent);margin-top:4px;font-variant-numeric:tabular-nums}#menu-controls{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:20px;width:min(420px,86vw)}.seg{display:inline-flex;border:1px solid rgba(255,255,255,.14);border-radius:10px;overflow:hidden}.seg button{appearance:none;border:0;background:transparent;color:var(--ink);padding:9px 20px;cursor:pointer;font-weight:600;font-size:14px;opacity:.6}.seg button.on{background:var(--accent);color:#06121a;opacity:1}.ghost-btn{appearance:none;border:1px dashed rgba(255,255,255,.25);background:transparent;color:var(--ink);border-radius:10px;padding:10px 18px;cursor:pointer;font-size:14px;opacity:.85}.ghost-btn:hover{border-color:var(--accent);opacity:1}@media(max-height:600px){.logo{font-size:clamp(34px,9vh,64px)}.tag{margin:6px 0 12px;font-size:13px}#song-list{gap:8px}.song-btn{padding:9px 16px}.song-btn .s-name{font-size:16px}#menu-controls{margin-top:12px;gap:8px}.hint{margin-top:12px;font-size:12px}.credit{display:none}}@media(max-height:480px)and (min-width:560px){#song-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(680px,92vw)}}