@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&display=swap";:root{--bg:#1c0c14;--bg-2:#2a1220;--surface:#ffffff0f;--surface-2:#ffffff1a;--border:#ffa05a38;--text:#fff3e9;--text-dim:#d9a88f;--orange:#ff8c1a;--coral:#ff4d5a;--pink:#ff2e88;--amber:#ffc02e;--gradient:linear-gradient(120deg, var(--amber), var(--orange), var(--coral), var(--pink));--gradient-soft:linear-gradient(120deg, #ffc02e2e, #ff2e882e);--shadow:0 12px 40px #ff4d5a40;--radius:20px;font-family:Outfit,system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 800px at 20% -10%, #3a1425 0%, var(--bg) 55%), radial-gradient(900px 600px at 110% 110%, #38160e 0%, var(--bg) 60%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100svh;overflow-x:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.app{max-width:640px;min-height:100svh;padding:calc(16px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(48px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));flex-direction:column;margin:0 auto;display:flex;position:relative}.bg-blobs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(90px);opacity:.35;border-radius:50%;animation:18s ease-in-out infinite alternate blob-float;position:absolute}.blob--1{background:var(--orange);width:380px;height:380px;top:-120px;left:-100px}.blob--2{background:var(--pink);width:320px;height:320px;animation-delay:-6s;bottom:-100px;right:-80px}.blob--3{background:var(--amber);opacity:.2;width:260px;height:260px;animation-delay:-12s;top:45%;left:65%}@keyframes blob-float{0%{transform:translate(0)scale(1)}to{transform:translate(50px,-40px)scale(1.15)}}.screen{z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.topbar{z-index:2;align-items:center;gap:12px;padding:8px 0 16px;display:flex;position:relative}.topbar__back{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:42px;height:42px;font-size:20px;transition:background .2s,transform .2s}.topbar__back:hover{background:var(--surface-2);transform:translate(-3px)}.topbar__title{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:22px;font-weight:800}.home{flex-direction:column;flex:1;justify-content:center;gap:36px;padding:24px 0;display:flex}.home__hero{text-align:center}.home__logo{justify-content:center;align-items:center;gap:16px;display:flex}.home__title{letter-spacing:-2px;background:var(--gradient);color:#0000;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(48px,12vw,72px);font-weight:900;animation:6s infinite gradient-slide}@keyframes gradient-slide{0%,to{background-position:0%}50%{background-position:100%}}.home__tagline{color:var(--text-dim);margin:10px 0 0;font-size:17px}.home__day{background:var(--gradient-soft);border:1px solid var(--border);color:var(--amber);border-radius:999px;margin-left:6px;padding:2px 10px;font-size:14px;font-weight:700;display:inline-block}.home__cards{flex-direction:column;gap:14px;display:flex}.home__section{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);margin:10px 0 0;font-size:14px;font-weight:800}.home__arcade{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=420px){.home__arcade{grid-template-columns:1fr}}.mode-card{text-align:left;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);flex-direction:column;gap:8px;padding:26px 24px;transition:border-color .25s;display:flex;position:relative;overflow:hidden}.mode-card:after{content:"";background:linear-gradient(105deg,#0000 40%,#ffffff1f 50%,#0000 60%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.mode-card:hover:after{transform:translate(100%)}.mode-card--single{background:linear-gradient(135deg, #ff8c1a47, #ff2e883d), var(--bg-2)}.mode-card--set{background:linear-gradient(135deg, #ff4d5a47, #ffc02e38), var(--bg-2)}.mode-card--cover{background:linear-gradient(135deg, #ff2e8842, #ff8c1a33), var(--bg-2)}.mode-card--marathon{background:linear-gradient(135deg, #ffc02e3d, #ff4d5a33), var(--bg-2)}.mode-card--blitz{background:linear-gradient(135deg, #ff8c1a3d, #ffc02e2e), var(--bg-2)}.mode-card--battle{background:linear-gradient(135deg, #ff2e884d, #ff4d5a33, #ffc02e29), var(--bg-2);border-color:#ff2e8866}.mode-card--compact{gap:5px;padding:18px 16px}.mode-card--compact .mode-card__emoji{font-size:28px}.mode-card--compact .mode-card__name{font-size:19px}.mode-card--compact .mode-card__desc,.mode-card--compact .mode-card__cta{font-size:13px}.mode-card:hover{border-color:var(--orange)}.mode-card__emoji{font-size:36px}.mode-card__name{font-size:26px;font-weight:800}.mode-card__desc{color:var(--text-dim);font-size:15px;line-height:1.5}.mode-card__cta{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:6px;font-size:15px;font-weight:800}.home__footer{text-align:center;color:var(--text-dim);font-size:13px}.eq{align-items:flex-end;gap:3px;height:26px;display:inline-flex}.eq__bar{background:var(--gradient);background-size:100% 300%;border-radius:3px;width:5px;height:30%}.eq--active .eq__bar{animation:.9s ease-in-out infinite alternate eq-bounce}@keyframes eq-bounce{0%{height:20%}to{height:100%}}.vinyl{margin:0 auto;position:relative}.vinyl__disc{background:radial-gradient(circle,#241019 30%,#120309 70%);border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:0 16px 50px #0009,0 0 0 4px #ff8c1a26}.vinyl--spinning .vinyl__disc{animation:2.4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.vinyl__grooves{background:repeating-radial-gradient(circle,#0000 0 3px,#ffffff0d 3px 4px);border-radius:50%;position:absolute;inset:8%}.vinyl__label{background:var(--gradient);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:30%;overflow:hidden}.vinyl__art{object-fit:cover;width:100%;height:100%}.vinyl__art--blur{filter:blur(9px)saturate(1.4)}.vinyl__note{color:#fff;text-shadow:0 2px 8px #0006;font-size:28px}.vinyl__hole{background:var(--bg);border-radius:50%;width:7%;height:7%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 4px #000}.vinyl__shine{background:conic-gradient(from 200deg,#0000 0deg,#ffffff17 40deg,#0000 80deg 180deg,#ffffff0f 220deg,#0000 260deg);border-radius:50%;position:absolute;inset:0}.game{flex-direction:column;gap:18px;padding-bottom:24px;display:flex}.game__stage{flex-direction:column;align-items:center;gap:18px;padding:20px 0 6px;display:flex;position:relative}.game__stage--compact{gap:12px;padding:8px 0 0}.game__error{text-align:center;color:var(--text-dim);padding:40px 20px 8px;font-size:16px}.game__diag{text-align:center;color:var(--text-dim);opacity:.6;word-break:break-all;margin:0;font-family:Consolas,monospace;font-size:11px}.game__lives{color:var(--amber);margin:0;font-size:14px;font-weight:700}.game__help{text-align:center;color:var(--text-dim);margin:0;font-size:14px}.game__help strong{color:var(--amber)}.game__prompt{text-align:center;margin:0;font-size:15px}.game__prompt strong{color:var(--amber)}.trackpick{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=480px){.trackpick{grid-template-columns:repeat(2,1fr)}}.trackpick__card{background:var(--surface);border:1.5px solid var(--border);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:86px;padding:12px 8px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.trackpick__card:hover:not(:disabled){border-color:var(--orange)}.trackpick__card--active{border-color:var(--amber);background:var(--gradient-soft);box-shadow:0 0 0 3px #ffc02e2e, var(--shadow)}.trackpick__card--ok{background:#3ddc841a;border-color:#3ddc848c}.trackpick__card--fail{background:#ff4d5a1a;border-color:#ff4d5a8c}.trackpick__icon{font-size:18px}.trackpick__name{font-size:14px;font-weight:800}.trackpick__hint{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.clipbar{gap:4px;width:100%;max-width:420px;height:12px;display:flex}.clipbar__seg{background:var(--surface);border:1px solid var(--border);border-radius:6px;transition:background .3s;position:relative;overflow:hidden}.clipbar__seg--on{background:var(--gradient-soft);border-color:var(--orange)}.clipbar__fill{background:var(--gradient);border-radius:6px;position:absolute;inset:0 auto 0 0}.btn{border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:16px;font-weight:800;transition:transform .15s,box-shadow .2s,opacity .2s;display:inline-flex}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:default}.btn--play{background:var(--gradient);color:#2a0a12;box-shadow:var(--shadow);background-size:200% 200%;animation:4s infinite gradient-slide}.btn--play:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 50px #ff4d5a66}.btn--play .eq__bar{background:#2a0a12}.btn--ghost{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);align-self:center;padding:10px 22px;font-size:14px}.btn--ghost:hover{background:var(--surface-2);color:var(--text)}.btn--share{background:var(--gradient);color:#2a0a12;box-shadow:var(--shadow);align-self:center}.hints{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hints__chip{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:8px 16px;font-size:14px}.hints__chip strong{color:var(--amber)}.guessbox{position:relative}.guessbox__input{border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:16px;outline:none;padding:16px 20px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.guessbox__input::placeholder{color:var(--text-dim);opacity:.7}.guessbox__input:focus{border-color:var(--orange);box-shadow:0 0 0 4px #ff8c1a26}.guessbox__list{z-index:10;border:1px solid var(--border);background:#2e141f;border-radius:16px;max-height:280px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 20px 60px #00000080}.guessbox__list button{text-align:left;border-radius:10px;width:100%;padding:12px 14px;font-size:15px;transition:background .15s;display:block}.guessbox__list button:hover{background:var(--gradient-soft)}.guessbox__list span{color:var(--text-dim)}.attempts{flex-direction:column;gap:8px;display:flex}.attempts__row{border:1.5px dashed var(--border);color:var(--text-dim);border-radius:12px;align-items:center;min-height:44px;padding:12px 16px;font-size:14px;display:flex}.attempts__row--wrong{color:var(--text);background:#ff4d5a1f;border-style:solid;border-color:#ff4d5a80}.attempts__row--skip{background:#ffc02e14;border-style:solid;border-color:#ffc02e66}.result{text-align:center;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);flex-direction:column;align-items:center;gap:14px;padding:18px;display:flex}.result__title{margin:0;font-size:26px;font-weight:900}.result__title--win{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.result__song{margin:0;font-size:19px}.result__meta{color:var(--text-dim);margin:0;font-size:14px}.result__squares{letter-spacing:3px;font-size:22px}.result__comeback{color:var(--text-dim);margin:4px 0 0;font-size:14px}.stats{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.stats__item{background:var(--gradient-soft);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;min-width:74px;padding:12px 10px;display:flex}.stats__item strong{color:var(--amber);font-size:24px;font-weight:900}.stats__item span{color:var(--text-dim);font-size:12px}.cats{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cats__tab{background:var(--surface);border:1.5px solid var(--border);color:var(--text-dim);border-radius:999px;padding:10px 20px;font-size:15px;font-weight:700;transition:all .2s}.cats__tab:hover{color:var(--text);transform:translateY(-2px)}.cats__tab--on{background:var(--gradient);color:#2a0a12;box-shadow:var(--shadow);border-color:#0000}.setprogress{justify-content:center;align-items:center;gap:8px;display:flex}.setprogress__dot{background:var(--surface-2);border:1px solid var(--border);border-radius:50%;width:12px;height:12px;transition:all .3s}.setprogress__dot--ok{background:#3ddc84;border-color:#3ddc84}.setprogress__dot--fail{background:var(--coral);border-color:var(--coral)}.setprogress__dot--now{background:var(--amber);border-color:var(--amber);animation:1.2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{transform:scale(1);box-shadow:0 0 #ffc02e80}50%{transform:scale(1.25);box-shadow:0 0 0 8px #ffc02e00}}.setprogress__label{color:var(--text-dim);margin-left:6px;font-size:13px;font-weight:700}.optgrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=480px){.optgrid{grid-template-columns:repeat(2,1fr)}}.optcard{background:var(--surface);border:1.5px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;gap:4px;min-height:84px;padding:14px 12px;transition:border-color .2s,background .2s;display:flex}.optcard strong{font-size:14px;line-height:1.25}.optcard span{color:var(--text-dim);font-size:12px}.optcard__art{object-fit:cover;-webkit-user-select:none;user-select:none;border-radius:12px;width:58px;height:58px;margin:0 auto 4px;box-shadow:0 6px 16px #00000059}.optcard__art--ph{background:var(--gradient);color:#2a0a12;justify-content:center;align-items:center;font-size:22px;display:flex}.optcard--used .optcard__art{filter:grayscale()}.optcard:hover:not(:disabled){border-color:var(--orange);background:var(--gradient-soft)}.optcard--used{opacity:.35;cursor:default;text-decoration:line-through}.optcard--wrong{border-color:var(--coral);background:#ff4d5a33}.toast{border:1px solid;border-radius:999px;align-self:center;padding:12px 22px;font-size:15px}.toast--ok{background:#3ddc8426;border-color:#3ddc8480}.toast--fail{background:#ff4d5a26;border-color:#ff4d5a80}.tracklist{flex-direction:column;gap:8px;width:100%;margin:0;padding:0;list-style:none;display:flex}.tracklist__item{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.tracklist__item img,.tracklist__ph{object-fit:cover;background:var(--gradient);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.tracklist__item div{flex-direction:column;flex:1;min-width:0;display:flex}.tracklist__item strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.tracklist__item span{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.tracklist__play{background:var(--gradient);color:#2a0a12;border-radius:50%;flex-shrink:0;width:38px;height:38px;font-size:14px;transition:transform .15s}.tracklist__play:hover:not(:disabled){transform:scale(1.12)}.tracklist__play:disabled{opacity:.4}.tracklist__mark{font-size:18px}.arcade-intro{text-align:center;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);flex-direction:column;align-items:center;gap:14px;padding:36px 20px;display:flex}.arcade-intro h2{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px;font-weight:900}.arcade-intro p{color:var(--text-dim);max-width:380px;margin:0;font-size:15px;line-height:1.55}.arcade-intro p strong{color:var(--amber)}.arcade-intro__best{font-weight:800;color:var(--amber)!important}.arcade-intro__emoji{font-size:52px}.hud{background:var(--surface);border:1px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.hud__lives{gap:4px;font-size:20px;display:flex}.hud__heart{display:inline-block}.hud__score{color:var(--amber);font-size:20px;font-weight:900}.hud__combo{text-align:right;min-width:54px;color:var(--text-dim);font-size:15px;font-weight:800}.hud__combo--hot{color:var(--coral);animation:.7s ease-in-out infinite alternate combo-pulse}@keyframes combo-pulse{0%{transform:scale(1)}to{transform:scale(1.15)}}.hud__timer{font-size:22px;font-weight:900}.hud__timer--urgent{color:var(--coral);animation:.4s ease-in-out infinite alternate combo-pulse}.timerbar{background:var(--surface);border:1px solid var(--border);border-radius:6px;height:10px;overflow:hidden}.timerbar__fill{background:var(--gradient);border-radius:6px;height:100%;transition:width .15s linear}.timerbar--urgent .timerbar__fill{background:var(--coral)}.optgrid--quad{grid-template-columns:repeat(2,1fr)}.optcard--right{background:#3ddc8429;border-color:#3ddc84b3}.coverframe{aspect-ratio:1;border:2px solid var(--border);width:min(320px,78vw);box-shadow:0 20px 60px #0000008c, var(--shadow);background:var(--bg-2);border-radius:22px;margin:8px auto 0;position:relative;overflow:hidden}.coverframe__img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%}.coverframe__loading{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.coverframe__counter{border:1px solid var(--border);color:var(--amber);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c0c14bf;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800;position:absolute;top:10px;right:10px}.splash{color:var(--text-dim);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-height:60svh;display:flex}.home__topactions{justify-content:flex-end;gap:8px;display:flex}.chip{background:var(--surface);border:1px solid var(--border);color:var(--text);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:180px;padding:8px 16px;font-size:13px;font-weight:700;transition:background .2s,transform .2s;overflow:hidden}.chip:hover{background:var(--surface-2);transform:translateY(-2px)}.account-card{text-align:center;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);flex-direction:column;align-items:center;gap:14px;padding:26px 22px;display:flex}.account-card h2{margin:0;font-size:24px;font-weight:900}.account-card__hint{color:var(--text-dim);max-width:380px;margin:0;font-size:14px;line-height:1.5}.account-card__avatar{font-size:52px}.account-field{width:100%;max-width:320px;color:var(--text-dim);text-align:left;flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.account-field input,.account-link input{border:1.5px solid var(--border);color:var(--text);background:#0003;border-radius:14px;outline:none;padding:13px 16px;font-family:inherit;font-size:15px;transition:border-color .2s}.account-field input:focus,.account-link input:focus{border-color:var(--orange)}.account-switch{color:var(--text-dim);font-size:13px;text-decoration:underline}.account-switch:hover{color:var(--text)}.account-error{color:var(--coral);margin:0;font-size:14px;font-weight:700}.account-notice{color:#3ddc84;margin:0;font-size:14px;font-weight:700}.account-link{border-top:1px dashed var(--border);flex-direction:column;gap:8px;width:100%;max-width:320px;padding-top:10px;display:flex}.account-link p{color:var(--text-dim);margin:0;font-size:13px;font-weight:700}.avatar-picker{flex-wrap:wrap;justify-content:center;gap:6px;max-width:360px;display:flex}.avatar-picker__item{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;width:42px;height:42px;font-size:20px;transition:transform .15s,border-color .15s}.avatar-picker__item:hover{transform:scale(1.1)}.avatar-picker__item--on{border-color:var(--amber);background:var(--gradient-soft)}.lb{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lb__row{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.lb__row--me{border-color:var(--amber);background:var(--gradient-soft);box-shadow:0 0 0 2px #ffc02e26}.lb__pos{min-width:34px;color:var(--text-dim);font-weight:800}.lb__avatar{font-size:18px}.lb__nick{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.lb__squares{letter-spacing:1px;font-size:11px}.lb__value{color:var(--amber);white-space:nowrap;font-weight:900}.battle-codeinput{border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text);font:inherit;letter-spacing:.35em;text-align:center;text-transform:uppercase;border-radius:16px;outline:none;padding:14px 16px;font-size:28px;font-weight:900;transition:border-color .2s,box-shadow .2s}.battle-codeinput:focus{border-color:var(--orange);box-shadow:0 0 0 4px #ff8c1a2e}.battle-codeinput::placeholder{color:var(--text-dim);opacity:.5;letter-spacing:.2em}.battle-setting{flex-direction:column;gap:8px;display:flex}.battle-setting__label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:700}.battle-setting__opts{flex-wrap:wrap;gap:8px;display:flex}.chip--on{background:var(--gradient);color:#2a0a12;box-shadow:var(--shadow);border-color:#0000}.chip--on:hover{background:var(--gradient)}.battle-setting__opts .chip{max-width:none}.battle-lobby{border-radius:var(--radius);background:var(--gradient-soft), var(--bg-2);border:1.5px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:22px 18px;display:flex}.battle-lobby__hint{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:13px;font-weight:700}.battle-code{letter-spacing:.3em;background:var(--gradient);color:#0000;-webkit-user-select:all;user-select:all;-webkit-background-clip:text;background-clip:text;padding-left:.3em;font-size:clamp(36px,11vw,52px);font-weight:900;line-height:1}.battle-lobby__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.battle-lobby__settings{color:var(--text-dim);margin:4px 0 0;font-size:14px}.battle-players__title{margin:18px 0 10px;font-size:16px;font-weight:800}.battle-players{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.player-chip{background:var(--surface);border:1.5px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 8px;font-size:14px;font-weight:700;display:inline-flex}.player-chip--host{border-color:var(--amber);background:#ffc02e1f}.player-chip__avatar{background:var(--gradient-soft);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:17px;display:inline-flex}.player-chip__tag{text-transform:uppercase;letter-spacing:.08em;color:var(--amber);font-size:10px;font-weight:800}.battle-countdown{z-index:3;background:var(--gradient);color:#0000;filter:drop-shadow(0 12px 40px #ff4d5a73);pointer-events:none;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;font-size:clamp(90px,30vw,160px);font-weight:900;line-height:1;display:flex;position:absolute;inset:0}.battle-opt--0:hover:not(:disabled){border-color:var(--amber)}.battle-opt--1:hover:not(:disabled){border-color:var(--orange)}.battle-opt--2:hover:not(:disabled){border-color:var(--coral)}.battle-opt--3:hover:not(:disabled){border-color:var(--pink)}.battle-opt--picked{border-color:var(--orange);background:var(--gradient-soft);box-shadow:0 0 0 3px #ff8c1a40}.battle-opt--locked:not(.battle-opt--picked){opacity:.5;cursor:default}.battle-opt--picked.optcard--right{border-color:#3ddc84e6;box-shadow:0 0 0 3px #3ddc844d}.battle-opt--picked.optcard--wrong{border-color:var(--coral);box-shadow:0 0 0 3px #ff4d5a4d}.battle-reveal{flex-direction:column;gap:16px;display:flex}.battle-reveal__song{border-radius:var(--radius);background:#3ddc841a;border:1.5px solid #3ddc8473;align-items:center;gap:14px;padding:14px;display:flex}.battle-reveal__art{object-fit:cover;border-radius:14px;flex:none;width:72px;height:72px;box-shadow:0 8px 20px #0006}.battle-reveal__art--ph{background:var(--gradient);color:#2a0a12;justify-content:center;align-items:center;font-size:28px;display:flex}.battle-reveal__label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin:0 0 2px;font-size:12px;font-weight:700}.battle-reveal__song strong{font-size:17px;display:block}.battle-reveal__song span{color:var(--text-dim);font-size:14px}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:10px;width:100%;margin:8px 0 4px;display:grid}.podium__slot{background:var(--surface);border:1.5px solid var(--border);text-align:center;border-radius:18px 18px 8px 8px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:16px 8px 14px;display:flex}.podium__slot--1{background:linear-gradient(180deg, #ffc02e4d, var(--surface));border-color:var(--amber);min-height:190px}.podium__slot--2{background:linear-gradient(180deg, #e6e6f02e, var(--surface));min-height:150px}.podium__slot--3{background:linear-gradient(180deg, #ff8c1a33, var(--surface));min-height:125px}.podium__slot--me{box-shadow:0 0 0 3px #ff2e8859}.podium__slot--empty{background:0 0;border-color:#0000}.podium__medal{font-size:26px;line-height:1}.podium__avatar{font-size:34px;line-height:1.2}.podium__nick{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:800;overflow:hidden}.podium__score{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:900}@media (prefers-reduced-motion:reduce){.blob,.home__title,.btn--play,.vinyl--spinning .vinyl__disc,.eq--active .eq__bar,.setprogress__dot--now,.hud__combo--hot,.hud__timer--urgent{animation:none!important}}