@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;--bug:#7ff0d2;--chaos:#9d5cff;--chaos-soft:#9d5cff2e;--gradient-chaos:linear-gradient(120deg, var(--pink), var(--chaos));--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;--appbar-h:56px;--tabbar-h:62px;font-family:Outfit,system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{touch-action:pan-y;overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;padding:0}html,body,#root{height:100dvh;height:var(--app-h,100dvh);overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;font-family:inherit}.app{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);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.bg-blobs{pointer-events:none;z-index:0;position:absolute;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;scrollbar-gutter:stable both-edges;overscroll-behavior:none;-webkit-overflow-scrolling:touch;min-height:0;padding-top:14px;padding-bottom:18px;padding-left:max(calc(16px + env(safe-area-inset-left,0px)), calc((100% - 640px) / 2 + 16px));padding-right:max(calc(16px + env(safe-area-inset-right,0px)), calc((100% - 640px) / 2 + 16px));flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden auto}.screen--admin{padding-left:max(calc(16px + env(safe-area-inset-left,0px)), calc((100% - 1100px) / 2 + 16px));padding-right:max(calc(16px + env(safe-area-inset-right,0px)), calc((100% - 1100px) / 2 + 16px))}.appbar{z-index:30;padding-top:env(safe-area-inset-top,0px);-webkit-backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--border);background:#1c0c14d1;flex:none}.appbar__inner{max-width:640px;height:var(--appbar-h);padding-left:calc(12px + env(safe-area-inset-left,0px));padding-right:calc(12px + env(safe-area-inset-right,0px));align-items:center;gap:10px;margin:0 auto;display:flex}.appbar__back{background:var(--surface);border:1px solid var(--border);border-radius:13px;flex:none;width:40px;height:40px;font-size:19px;transition:background .2s,transform .2s}.appbar__back:hover{background:var(--surface-2);transform:translate(-3px)}.appbar__mark{text-align:center;flex:none;width:40px;font-size:20px}.appbar__title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:18px;font-weight:800;overflow:hidden}.appbar__title--brand{letter-spacing:-.5px;background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:900}.appbar__profile{background:var(--surface);border:1px solid var(--border);border-radius:999px;flex:none;align-items:center;gap:6px;max-width:45%;padding:7px 12px 7px 9px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s;display:flex}.appbar__profile:hover{background:var(--surface-2)}.appbar__profile--on{border-color:var(--amber);background:var(--gradient-soft)}.appbar__avatar{font-size:17px;line-height:1}.appbar__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=360px){.appbar__name{display:none}}.tabbar{z-index:30;padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(14px)saturate(140%);border-top:1px solid var(--border);background:#1c0c14e0;flex:none}.tabbar__inner{max-width:640px;height:var(--tabbar-h);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.tabbar__item{color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:700;transition:color .2s;display:flex;position:relative}.tabbar__icon{font-size:20px;line-height:1;transition:transform .2s}.tabbar__item--on{color:var(--amber)}.tabbar__item--on .tabbar__icon{transform:translateY(-2px)scale(1.1)}.tabbar__badge{background:var(--coral);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;margin-left:4px;padding:0 5px;font-size:10px;font-weight:900;display:inline-flex;position:absolute;top:6px;left:50%}.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--chaos{background:linear-gradient(135deg, #9d5cff57, #ff2e8842, #ff8c1a24), var(--bg-2);border-color:#9d5cff8c}.mode-card--chaos:hover{border-color:var(--chaos)}.mode-card__new{vertical-align:middle;background:var(--gradient-chaos);color:#fff;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;margin-left:8px;padding:3px 9px;font-size:11px;font-weight:900;display:inline-block}.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,minmax(0,1fr));gap:10px;display:grid}@media (width<=480px){.trackpick{grid-template-columns:repeat(2,minmax(0,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-width:0;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;min-width:0;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}.countdown{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;align-self:center;align-items:center;gap:4px;margin:0;padding:6px 14px;font-size:13px;display:inline-flex}.countdown__time{color:var(--amber);font-variant-numeric:tabular-nums}.result__synced{color:var(--text-dim);border:1px dashed var(--border);background:#ffc02e0f;border-radius:12px;margin:0;padding:8px 12px;font-size:13px;font-weight:700}.reward{background:var(--gradient-soft);border:1px solid #ffc02e59;border-radius:16px;flex-direction:column;gap:10px;width:100%;padding:12px 14px;display:flex}.reward__gains{justify-content:center;gap:10px;display:flex}.reward__gain{color:var(--amber);background:#1c0c148c;border-radius:999px;align-items:baseline;gap:6px;padding:8px 14px;font-size:18px;font-weight:900;display:inline-flex}.reward__gain small{color:var(--text-dim);letter-spacing:.04em;font-size:12px;font-weight:800}.reward__gain--coins{color:var(--text)}.reward__level{flex-direction:column;gap:6px;display:flex}.reward__row{color:var(--text-dim);justify-content:space-between;align-items:baseline;font-size:12px;font-weight:700;display:flex}.reward__row strong{color:var(--text);font-size:13px}.reward__bar{background:#00000059;border-radius:999px;height:8px;position:relative;overflow:hidden}.reward__bar-old{background:#fff3e959;position:absolute;inset:0 auto 0 0}.reward__bar-new{background:var(--gradient);border-radius:999px;position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #ffc02e99}.reward--up{border-color:var(--amber);box-shadow:0 0 0 2px #ffc02e33, var(--shadow)}.reward__up{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:15px;font-weight:900}.reward__hint{color:var(--text-dim);margin:0;font-size:12px;line-height:1.4}.reward--muted{background:var(--surface);border-style:dashed;border-color:var(--border)}.reward--muted .reward__gain{color:var(--text-dim);background:#00000040}.reward--pending{opacity:.85}.reward__cta{background:var(--gradient);color:#2a0a12;border-radius:999px;align-self:center;padding:8px 16px;font-size:13px;font-weight:800}.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,minmax(0,1fr));gap:10px;display:grid}@media (width<=480px){.optgrid{grid-template-columns:repeat(2,minmax(0,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-width:0;min-height:84px;padding:14px 12px;transition:border-color .2s,background .2s;display:flex}.optcard strong{overflow-wrap:anywhere;font-size:14px;line-height:1.25}.optcard span{color:var(--text-dim);overflow-wrap:anywhere;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__play--on{animation:1.4s ease-in-out infinite pulsePlay;box-shadow:0 0 0 3px #ffc02e59}@keyframes pulsePlay{50%{transform:scale(1.1)}}.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__clock{align-items:center;gap:8px;display:flex;position:relative}.hud__delta{font-variant-numeric:tabular-nums;pointer-events:none;font-size:14px;font-weight:900}.hud__delta--bonus{color:#3ddc84}.hud__delta--penalty{color:var(--coral)}.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,minmax(0,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}.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:16px;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-field__row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.account-forgot{color:var(--amber);padding:0;font-size:12.5px;font-weight:700}.account-forgot:hover{text-decoration:underline}.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__sub{color:var(--text-dim);white-space:nowrap;font-size:12px;font-weight:700}.lb__value{color:var(--amber);white-space:nowrap;font-weight:900}.lb__who{text-align:left;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.lb__who:hover .lb__nick{color:var(--amber)}.lb__act{border:1.5px solid var(--border);background:var(--surface-2);min-width:30px;height:30px;color:var(--text);white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 9px;font-size:12.5px;font-weight:800;transition:border-color .2s,transform .15s;display:inline-flex}.lb__act:hover:not(:disabled){border-color:var(--amber)}.lb__act:active:not(:disabled){transform:scale(.94)}.lb__act:disabled{opacity:.6;cursor:default}.lb__act--add{width:30px;padding:0;font-size:15px;line-height:1}.lb__act--accept{background:var(--gradient);color:#2a0a12;border-color:#0000}.lb__act--sent{color:var(--text-dim);background:0 0;border-style:dashed}.lb__row--look{border-color:#0000;box-shadow:inset 0 0 0 1px #ffffff1f}.lb__row--look .lb__pos{color:#fff3e9bf}.lb__row--look .lb__act{background:#00000047;border-color:#ffffff47}.lb__row--look .lb__act--accept{background:var(--gradient);border-color:#0000}.lb__row--look .lb__act--sent{background:0 0}.lb__row--me.lb__row--look{border-color:var(--amber);box-shadow:0 0 0 2px #ffc02e26,inset 0 0 0 1px #ffffff1f}.lb__toast{z-index:2;background:var(--bg-2);border:1px solid var(--amber);border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:13.5px;font-weight:700;display:flex;position:sticky;bottom:8px;box-shadow:0 12px 40px #00000073}.lb__toast span{flex:1;min-width:0}.lb__toast-undo{color:var(--amber);text-underline-offset:2px;flex:none;padding:4px 6px;font-size:13px;font-weight:800;text-decoration:underline}.wn.player{gap:12px}.player__who{align-items:center;gap:12px;display:flex}.player__who--look{border-radius:16px;margin:0 -4px;padding:10px 12px;box-shadow:inset 0 0 0 1px #ffffff1f}.player__who>div{flex-direction:column;gap:2px;min-width:0;display:flex}.player__who strong{text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:900;overflow:hidden}.player__who span{color:var(--text-dim);font-size:12.5px}.player__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.player__stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:2px;min-width:0;padding:10px;display:flex}.player__stat span{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:700;overflow:hidden}.player__stat strong{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:900;overflow:hidden}.player__stat--locked strong{color:var(--text-dim);font-size:13px;font-weight:700}.player__hint{color:var(--text-dim);margin:0;font-size:12.5px;line-height:1.45}.player__actions{flex-direction:column;gap:8px;display:flex}.player__actions .btn{width:100%;padding:12px 22px;font-size:15px}.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}}.chip{position:relative}.chip__badge{background:var(--coral);color:#fff;vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:11px;font-weight:900;display:inline-flex}.cats__sep{background:var(--border);align-self:stretch;width:1px;margin:0 4px}.friends-add h2{font-size:18px}.friends-section{flex-direction:column;gap:10px;display:flex}.friends-section__title{align-items:center;gap:8px;margin:4px 0 0;font-size:15px;font-weight:800;display:flex}.friends-count{background:var(--surface-2);border:1px solid var(--border);min-width:22px;height:22px;color:var(--text-dim);border-radius:999px;justify-content:center;align-items:center;padding:0 7px;font-size:12px;display:inline-flex}.friends-wait{color:var(--text-dim);font-size:12px;font-style:italic}.btn--mini{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:800}.btn--mini:hover:not(:disabled){border-color:var(--orange)}.btn--mini-ok{background:#3ddc8426;border-color:#3ddc8480}.friends-push{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex}.friends-push__text{color:var(--text-dim);flex-direction:column;flex:1;gap:4px;font-size:13px;display:flex}.friends-push__text strong{color:var(--text);font-size:14px}.friends-push .btn{padding:10px 16px;font-size:14px}.friends-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.friend-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;transition:border-color .2s;overflow:hidden}.friend-card--open{border-color:var(--amber)}.friend-card__head{text-align:left;align-items:center;gap:10px;width:100%;padding:12px 14px;font-size:14px;display:flex}.friend-card__head:hover{background:var(--surface-2)}.friend-card__nick{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.friend-card__today{text-align:right;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.friend-card__chev{color:var(--text-dim);font-size:12px}.friend-card__body{overflow:hidden}.compare{border-top:1px dashed var(--border);flex-direction:column;gap:14px;padding:6px 14px 16px;display:flex}.compare .cats{justify-content:flex-start}.compare .cats__tab{padding:7px 11px;font-size:12px}.compare__grid{grid-template-columns:1.4fr 1fr 1fr;align-items:center;gap:6px 8px;display:grid}.compare__head{color:var(--text-dim);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.compare__head--me{color:var(--amber)}.compare__row{display:contents}.compare__label{color:var(--text-dim);font-size:13px}.compare__val{text-align:center;white-space:nowrap;background:#0000002e;border-radius:10px;padding:8px 6px;font-size:14px;font-weight:800}.compare__val--win{color:#3ddc84;background:#3ddc8429;box-shadow:inset 0 0 0 1.5px #3ddc848c}.toast--global{left:50%;bottom:calc(var(--tabbar-h) + 16px + env(safe-area-inset-bottom,0px));z-index:40;background:var(--bg-2);border-color:var(--amber);max-width:calc(100vw - 32px);box-shadow:var(--shadow);text-align:left;font-weight:700;position:absolute;transform:translate(-50%)}.toast__cta{color:var(--amber);margin-left:6px;font-weight:900}@media (hover:none){.appbar__back:hover,.appbar__profile:hover,.chip:hover,.mode-card:hover,.trackpick__card:hover:not(:disabled){transform:none}.tabbar__item:active .tabbar__icon{transform:scale(.9)}}.bell{flex:none}.bell__btn{background:var(--surface);border:1px solid var(--border);border-radius:13px;width:40px;height:40px;font-size:17px;transition:background .2s,border-color .2s;position:relative}.bell__btn:hover{background:var(--surface-2)}.bell__btn--on{border-color:var(--amber);background:var(--gradient-soft)}.bell__badge{background:var(--coral);color:#fff;border:2px solid var(--bg);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:900;display:inline-flex;position:absolute;top:-5px;right:-5px}.bell__panel{top:calc(var(--appbar-h) + env(safe-area-inset-top,0px) + 8px);z-index:45;overscroll-behavior:contain;background:var(--bg-2);border:1px solid var(--border);width:min(360px,100vw - 24px);max-height:min(62vh,440px);box-shadow:var(--shadow);border-radius:18px;position:absolute;right:max(12px,50vw - 308px);overflow-y:auto}.bell__head{justify-content:space-between;align-items:center;gap:10px;padding:14px 16px 8px;font-size:15px;display:flex}.bell__markall{color:var(--amber);border-radius:8px;padding:4px 6px;font-size:12px;font-weight:800}.bell__markall:hover{background:var(--surface)}.bell__empty{color:var(--text-dim);margin:0;padding:4px 16px 18px;font-size:13px;line-height:1.5}.bell__list{flex-direction:column;gap:2px;margin:0;padding:0 8px 8px;list-style:none;display:flex}.bell__item{text-align:left;border-radius:12px;align-items:flex-start;gap:10px;width:100%;padding:10px;transition:background .15s;display:flex}.bell__item:hover{background:var(--surface)}.bell__item--unread{background:var(--gradient-soft)}.bell__emoji{flex:none;font-size:18px;line-height:1.3}.bell__text{flex-direction:column;gap:2px;min-width:0;display:flex}.bell__text strong{font-size:13px;font-weight:800}.bell__text span{color:var(--text-dim);font-size:12.5px;line-height:1.4}.bell__text em{color:var(--text-dim);opacity:.75;font-size:11px;font-style:normal}.fb{flex:none}.fb__btn{background:var(--surface);border:1px solid var(--border);border-radius:13px;width:40px;height:40px;font-size:17px;transition:background .2s,border-color .2s}.fb__btn:hover{background:var(--surface-2)}.fb__btn--on{border-color:var(--amber);background:var(--gradient-soft)}.fb__panel{top:calc(var(--appbar-h) + env(safe-area-inset-top,0px) + 8px);z-index:45;background:var(--bg-2);border:1px solid var(--border);width:min(360px,100vw - 24px);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex;position:absolute;right:max(12px,50vw - 308px)}.fb__head{justify-content:space-between;align-items:baseline;display:flex}.fb__head strong{font-size:16px;font-weight:900}.fb__close{color:var(--text-dim);padding:4px 6px;font-size:12px;font-weight:700}.fb__kinds{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fb__kind{background:var(--surface);border:1.5px solid var(--border);text-align:left;color:var(--text-dim);border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:700;transition:color .2s,border-color .2s,background .2s;display:flex}.fb__kind small{opacity:.8;font-size:11px;font-weight:600;display:block}.fb__kind--on{color:var(--amber);border-color:var(--amber);background:var(--gradient-soft)}.fb__box{resize:none;background:var(--surface);border:1.5px solid var(--border);width:100%;min-height:96px;color:var(--text);font:inherit;border-radius:14px;outline:none;padding:12px;font-size:14px;line-height:1.45}.fb__box::placeholder{color:var(--text-dim);opacity:.8}.fb__box:focus{border-color:var(--amber)}.fb__meta{color:var(--text-dim);margin:0;font-size:11.5px;line-height:1.45}.fb__rule{color:var(--text);background:#7ff0d21a;border:1px solid #7ff0d259;border-radius:10px;margin:0;padding:7px 10px;font-size:12px;line-height:1.4}.fb__rule strong{color:var(--bug)}.fb__error{color:var(--coral);margin:0;font-size:13px;font-weight:700}.fb__send{width:100%}.fb__send:disabled{opacity:.5;box-shadow:none;cursor:default}.prefs{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);padding:16px 18px 14px}.prefs__title{margin:0 0 10px;font-size:15px;font-weight:800}.prefs__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.prefs__row{align-items:center;gap:12px;padding:8px 0;display:flex}.prefs__emoji{flex:none;font-size:18px}.prefs__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.prefs__text strong{font-size:14px;font-weight:700}.prefs__text span{color:var(--text-dim);font-size:12px;line-height:1.4}.prefs__switch{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;flex:none;width:46px;height:27px;padding:3px;transition:background .2s,border-color .2s}.prefs__switch--on{background:var(--gradient);border-color:#0000}.prefs__switch:disabled{opacity:.6}.prefs__knob{background:var(--text);border-radius:50%;width:19px;height:19px;transition:transform .2s;display:block}.prefs__switch--on .prefs__knob{transform:translate(19px)}.battle-invite{flex-direction:column;gap:8px;display:flex}.battle-invite__title{margin:0;font-size:15px;font-weight:800}.battle-invite__list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.battle-invite__list .chip:disabled{opacity:.75}.avatar{vertical-align:middle;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}.avatar__emoji{line-height:1}.avatar__friend{color:#06241d;text-align:center;border:1.5px solid var(--bg);background:#3ddc84;border-radius:999px;width:14px;height:14px;font-size:9px;font-weight:900;line-height:14px;position:absolute;top:-4px;left:-4px}.avatar__level{background:var(--gradient);color:#2b0f12;text-align:center;border-radius:8px;min-width:15px;padding:0 3px;font-size:9px;font-weight:900;line-height:15px;position:absolute;bottom:-3px;right:-3px;box-shadow:0 2px 6px #00000059}.player-chip__avatar{background:0 0;width:auto;height:auto}.account-card--look{box-shadow:var(--shadow);border-color:#ffffff2e}.levelbar{flex-direction:column;gap:6px;width:100%;max-width:340px;display:flex}.levelbar__top{justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;display:flex}.levelbar__top span{color:var(--text-dim);font-weight:700}.levelbar__track{border:1px solid var(--border);background:#0000004d;border-radius:6px;height:9px;overflow:hidden}.levelbar__fill{background:var(--gradient);border-radius:6px;height:100%;transition:width .5s}.xphelp{text-align:left;width:100%;max-width:380px;font-size:13px}.xphelp summary{cursor:pointer;color:var(--amber);font-weight:800}.xphelp ul{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.xphelp li{flex-direction:column;display:flex}.xphelp li span{color:var(--text-dim)}.studio__preview{border:1px solid #ffffff29;border-radius:16px;align-items:center;gap:14px;padding:14px;display:flex}.studio__preview-meta{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.studio__badge{border:1px solid var(--border);background:#00000059;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.studio__random{padding:8px 12px;font-size:13px}.studio__free{text-align:center;color:var(--text-dim);margin:0;font-size:13px}.studio-tabbar-wrap{position:relative}.studio-tabbar{background:var(--surface);border:1.5px solid var(--border);scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:18px;padding:4px;display:flex;overflow-x:auto}.studio-tabbar::-webkit-scrollbar{display:none}.studio-tabbar__item{scroll-snap-align:start;color:var(--text-dim);border-radius:14px;flex-direction:column;flex:1 0 78px;justify-content:center;align-items:center;gap:4px;padding:9px 8px 10px;font-size:12px;font-weight:700;transition:color .2s,background .2s;display:flex;position:relative}.studio-tabbar__label{white-space:nowrap;letter-spacing:-.01em}.studio-tabbar__icon{font-size:22px;line-height:1;transition:transform .2s}.studio-tabbar__item:hover{color:var(--text)}.studio-tabbar__item--on{color:var(--amber);background:var(--gradient-soft)}.studio-tabbar__item--on .studio-tabbar__icon{transform:translateY(-2px)scale(1.12)}.studio-tabbar__item--on:after{content:"";background:var(--gradient);border-radius:3px;height:3px;position:absolute;bottom:4px;left:22%;right:22%}.studio-tabbar-wrap:after,.studio-tabbar-wrap:before{pointer-events:none;opacity:0;transition:opacity .2s;position:absolute;top:2px;bottom:2px;right:2px}.studio-tabbar-wrap:after{content:"";background:linear-gradient(90deg,#0000,#1c0c14eb);border-radius:0 16px 16px 0;width:44px}.studio-tabbar-wrap:before{content:"›";z-index:1;color:var(--amber);align-items:center;padding-right:10px;font-size:22px;font-weight:900;line-height:1;display:flex}.studio-tabbar-wrap--more:after,.studio-tabbar-wrap--more:before{opacity:1}.studio__actions{gap:10px;display:flex}.studio__actions .btn{flex:1}.studio__section{color:var(--text-dim);margin:4px 0 -4px;font-size:13px;font-weight:800}.shop{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.shop__item{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;font-size:12px;transition:transform .15s,border-color .15s,background .15s;display:flex}.shop__item strong{font-weight:800}.shop__item:hover:not(:disabled){transform:translateY(-2px)}.shop__item:disabled{opacity:.45}.shop__item--on{border-color:var(--amber);background:var(--gradient-soft)}.shop__price{color:var(--text-dim);font-size:11px;font-weight:700}.shop__swatch{border:1px solid #ffffff2e;border-radius:12px;width:52px;height:52px}.shop__item--locked{opacity:.6;border-style:dashed}.shop__item--locked .shop__price{color:var(--amber)}.shop__item--pending{opacity:1;border-color:var(--amber)}.shop__item--exclusive .shop__price{color:var(--bug)}.shop__item--exclusive.shop__item--locked{border-color:#7ff0d259}.buybox--exclusive{background:#7ff0d21a;border-color:#7ff0d280}.shop__empty{text-align:center;color:var(--text-dim);grid-column:1/-1;margin:6px 0;font-size:13px}.studio__badge--coins{color:var(--amber);border-color:#ffc02e80}.studio__badge--bug{color:var(--bug);border-color:#7ff0d273}.reward{text-align:center;border-radius:var(--radius);background:var(--surface);border:1px solid #7ff0d273;flex-direction:column;align-items:center;gap:12px;padding:22px 20px 20px;display:flex;box-shadow:0 12px 40px #7ff0d22e}.reward__emoji{font-size:56px;line-height:1}.reward__eyebrow{color:var(--bug);letter-spacing:.04em;text-transform:uppercase;background:#7ff0d224;border:1px solid #7ff0d273;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800}.reward__title{margin:0;font-size:22px;font-weight:900}.reward__pieces{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.reward__piece{background:#00000059;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;font-weight:800;display:inline-flex}.reward__piece em{color:var(--bug);font-style:normal}.reward__hint{max-width:380px;color:var(--text-dim);margin:0;font-size:14px;line-height:1.5}.reward__meta{gap:12px;width:100%;max-width:340px;margin:0;display:flex}.reward__meta>div{background:#00000059;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;flex:1;gap:2px;padding:8px 12px;display:flex}.reward__meta dt{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.reward__meta dd{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:800;overflow:hidden}.reward__claim{width:100%;max-width:340px}.reward__actions{gap:10px;width:100%;max-width:340px;display:flex}.reward__actions .btn{flex:1}.reward__done{color:var(--bug);flex:1;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.reward__small{color:var(--text-dim);margin:0;font-size:12px}.studio__filter{color:var(--text-dim);justify-content:space-between;align-items:center;gap:10px;margin-top:-6px;font-size:13px;font-weight:700;display:flex}.buybox{background:var(--gradient-soft);border:1px solid var(--amber);border-radius:16px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.buybox__info{flex-direction:column;gap:4px;font-size:14px;display:flex}.buybox__info span{color:var(--text-dim);font-size:13px;line-height:1.4}.buybox__actions{gap:10px;display:flex}.buybox__actions .btn{flex:1}.levelbar__coins{justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;display:flex}.levelbar__coins strong{color:var(--amber)}.levelbar__coins span{color:var(--text-dim);font-weight:700}.xphelp__coins{font-weight:700;color:var(--amber)!important}.friend-card__head--look{border-radius:var(--radius) var(--radius) 0 0;box-shadow:inset 0 0 0 1px #ffffff1f}.chip--chaos{background:var(--gradient-chaos);color:#fff;border-color:#0000}.chip--chaos:hover{background:var(--gradient-chaos)}.battle-setting__hint{color:var(--text-dim);margin:0;font-size:13px;line-height:1.45}.battle-setting__hint button{color:var(--amber);font-weight:700;font-size:inherit;padding:0}.arsenal-sheet{flex-direction:column;gap:8px;width:100%;display:flex}.arsenal-sheet__family{text-transform:uppercase;letter-spacing:1.2px;margin:6px 0 0;font-size:12px;font-weight:800}.arsenal-sheet__family--buff{color:var(--amber)}.arsenal-sheet__family--hex{color:var(--chaos)}.pcard{border:1.5px solid var(--border);background:var(--surface);text-align:left;border-radius:14px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.pcard--hex{background:var(--chaos-soft);border-color:#9d5cff80}.pcard--buff{border-color:#ffc02e73}.pcard__emoji{text-align:center;flex:none;width:32px;font-size:26px;line-height:1}.pcard__body{flex:1;min-width:0}.pcard__name{justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:800;display:flex}.pcard__desc{color:var(--text-dim);margin:3px 0 0;font-size:13px;line-height:1.4}.rar{letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800}.rar--raro{border-color:var(--amber);color:var(--amber)}.rar--medio{color:var(--text);border-color:#ffa05a80}.effect-banner{background:var(--chaos-soft);border:1px solid #9d5cff99;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 8px 30px #9d5cff40}.effect-banner--buff{background:var(--gradient-soft);box-shadow:none;border-color:#ffc02e99}.effect-banner__emoji{flex:none;font-size:28px;line-height:1}.effect-banner__body{flex:1;min-width:0}.effect-banner__title{margin:0;font-size:15px;font-weight:800}.effect-banner__sub{color:var(--text-dim);margin:2px 0 0;font-size:12.5px}.effect-banner__count{color:var(--amber);flex:none;font-size:18px;font-weight:900}.optcard--fog strong,.optcard--fog span{filter:blur(5px);opacity:.85;transition:filter .6s,opacity .6s}.optcard--fog{background:var(--chaos-soft);border-color:#9d5cff80}.optcard--hidden strong,.optcard--hidden span{visibility:hidden}.optgrid--five .optcard:nth-child(5){grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}.arsenal{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.arsenal__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.arsenal__label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:12px;font-weight:700}.arsenal__label--plain{text-transform:none;letter-spacing:0}.arsenal__slots{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.slot{border:1.5px solid var(--border);background:var(--surface);text-align:left;border-radius:14px;align-items:center;gap:10px;min-height:58px;padding:10px 12px;transition:border-color .2s,background .2s;display:flex}.slot__emoji{flex:none;font-size:26px;line-height:1}.slot__name{margin:0;font-size:14px;font-weight:800}.slot__kind{text-transform:uppercase;letter-spacing:.08em;margin:1px 0 0;font-size:11px;font-weight:700}.slot--buff .slot__kind{color:var(--amber)}.slot--hex .slot__kind{color:var(--chaos)}.slot--empty{color:var(--text-dim);cursor:default;border-style:dashed;justify-content:center;font-size:13px;font-weight:700}.slot--picked.slot--hex{border-color:var(--chaos);background:var(--chaos-soft);box-shadow:0 0 0 3px #9d5cff40}.slot--picked.slot--buff{border-color:var(--amber);background:var(--gradient-soft);box-shadow:0 0 0 3px #ffc02e40}.targets{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.targets::-webkit-scrollbar{display:none}.target{border:1.5px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;flex:1 0 84px;align-items:center;gap:4px;min-height:44px;padding:10px 6px;transition:border-color .2s,background .2s;display:flex}.target__nick{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12.5px;font-weight:700;overflow:hidden}.target__pos{color:var(--text-dim);font-size:11px;font-weight:700}.target--on{border-color:var(--chaos);background:var(--chaos-soft);box-shadow:0 0 0 3px #9d5cff40}.target--on .target__pos{color:var(--chaos);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.btn--chaos{background:var(--gradient-chaos);color:#fff;box-shadow:0 12px 40px #9d5cff59}.btn--chaos:hover:not(:disabled){transform:translateY(-2px)}.drop{background:linear-gradient(135deg, #9d5cff4d, #ff2e882e), var(--bg-2);border:1px solid #9d5cff99;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex;box-shadow:0 12px 40px #9d5cff4d}.drop--buff{background:linear-gradient(135deg, #ffc02e4d, #ff8c1a29), var(--bg-2);box-shadow:var(--shadow);border-color:#ffc02e99}.drop__emoji{flex:none;font-size:40px;line-height:1}.drop__label{letter-spacing:.12em;text-transform:uppercase;color:var(--chaos);margin:0;font-size:11px;font-weight:800}.drop--buff .drop__label{color:var(--amber)}.drop__name{margin:2px 0 0;font-size:20px;font-weight:900}.drop__desc{color:var(--text-dim);margin:2px 0 0;font-size:13px}.lb__fx{letter-spacing:1px;white-space:nowrap;font-size:13px}.medals{flex-direction:column;gap:8px;width:100%;display:flex}.medal{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.medal--hex{background:var(--chaos-soft);border-color:#9d5cff80}.medal--buff{background:var(--gradient-soft);border-color:#ffc02e80}.medal__emoji{flex:none;font-size:28px;line-height:1}.medal__title{margin:0;font-size:15px;font-weight:800}.medal__sub{color:var(--text-dim);margin:2px 0 0;font-size:12.5px}@media (prefers-reduced-motion:reduce){.optcard--fog strong,.optcard--fog span{transition:none}}.home__news{text-align:left;background:var(--gradient-soft);border:1px solid #ffc02e59;border-radius:16px;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:border-color .2s;display:flex}.home__news:hover{border-color:var(--amber)}.admin{flex-direction:column;gap:16px;padding-bottom:24px;display:flex}.admin__nav{flex-direction:column;gap:10px;display:flex}.admin__brand{flex-direction:column;gap:2px;display:flex}.admin__brand strong{font-size:18px;font-weight:900}.admin__brand span{color:var(--text-dim);font-size:12.5px;font-weight:700}.admin__tabs{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.admin__tabs::-webkit-scrollbar{display:none}.admin__tab{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);text-align:left;border-radius:12px;flex:none;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.admin__tab:hover{background:var(--surface-2);color:var(--text)}.admin__tab--on{color:var(--text);border-color:var(--amber);background:var(--gradient-soft)}.admin__tab small{text-transform:uppercase;letter-spacing:.04em;opacity:.7;font-size:10.5px;font-weight:700}.admin__tab--exit{margin-top:auto}.admin__body{flex-direction:column;gap:16px;min-width:0;display:flex}.admin__head{flex-direction:column;gap:6px;display:flex}.admin__head h2{margin:0;font-size:22px;font-weight:900}.admin__head p{color:var(--text-dim);max-width:60ch;margin:0;font-size:14px;line-height:1.5}.admin__stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.admin__stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:2px;min-width:0;padding:12px 14px;display:flex}.admin__stat span{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}.admin__stat strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:900;overflow:hidden}.admin__stat small{color:var(--text-dim);font-size:12px}.admin__toolbar{flex-direction:column;gap:10px;display:flex}.admin__filters{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.admin__filters::-webkit-scrollbar{display:none}.admin__filters .chip{flex:none}.admin__choices{flex-wrap:wrap;gap:8px;display:flex}.admin__choices .chip{flex:none}.admin__search{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:12px;padding:10px 14px;font-size:14px}.admin__search:focus{border-color:var(--amber);outline:none}.admin__empty{text-align:center;color:var(--text-dim);margin:0;font-size:14px}.admin__drawer{flex-direction:column;gap:8px;display:flex}.admin__drawer h3{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:13px;font-weight:800}.admin__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.admin__row{background:var(--surface);border:1px solid var(--border);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main price""when status";align-items:center;gap:6px 12px;padding:10px 12px;display:grid}.admin__row--dirty{border-color:var(--amber);background:var(--gradient-soft)}.admin__row--off .admin__row-main{opacity:.55}.admin__row-main{flex-direction:column;grid-area:main;gap:2px;min-width:0;display:flex}.admin__row-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.admin__row-main span{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.admin__price{grid-area:price;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.admin__price input{border:1px solid var(--border);width:84px;color:var(--text);font-variant-numeric:tabular-nums;text-align:right;background:#0000004d;border-radius:10px;padding:7px 8px;font-size:14px;font-weight:800}.admin__price input:focus{border-color:var(--amber);outline:none}.admin__price input:disabled{opacity:.5}.admin__price em{color:var(--amber);font-size:11.5px;font-style:normal}.admin__status{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);border-radius:999px;grid-area:status;justify-self:end;padding:5px 10px;font-size:12px;font-weight:800}.admin__status--on{color:#3ddc84;border-color:#3ddc8473}.admin__status--off{color:var(--coral);border-color:#ff4d5a73}.admin__status--bug{color:var(--bug);border-color:#7ff0d273}.admin__when{color:var(--text-dim);grid-area:when;font-size:11.5px}.admin__row--dirty .admin__when{color:var(--amber);font-weight:700}.admin__savebar{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 10px);background:var(--bg-2);border:1px solid var(--amber);z-index:2;border-radius:16px;flex-direction:column;gap:10px;padding:12px 14px;display:flex;position:sticky;box-shadow:0 12px 40px #00000073}.admin__savebar-text{flex-direction:column;gap:2px;min-width:0;display:flex}.admin__savebar-text strong{font-size:14px;font-weight:800}.admin__savebar-text span{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.admin__savebar-actions{gap:10px;display:flex}.admin__savebar-actions .btn{flex:1;padding:10px 18px;font-size:14px}@media (width>=900px){.admin{flex-direction:row;align-items:flex-start;gap:24px}.admin__nav{top:calc(var(--appbar-h) + 16px);flex:none;width:220px;position:sticky}.admin__tabs{flex-direction:column;overflow:visible}.admin__tab{width:100%}.admin__body{flex:1}.admin__row{grid-template-columns:minmax(0,1fr) auto auto minmax(140px,180px);grid-template-areas:"main price status when"}.admin__status{justify-self:start}.admin__when{text-align:right}.admin__savebar{flex-direction:row;justify-content:space-between;align-items:center}.admin__savebar-actions .btn{flex:none}.admin__fields{grid-template-columns:1fr 1fr}.admin__fields .admin__field--emoji+.admin__field{grid-column:auto}.admin__kinds{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.admin__row--news{grid-template-columns:minmax(0,1fr) auto minmax(140px,180px) auto;grid-template-areas:"main status when actions"}.admin__row--news .admin__status{justify-self:end}}.admin__form{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:14px;padding:14px;display:flex}.admin__form-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.admin__form-head h3{margin:0;font-size:15px;font-weight:900}.admin__kinds{grid-template-columns:1fr 1fr;gap:8px;display:grid}.admin__kinds .fb__kind{padding:9px 12px}.admin__fields{grid-template-columns:1fr;gap:12px;display:grid}.admin__field{flex-direction:column;gap:6px;min-width:0;display:flex}.admin__field>span{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;gap:8px;font-size:12px;font-weight:800;display:flex}.admin__field>span em{text-transform:none;letter-spacing:0;opacity:.8;font-style:normal;font-weight:700}.admin__field>small{color:var(--text-dim);font-size:11.5px;line-height:1.4}.admin__field--emoji{flex:none;width:88px}.admin__field--check{flex-direction:row;align-items:flex-start;gap:10px;padding-top:4px}.admin__field--check input{width:20px;height:20px;accent-color:var(--amber);flex:none;margin:1px 0 0}.admin__field--check>span{text-transform:none;letter-spacing:0;color:var(--text);flex-direction:column;justify-content:flex-start;gap:2px;font-size:14px;font-weight:800}.admin__field--check small{color:var(--text-dim);font-size:11.5px;font-weight:600}.admin__input{background:var(--bg-2);border:1.5px solid var(--border);width:100%;color:var(--text);font:inherit;border-radius:12px;padding:10px 12px;font-size:14px}.admin__input:focus{border-color:var(--amber);outline:none}.admin__input[type=datetime-local]{appearance:none;min-width:0;max-width:100%;display:block}.admin__form .fb__box{background:var(--bg-2);min-height:80px}.admin__preview{background:var(--bg-2);border:1px dashed var(--border);border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.admin__preview-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}.admin__preview .bell__item{padding:10px}.admin__preview .wn__group{flex-direction:column;gap:6px;display:flex}.admin__preview .wn__label{color:var(--text-dim);margin:0;font-size:12px;font-weight:800}.admin__confirm{background:var(--gradient-soft);border:1px solid var(--amber);border-radius:12px;margin:0;padding:10px 12px;font-size:13px;line-height:1.45}.admin__confirm strong{color:var(--amber)}.admin__form-actions{flex-wrap:wrap;gap:10px;display:flex}.admin__form-actions .btn{padding:10px 18px;font-size:14px}.admin__link{color:var(--amber);text-underline-offset:2px;padding:0;font-size:12.5px;font-weight:800;text-decoration:underline}.admin__link:disabled{opacity:.5}.admin__row--news{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main status""when actions"}.admin__row--news .admin__row-main span{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.admin__row-actions{grid-area:actions;justify-self:end;gap:12px;display:flex}.admin__badge{background:var(--coral);color:#fff;text-align:center;border-radius:999px;min-width:20px;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:900;line-height:1.5}.admin__status--amber{color:var(--amber);border-color:#ffc02e73}.admin__row--fb{flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.admin__fb-summary{text-align:left;width:100%;color:inherit;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.admin__fb-summary .admin__row-main,.admin__fb-summary .admin__status{grid-area:auto}.admin__fb-summary .admin__row-main strong{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.admin__fb-summary .admin__row-main span{white-space:normal;line-height:1.4;overflow:visible}.admin__fb-kind{font-size:18px;line-height:1}.admin__fb-detail{border-top:1px solid var(--border);flex-direction:column;gap:14px;padding:4px 12px 14px;display:flex}.admin__fb-message{background:var(--bg-2);white-space:pre-wrap;word-break:break-word;border-radius:12px;margin:0;padding:12px;font-size:14px;line-height:1.5}.admin__fb-meta{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 12px;margin:0;display:grid}.admin__fb-meta dt{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.admin__fb-meta>div{min-width:0}.admin__fb-meta dd{overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:700}.admin__fb-reward,.admin__fb-reply{background:var(--bg-2);border:1px dashed var(--border);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.admin__fb-hint{color:var(--text-dim);margin:0;font-size:12.5px;line-height:1.45}.bughunt{text-align:left;background:#7ff0d214;border:1px solid #7ff0d259;border-radius:16px;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.bughunt__preview{border:1px solid #ffffff24;border-radius:12px;flex:none;place-items:center;width:52px;height:52px;display:grid}.bughunt__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bughunt__text strong{font-size:14px;font-weight:800}.bughunt__text span{color:var(--text-dim);font-size:12.5px;line-height:1.4}.bughunt__cta{background:var(--bug);color:#06241d;white-space:nowrap;border-radius:999px;flex:none;padding:8px 12px;font-size:13px;font-weight:800}.bughunt__close{width:28px;height:28px;color:var(--text-dim);border-radius:999px;flex:none;font-size:13px;font-weight:700;line-height:1}.bughunt__close:hover{background:var(--surface-2);color:var(--text)}@media (width<=400px){.bughunt{flex-wrap:wrap}.bughunt__text{flex-basis:calc(100% - 104px)}.bughunt__cta{margin-left:64px}}.home__news-emoji{flex:none;font-size:26px;line-height:1}.home__news-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.home__news-text strong{font-size:14px;font-weight:800}.home__news-text span{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;line-height:1.4;overflow:hidden}.home__news-cta{background:var(--gradient);color:#2a0a12;border-radius:999px;flex:none;padding:8px 14px;font-size:13px;font-weight:800}.home__footer-link{color:var(--text-dim);margin-top:6px;padding:4px 8px;font-size:13px;font-weight:700;-webkit-text-decoration:underline #d9a88f66;text-decoration:underline #d9a88f66}.home__footer-link:hover{color:var(--text)}.wn__veil{z-index:50;-webkit-backdrop-filter:blur(2px);cursor:default;background:#1c0c148c;position:absolute;inset:0}.wn{z-index:51;max-height:calc(100% - var(--appbar-h) - env(safe-area-inset-top,0px) - 24px);max-width:640px;padding:10px 16px calc(22px + env(safe-area-inset-bottom,0px));background:var(--bg-2);border:1px solid var(--border);border-bottom:none;border-radius:24px 24px 0 0;flex-direction:column;gap:14px;margin:0 auto;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -12px 40px #ff4d5a40}.wn__grab{background:#fff3e940;border-radius:999px;flex:none;align-self:center;width:40px;height:4px}.wn__head{flex:none;justify-content:space-between;align-items:center;gap:10px;display:flex}.wn__title{letter-spacing:-.3px;font-size:22px;font-weight:900;display:block}.wn__sub{color:var(--text-dim);margin:4px 0 0;font-size:13px}.wn__date{background:var(--gradient-soft);border:1px solid var(--border);color:var(--amber);border-radius:999px;flex:none;padding:4px 10px;font-size:12px;font-weight:700}.wn__body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:14px;min-height:0;display:flex;overflow-y:auto}.wn__group{flex-direction:column;gap:8px;display:flex}.wn__label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);margin:0;font-size:12px;font-weight:800}.wn__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.wn__item{border-radius:12px;align-items:flex-start;gap:10px;padding:10px;display:flex}.wn__item--hi{background:var(--gradient-soft);border:1px solid #ffc02e59;border-radius:14px;padding:12px}.wn__emoji{flex:none;font-size:20px;line-height:1.2}.wn__text{flex-direction:column;gap:3px;min-width:0;display:flex}.wn__text strong{font-size:14px;font-weight:800}.wn__text span{color:var(--text-dim);font-size:12.5px;line-height:1.4}.wn__actions{flex-direction:column;flex:none;gap:6px;margin-top:4px;display:flex}.wn__ok{width:100%}.wn__all{color:var(--text-dim);padding:8px;font-size:13px;font-weight:700}.wn__all:hover{color:var(--text)}.cl{flex-direction:column;gap:22px;padding:4px 0 8px;display:flex}.cl__release{flex-direction:column;gap:10px;display:flex}.cl__when{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.cl__when h2{margin:0;font-size:18px;font-weight:900}.cl__current{background:var(--gradient);color:#2a0a12;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:900}.cl__list{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:6px;margin:0;padding:6px 8px 8px;list-style:none;display:flex}.cl__list--current{background:var(--bg-2);box-shadow:var(--shadow)}.cl__item{border-radius:12px;align-items:flex-start;gap:10px;padding:10px;display:flex}.cl__item--new{background:var(--gradient-soft)}.cl__emoji{flex:none;font-size:18px;line-height:1.3}.cl__text{flex-direction:column;gap:2px;min-width:0;display:flex}.cl__text strong{font-size:13px;font-weight:800}.cl__text span{color:var(--text-dim);font-size:12.5px;line-height:1.4}.cl__empty{text-align:center;color:var(--text-dim);margin:0;padding:18px 4px;font-size:14px;line-height:1.5}.cl__hint{background:var(--surface);border:1px dashed var(--border);color:var(--text-dim);border-radius:16px;align-items:center;gap:10px;margin:0;padding:12px 14px;font-size:12.5px;line-height:1.4;display:flex}.cl__hint span{flex:none;font-size:20px;line-height:1}.tour{overflow:hidden}.tour__step{overscroll-behavior:contain;flex-direction:column;gap:14px;min-height:0;display:flex;overflow-y:auto}.tour__hero{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:6px 0 2px;display:flex}.tour__headline{letter-spacing:-.5px;font-size:28px;font-weight:900;line-height:1.1}.tour__lead{max-width:300px;color:var(--text-dim);margin:0;font-size:15px;line-height:1.5}.tour__gift{background:var(--gradient-soft);border:1px solid #ffc02e59;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.tour__gift-emoji{flex:none;font-size:28px;line-height:1}.tour__nav{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.tour__skip{min-height:44px;color:var(--text-dim);padding:0 6px;font-size:13px;font-weight:700}.tour__skip:hover{color:var(--text)}.tour__next{padding:12px 22px;font-size:15px}.tour__dots{align-items:center;gap:6px;display:flex}.tour__dot{background:#fff3e940;border-radius:999px;width:6px;height:6px;transition:width .25s,background .25s;display:block}.tour__dot--on{background:var(--gradient);width:22px}.tour__profile{background:var(--surface);border:1px solid var(--border);border-radius:18px;align-items:center;gap:14px;padding:14px;display:flex}.tour__avatar{background:var(--gradient-soft);border:1px solid var(--border);border-radius:18px;flex:none;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.tour__profile-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.tour__profile-row{justify-content:space-between;align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.tour__profile-row--dim{color:var(--text-dim);font-size:12px;font-weight:700}.tour__level{background:var(--gradient);color:#2a0a12;letter-spacing:.08em;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:900}.tour__bar{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.tour__bar-fill{background:var(--gradient);border-radius:999px;height:100%}.tour__coins{color:var(--amber)}.tour__present{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:18px 0 6px;display:flex;position:relative}.tour__present-box{filter:drop-shadow(0 12px 30px #ff4d5a73);font-size:64px;line-height:1;animation:1.6s ease-in-out infinite tour-bounce}.tour__amount{letter-spacing:-2px;background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:900;line-height:1}.tour__coin{filter:drop-shadow(0 6px 14px #ffc02e59);line-height:1;animation:3s ease-in-out infinite tour-float;position:absolute}.tour__coin--1{opacity:.85;font-size:22px;top:4px;left:6%;transform:rotate(-18deg)}.tour__coin--2{opacity:.6;font-size:16px;animation-delay:.6s;bottom:8px;left:18%;transform:rotate(12deg)}.tour__coin--3{opacity:.8;font-size:20px;animation-delay:1.1s;top:10px;right:8%;transform:rotate(22deg)}.tour__coin--4{opacity:.55;font-size:14px;animation-delay:1.7s;bottom:14px;right:20%;transform:rotate(-8deg)}.tour__balance{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:700;display:flex}.tour__balance-new{background:var(--gradient-soft);color:var(--amber);border:1px solid #ffc02e59;border-radius:999px;padding:3px 10px;font-weight:900}.tour__actions{align-items:center;gap:10px}@keyframes tour-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes tour-float{0%,to{translate:0}50%{translate:0 -5px}}@media (prefers-reduced-motion:reduce){.tour__present-box,.tour__coin{animation:none}}.mode-card--telao{background:linear-gradient(135deg, #6fb0ff4d, #ffc02e2e, #ff2e881f), var(--bg-2);border-color:#6fb0ff80}.mode-card--telao:hover{border-color:#6fb0ff}.mode-card__new--admin{background:linear-gradient(120deg, #6fb0ff, var(--chaos))}.optgrid--big{grid-template-columns:1fr;gap:12px}.optgrid--big .optcard{text-align:left;flex-flow:wrap;align-items:center;gap:14px;min-height:104px;padding:16px}.optcard__letter{color:#2a0a12;border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;font-weight:900;display:inline-flex}.optcard__letter--0{background:var(--amber)}.optcard__letter--1{background:var(--orange)}.optcard__letter--2{background:var(--coral)}.optcard__letter--3{background:var(--pink)}.optgrid--big .optcard strong{flex:1;min-width:0;font-size:17px}.optgrid--big .optcard>span:last-child{flex-basis:100%;font-size:13px}.battle-reveal__mine{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:8px;padding:14px;display:flex}.screen--telao{padding:0}.telao{--tv-pad:clamp(16px, 2.5vw, 36px);--opt-0:var(--amber);--opt-1:var(--orange);--opt-2:var(--coral);--opt-3:var(--pink);min-height:100%;padding:var(--tv-pad);flex-direction:column;gap:clamp(12px,2vh,22px);font-size:clamp(14px,1.3vw,19px);display:flex;position:relative}.telao--center{text-align:center;justify-content:flex-start;align-items:center}.telao--center>*{margin-block:auto}.telao__muted{color:var(--text-dim);margin:0;font-size:.95em}.telao__dim{color:var(--text-dim);font-weight:600}.telao__error{color:var(--coral);text-align:center;margin:0;font-weight:700}.telao__error--float{left:50%;bottom:var(--tv-pad);background:var(--bg-2);border:1px solid var(--coral);border-radius:999px;padding:10px 16px;position:absolute;transform:translate(-50%)}.telao__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:.8em;font-weight:800}.telao__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.telao__ghost{border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:6px 14px;font-size:.85em;font-weight:700}.telao__ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.telao__ghost:disabled{opacity:.5;cursor:default}.telao__overlay{z-index:5;background:#1c0c14db;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:1.4em;font-weight:800;display:flex;position:absolute;inset:0}.telao__overlay span{font-size:3em}.telao__bar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px 18px;padding-bottom:12px;display:flex}.telao__brand{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.15em;font-weight:900}.telao__sub{color:var(--text-dim)}.telao__sub strong{color:var(--text);letter-spacing:.08em}.telao__spacer{flex:1}.telao-panel{background:var(--surface);border:1px solid var(--border);border-radius:22px;flex-direction:column;gap:14px;min-width:0;padding:clamp(16px,2vw,28px);display:flex}.telao-panel__head{align-items:baseline;gap:12px;display:flex}.telao-panel__head h2{margin:0;font-size:1.3em;font-weight:900}.telao-panel__count{color:var(--text-dim);font-weight:700}.telao-entry{flex-direction:column;align-items:center;gap:14px;max-width:720px;display:flex}.telao-entry__emoji{font-size:4em;line-height:1}.telao-entry__title{margin:0;font-size:2.4em;font-weight:900}.telao-entry__admin{color:#6fb0ff;background:#6fb0ff29;border:1px solid #6fb0ff80;border-radius:999px;margin:0;padding:5px 12px;font-size:.85em;font-weight:700}.telao-entry__settings{text-align:left;flex-direction:column;gap:14px;width:100%;margin:8px 0;display:flex}.telao-lobby{flex:1;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch;gap:clamp(14px,2vw,28px);display:grid}.telao-lobby__join{text-align:center;justify-content:center;align-items:center;container-type:inline-size}.telao-code{letter-spacing:.04em;gap:.12em;max-width:100%;font-size:clamp(32px,11cqw,96px);font-weight:900;line-height:1;display:flex}.telao-code span{text-align:center;background:var(--bg-2);border:1px solid var(--border);border-radius:.16em;flex:1 1 0;min-width:0;padding:.08em .06em}.telao-qr{aspect-ratio:1;width:min(320px,38vh,100%);box-shadow:var(--shadow);background:#fff3e9;border-radius:20px;padding:8px;overflow:hidden}.telao-qr img{width:100%;height:100%;display:block}.telao-qr__ph{background:repeating-linear-gradient(45deg,#e8d8cc 0 12px,#fff3e9 12px 24px);border-radius:12px;width:100%;height:100%}.telao-lobby__link{color:var(--text);letter-spacing:.02em;overflow-wrap:anywhere;font-weight:700}.telao-lobby__foot{text-align:center;font-size:.85em}.telao-players{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.telao-player{background:var(--bg-2);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;display:flex;position:relative}.telao-player__nick{text-align:center;overflow-wrap:anywhere;font-weight:800}.telao-player__tag{letter-spacing:.08em;text-transform:uppercase;background:var(--gradient-soft);color:var(--amber);border-radius:999px;padding:2px 8px;font-size:.65em;font-weight:800;position:absolute;top:8px;right:8px}.telao-player--waiting{color:var(--text-dim);border-style:dashed;justify-content:center}.telao-player--waiting .telao-player__nick{font-weight:600}.telao-rules{flex-direction:column;gap:10px;margin-top:auto;display:flex}.telao-rules__chips{flex-wrap:wrap;gap:8px;display:flex}.telao-round{flex-direction:column;flex:1;gap:clamp(12px,2vh,20px);min-height:0;display:flex}.telao-countdown{z-index:4;color:var(--amber);background:#1c0c14b3;place-items:center;font-size:clamp(120px,25vw,320px);font-weight:900;display:grid;position:absolute;inset:0}.telao-round__head{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.telao-round__question{margin:4px 0 0;font-size:2.2em;font-weight:900}.telao-timer{color:var(--amber);font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;font-size:1.6em;font-weight:900;display:flex}.telao-timer span{font-size:2.2em;line-height:1}.telao-timer--urgent{color:var(--coral)}.telao-timer--urgent span{animation:.6s ease-in-out infinite alternate telao-pulse}@keyframes telao-pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.telao .timerbar{height:10px}.telao-round__body{flex:1;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(14px,2vw,28px);min-height:0;display:grid}.telao-options{grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:clamp(12px,1.6vw,20px);display:grid}.telao-opt{background:var(--surface);border:2px solid var(--border);border-radius:22px;align-items:center;gap:18px;min-width:0;padding:clamp(14px,2vw,26px);display:flex}.telao-opt--0{border-color:color-mix(in srgb, var(--opt-0) 60%, transparent)}.telao-opt--1{border-color:color-mix(in srgb, var(--opt-1) 60%, transparent)}.telao-opt--2{border-color:color-mix(in srgb, var(--opt-2) 60%, transparent)}.telao-opt--3{border-color:color-mix(in srgb, var(--opt-3) 60%, transparent)}.telao-opt__letter{color:#2a0a12;background:var(--opt-0);border-radius:.7em;flex:none;justify-content:center;align-items:center;width:2.6em;height:2.6em;font-size:1.3em;font-weight:900;display:inline-flex}.telao-opt--1 .telao-opt__letter,.telao-opt__letter--1{background:var(--opt-1)}.telao-opt--2 .telao-opt__letter,.telao-opt__letter--2{background:var(--opt-2)}.telao-opt--3 .telao-opt__letter,.telao-opt__letter--3{background:var(--opt-3)}.telao-opt__text{flex-direction:column;gap:4px;min-width:0;display:flex}.telao-opt__text strong{overflow-wrap:anywhere;font-size:1.35em;line-height:1.2}.telao-opt__text span{color:var(--text-dim);overflow-wrap:anywhere}.telao-answered__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.telao-answered__row{color:var(--text-dim);border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.telao-answered__row--done{color:var(--text);background:var(--bg-2);border-color:var(--border)}.telao-answered__nick{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.telao-answered__mark{text-align:center;color:#3ddc84;width:1.4em;font-weight:900}.telao-reveal{flex:1;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(14px,2vw,28px);min-height:0;display:grid}.telao-reveal__song{align-items:center;gap:18px;display:flex}.telao-reveal__art{object-fit:cover;width:clamp(96px,12vw,160px);height:clamp(96px,12vw,160px);box-shadow:var(--shadow);border-radius:18px;flex:none}.telao-reveal__art--ph{background:var(--bg-2);place-items:center;font-size:3em;display:grid}.telao-reveal__meta{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.telao-reveal__meta strong{overflow-wrap:anywhere;font-size:1.7em;line-height:1.15}.telao-reveal__meta>span:last-child{color:var(--text-dim);font-size:1.05em}.telao-reveal__stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.telao-stat{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.telao-stat strong{font-variant-numeric:tabular-nums;font-size:1.6em}.telao-stat span{color:var(--text-dim);font-size:.9em}.telao-next{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.telao-next__label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.8em;font-weight:700}.telao-timer--next{color:var(--text)}.timerbar--next .timerbar__fill{background:var(--text-dim);transition:width .25s linear}.telao-board{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.telao-board__row{background:var(--bg-2);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:14px;grid-template-columns:2em 34px minmax(0,1fr) auto auto 5em;align-items:center;gap:12px;padding:8px 12px;display:grid}.telao-board__row--plain{grid-template-columns:2em 30px minmax(0,1fr) 5em}.telao-board__pos{color:var(--text-dim);text-align:center;font-weight:900}.telao-board__nick{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.telao-board__result{color:var(--text-dim);font-size:.9em}.telao-board__result--ok{color:#3ddc84}.telao-board__result--fail{color:var(--coral)}.telao-board__gain{color:var(--amber);font-weight:800}.telao-board__score{text-align:right;font-size:1.1em;font-weight:900}.telao-final{flex-direction:column;flex:1;gap:clamp(12px,2vh,22px);display:flex}.telao-final__head{text-align:center}.telao-final__title{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:4px 0 0;font-size:2.4em;font-weight:900}.telao-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:16px;width:100%;max-width:760px;margin:0 auto;display:grid}.telao-podium__slot{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;display:flex}.telao-podium__slot--1{background:var(--gradient-soft);border-color:var(--amber);padding-top:26px;padding-bottom:32px}.telao-podium__slot--empty{background:0 0;border:0}.telao-podium__medal{font-size:2em;line-height:1}.telao-podium__nick{text-align:center;overflow-wrap:anywhere;font-size:1.2em;font-weight:900}.telao-podium__score{color:var(--amber);font-variant-numeric:tabular-nums;font-size:1.5em;font-weight:900}.telao-podium__place{color:var(--text-dim);font-size:.85em}.telao-final__body{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(14px,2vw,28px);display:grid}.telao-final__body>.telao-panel:only-child{grid-column:1/-1}.telao-highlights{flex-direction:column;gap:10px;margin:0;padding:0;font-size:1.05em;list-style:none;display:flex}.telao-highlights strong{color:var(--amber)}@media (width<=860px){.telao-lobby,.telao-round__body,.telao-reveal,.telao-final__body,.telao-options{grid-template-columns:1fr}.telao-board__row{grid-template-columns:2em 34px minmax(0,1fr) auto 4em}.telao-board__result{display:none}.telao-podium{align-items:stretch}}.reactbar{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.reactbar__label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:12px;font-weight:800}.reactbar__btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.reactbar__btn{background:var(--bg-2);border:1.5px solid var(--border);border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:24px;transition:border-color .2s,background .2s,opacity .2s;display:inline-flex}.reactbar__btn:disabled{cursor:default}.reactbar__btn--lit{border-color:var(--amber);background:var(--gradient-soft);box-shadow:0 0 0 3px #ffc02e40}.reactbar__btn--wait{opacity:.45}.telao-avatar{flex:none;display:inline-flex;position:relative}.telao-badge{background:var(--bg-2);border:1px solid var(--border);border-radius:999px;padding:2px 4px;font-size:1em;line-height:1;position:absolute;top:-10px;right:-10px;box-shadow:0 4px 10px #00000059}.telao-float{right:var(--tv-pad);pointer-events:none;z-index:3;flex-direction:column;align-items:flex-end;gap:6px;width:220px;display:flex;position:absolute;bottom:18%}.telao-float__item{align-items:center;gap:8px;display:flex}.telao-float__emoji{filter:drop-shadow(0 6px 12px #00000073);font-size:2.4em;line-height:1}.telao-float__name{background:var(--bg-2);border:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:150px;padding:4px 10px;font-size:.9em;font-weight:800;overflow:hidden}.telao-reactions{flex-direction:column;gap:8px;display:flex}.telao-reactions__chips{flex-wrap:wrap;gap:8px;display:flex}.telao-reactions__chip{background:var(--bg-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:1.1em;display:inline-flex}.telao-reactions__chip strong{color:var(--amber);font-variant-numeric:tabular-nums}.qrscan{z-index:60;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));background:#000;flex-direction:column;justify-content:flex-end;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.qrscan__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.qrscan__frame{aspect-ratio:1;border:3px solid var(--amber);border-radius:22px;width:min(70vw,300px);position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);box-shadow:0 0 0 100vmax #00000073}.qrscan__hint{color:#fff;text-align:center;text-shadow:0 2px 8px #000c;margin:0;font-weight:700;position:relative}.qrscan__close{position:relative}.telao-join{border-top:1px solid var(--border);flex-direction:column;gap:10px;width:100%;margin-top:12px;padding-top:18px;display:flex}.telao-join__row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.telao-join__row .battle-codeinput{width:9ch}