:root{--green: #1ed760;--black: #000000;--carbon: #121212;--graphite: #1f1f1f;--smoke: #292929;--iron: #333333;--steel: #535353;--fog: #73777c;--mist: #b3b3b3;--bone: #c5c5c5;--white: #ffffff;--promo: linear-gradient(90deg, rgb(175, 40, 150), rgb(80, 155, 245));--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r-card: 6px;--r-pill: 9999px;--r-input: 500px;--shadow-lg: rgba(0, 0, 0, .5) 0 8px 24px 0;--sidebar-w: 300px;--topbar-h: 64px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--black);color:var(--white);font-family:var(--font);font-size:14px;line-height:1.33;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:700;line-height:1.2}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}input,textarea,select{font:inherit;color:inherit}a{color:inherit}::selection{background:var(--green);color:var(--black)}:focus-visible{outline:2px solid var(--white);outline-offset:2px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--iron);border-radius:6px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--steel);background-clip:content-box}.app{height:100%;display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"topbar topbar" "sidebar main";gap:8px;padding:0 8px 8px;background:var(--black)}.faq{display:grid;gap:8px;max-width:760px}.faq__item{border:1px solid #2a2a2a;border-radius:8px;background:#121212}.faq__item[open]{border-color:#3d3d3d}.faq__q{padding:14px 16px;color:#fff;font-size:15px;cursor:pointer;list-style:none}.faq__q::-webkit-details-marker{display:none}.faq__q:after{content:"+";float:right;color:#b3b3b3;font-size:18px;line-height:1}.faq__item[open] .faq__q:after{content:"−"}.faq__q:hover{background:#1a1a1a}.faq__a{padding:0 16px 16px;color:#b3b3b3;font-size:14px;line-height:1.6}.pwfield{position:relative;display:block}.pwfield .input{width:100%;padding-right:68px}.pwfield__toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:4px 10px;border:1px solid #535353;border-radius:9999px;background:transparent;color:#b3b3b3;font:inherit;font-size:12px;cursor:pointer}.pwfield__toggle:hover{border-color:#fff;color:#fff}.skiplink{position:absolute;left:-9999px;top:0;z-index:100;padding:12px 20px;border-radius:0 0 8px;background:var(--green, #1ed760);color:#0a0a0a;font-size:14px;text-decoration:none}.skiplink:focus{left:0;outline:2px solid #fff;outline-offset:2px}.topbar{grid-area:topbar;display:flex;align-items:center;gap:16px;padding:8px 4px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.02em}.brand__mark{color:var(--green);display:grid;place-items:center}.topbar__nav{display:flex;gap:8px;margin-left:8px}.navpill{padding:8px 16px;border-radius:var(--r-pill);font-size:14px;font-weight:700;color:var(--mist);background:transparent;transition:background .12s linear,color .12s linear}.navpill:hover,.navpill[aria-current=true]{color:var(--white);background:var(--graphite)}.sidebar{grid-area:sidebar;background:var(--carbon);border-radius:8px;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.main{grid-area:main;background:var(--carbon);border-radius:8px;overflow-y:auto;position:relative}.main__inner{padding:24px 24px 48px;max-width:1400px}.sidebar__title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--mist);padding:4px 4px 0}.sidebar__group{display:flex;flex-direction:column;gap:4px}.sideitem{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border-radius:var(--r-card);text-align:left;color:var(--mist);font-weight:600;transition:background .12s linear,color .12s linear}.sideitem:hover{background:var(--graphite);color:var(--white)}.sideitem__art{width:40px;height:40px;border-radius:4px;object-fit:cover;background:var(--graphite);flex:none}.sideitem__art--round{border-radius:var(--r-input)}.sideitem__body{min-width:0;display:flex;flex-direction:column;gap:2px}.sideitem__sub{font-size:12px;font-weight:400;color:var(--fog)}.libcard{background:var(--graphite);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px}.libcard__title{font-size:14px;font-weight:700}.libcard__body{font-size:12px;color:var(--mist);line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--r-pill);background:var(--white);color:var(--black);font-size:14px;font-weight:700;white-space:nowrap;transition:transform .1s ease,background .12s linear,filter .12s linear}.btn:hover:not(:disabled){transform:scale(1.04)}.btn:active:not(:disabled){transform:scale(.99)}.btn--green{background:var(--green);color:var(--black)}.btn--green:hover:not(:disabled){filter:brightness(1.08)}.btn--ghost{background:transparent;color:var(--mist);border:1px solid var(--steel)}.btn--ghost:hover:not(:disabled){color:var(--white);border-color:var(--white);transform:scale(1.04)}.btn--plain{background:transparent;color:var(--mist);padding:8px 12px}.btn--plain:hover:not(:disabled){color:var(--white);transform:none}.btn--sm{padding:8px 16px;font-size:13px}.btn--block{width:100%}.link{background:none;border:0;padding:0;color:var(--mist);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.link:hover{color:var(--white)}.hero{background:var(--promo);border-radius:8px;padding:40px;display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.hero__eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.9}.hero__title{font-size:48px;font-weight:700;letter-spacing:-.03em;line-height:1.05;max-width:16ch}.hero__body{font-size:14px;max-width:60ch;line-height:1.5;opacity:.95}.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.sect{margin-bottom:40px}.sect__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.sect__title{font-size:24px;font-weight:700;letter-spacing:-.01em}.sect__sub{font-size:13px;color:var(--mist);margin-top:4px;font-weight:400}.sect__link{font-size:12px;font-weight:700;color:var(--mist);text-transform:uppercase;letter-spacing:.06em}.sect__link:hover{color:var(--white)}.cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.cardgrid--wide{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.tile{background:transparent;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:12px;text-align:left;transition:background .14s linear;position:relative}.tile:hover{background:var(--graphite)}.tile__art{width:100%;aspect-ratio:1;border-radius:var(--r-card);object-fit:cover;background:var(--graphite);display:grid;place-items:center;color:var(--steel)}.tile__art--round{border-radius:var(--r-input)}.tile__title{font-size:14px;font-weight:600;color:var(--white)}.tile__meta{font-size:13px;color:var(--mist);font-weight:400}.tile__play{position:absolute;right:20px;top:50%;width:44px;height:44px;border-radius:var(--r-input);background:var(--green);color:var(--black);display:grid;place-items:center;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(8px);transition:opacity .14s linear,transform .14s ease;pointer-events:none}.tile:hover .tile__play,.tile:focus-visible .tile__play{opacity:1;transform:translateY(0)}.panel{background:var(--graphite);border-radius:8px;padding:20px}.panel--flat{background:transparent;border:1px solid var(--iron)}.input{width:100%;background:var(--graphite);border:1px solid transparent;border-radius:var(--r-input);padding:12px 18px;outline:none;font-size:14px;transition:border-color .12s linear,background .12s linear}.input::placeholder{color:var(--bone)}.input:focus{border-color:var(--white);background:var(--smoke)}textarea.input{border-radius:8px;min-height:180px;resize:vertical;line-height:1.6}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.field{display:flex;flex-direction:column;gap:8px}.field__label{font-size:12px;font-weight:700;color:var(--mist);text-transform:uppercase;letter-spacing:.06em}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--steel);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:var(--r-input);background:var(--white)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:var(--r-input);background:var(--white)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:8px 16px;border-radius:var(--r-pill);background:var(--graphite);color:var(--mist);font-size:13px;font-weight:700;transition:background .12s linear,color .12s linear}.chip:hover:not(:disabled){background:var(--smoke);color:var(--white)}.chip[aria-selected=true],.chip[aria-pressed=true]{background:var(--white);color:var(--black)}.stage{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.stage__head{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{font-size:12px;font-weight:700;color:var(--mist);text-transform:uppercase;letter-spacing:.08em}.tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--r-pill);background:var(--graphite);font-size:12px;font-weight:700;color:var(--mist)}.tag--green{color:var(--green)}.dot{width:8px;height:8px;border-radius:var(--r-input);background:var(--steel);flex:none}.dot--live{background:var(--green)}.sleeve{position:relative;display:flex;gap:20px;align-items:center;background:var(--graphite);border-radius:8px;padding:16px}.sleeve__art{width:88px;height:88px;border-radius:var(--r-card);object-fit:cover;background:var(--smoke);display:grid;place-items:center;color:var(--steel);flex:none}.sleeve__body{min-width:0;display:flex;flex-direction:column;gap:4px;flex:1}.sleeve__title{font-size:24px;font-weight:700;letter-spacing:-.01em}.sleeve__meta{font-size:14px;color:var(--mist)}.sleeve__score{text-align:right;flex:none}.sleeve__points{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--green)}.transport{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 0}.playfab{width:88px;height:88px;border-radius:var(--r-input);background:var(--green);color:var(--black);display:grid;place-items:center;transition:transform .12s ease,filter .12s linear}.playfab:hover:not(:disabled){transform:scale(1.06);filter:brightness(1.08)}.playfab:disabled{background:var(--steel);color:var(--carbon)}.segbar{display:grid;gap:4px;width:100%}.seg{height:6px;border-radius:3px;background:var(--iron);position:relative;overflow:hidden}.seg--spent{background:var(--steel)}.seg--current{background:var(--iron);box-shadow:inset 0 0 0 1px var(--steel)}.seg__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--green);transform-origin:left center}.seglabels{display:flex;gap:4px;width:100%;margin-top:8px}.seglabel{flex:1;font-size:11px;color:var(--fog);text-align:center;font-variant-numeric:tabular-nums}.seglabel--on{color:var(--mist)}.seglabel--current{color:var(--green);font-weight:700}.guess{position:relative}.guess__row{display:flex;gap:8px;align-items:stretch}.guess__field{flex:1;display:flex;align-items:center;gap:10px;background:var(--graphite);border:1px solid transparent;border-radius:var(--r-input);padding:0 18px;min-width:0;transition:border-color .12s linear,background .12s linear}.guess__field:focus-within{border-color:var(--white);background:var(--smoke)}.guess__input{flex:1;background:none;border:0;outline:none;padding:13px 0;font-size:14px;min-width:0}.guess__input::placeholder{color:var(--bone)}.guess__menu{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:var(--smoke);border-radius:8px;overflow:hidden auto;max-height:300px;z-index:30;box-shadow:var(--shadow-lg);padding:4px}.guess__option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:8px;border-radius:var(--r-card)}.guess__option[aria-selected=true],.guess__option:hover{background:var(--iron)}.guess__option-art{width:40px;height:40px;border-radius:4px;object-fit:cover;background:var(--graphite);flex:none}.guess__option-title{font-size:14px;font-weight:600}.guess__option-artist{font-size:12px;color:var(--mist)}.attempts{display:flex;flex-direction:column;gap:4px}.attempt{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--r-card);background:var(--graphite);font-size:13px;color:var(--mist)}.attempt__n{font-size:11px;color:var(--fog);width:16px;flex:none;font-variant-numeric:tabular-nums}.attempt--wrong{color:var(--mist)}.attempt--skip{color:var(--fog)}.attempt--artist,.attempt--artist .attempt__n{color:#ffc862}.score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;background:var(--graphite);border-radius:8px;padding:16px 20px}.score__side{display:flex;flex-direction:column;gap:4px;min-width:0}.score__side--right{align-items:flex-end;text-align:right}.score__name{font-size:12px;font-weight:700;color:var(--mist);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:8px}.score__value{font-size:32px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.score__vs{font-size:11px;font-weight:700;color:var(--fog);letter-spacing:.1em}.score__note{font-size:11px;color:var(--fog)}.rows{display:flex;flex-direction:column}.row{display:grid;grid-template-columns:24px 44px 1fr auto auto;align-items:center;gap:14px;padding:8px;border-radius:var(--r-card)}.row:hover{background:var(--graphite)}.row__n{font-size:13px;color:var(--fog);text-align:right;font-variant-numeric:tabular-nums}.row__art{width:44px;height:44px;border-radius:4px;object-fit:cover;background:var(--graphite)}.row__body{min-width:0;display:flex;flex-direction:column;gap:2px}.row__title{font-size:14px;font-weight:600}.row__meta{font-size:12px;color:var(--mist)}.row__stat{font-size:12px;color:var(--mist);text-align:right;font-variant-numeric:tabular-nums}.row__points{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;min-width:48px;text-align:right}.row__points--won{color:var(--green)}.stats{display:flex;gap:40px;flex-wrap:wrap}.stat__value{font-size:32px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.stat__label{font-size:12px;color:var(--mist);text-transform:uppercase;letter-spacing:.06em;margin-top:6px}.note{background:var(--graphite);border-radius:8px;padding:14px 18px;font-size:13px;color:var(--mist);line-height:1.5}.note--error{color:#f5b1ab;background:#b8585029}.note--green{color:var(--green);background:#1ed7601f}.progress{height:4px;border-radius:2px;background:var(--iron);overflow:hidden}.progress__bar{height:100%;background:var(--green);transition:width .2s linear}.stack{display:flex;flex-direction:column;gap:16px}.inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;gap:16px}.muted{color:var(--mist)}.dim{color:var(--fog)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.center{text-align:center}.grow{flex:1}.tabular{font-variant-numeric:tabular-nums}.split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.app{grid-template-columns:1fr;grid-template-areas:"topbar" "main";height:auto;min-height:100%}.sidebar{display:none}.split{grid-template-columns:1fr}.hero{padding:24px}.hero__title{font-size:32px}.main__inner{padding:16px 16px 40px}}@media(max-width:620px){.topbar__nav .navpill{padding:8px 12px;font-size:13px}.guess__row{flex-wrap:wrap}.guess__field{flex-basis:100%}.row{grid-template-columns:24px 44px 1fr auto}.row__stat{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.tile__art--icon{background:linear-gradient(145deg,var(--smoke),var(--graphite));color:var(--mist)}.tile__art--rank{background:linear-gradient(145deg,#1d3b2a,var(--graphite));color:var(--green);font-size:44px;font-weight:700;letter-spacing:-.04em}.topbar,.sidebar,.main{min-width:0}@media(max-width:1000px){.app{grid-template-columns:minmax(0,1fr)}}@media(max-width:620px){.topbar{gap:8px}.topbar>.btn{display:none}.topbar__nav{overflow-x:auto;scrollbar-width:none;margin-left:0}.topbar__nav::-webkit-scrollbar{display:none}.brand{font-size:17px}.cardgrid,.cardgrid--wide{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.score{padding:12px 14px}.score__value{font-size:24px}}.transport__row{display:flex;align-items:center;justify-content:center;gap:20px}.iconbtn{width:40px;height:40px;border-radius:var(--r-input);display:grid;place-items:center;color:var(--mist);transition:color .12s linear,background .12s linear}.iconbtn:hover:not(:disabled){color:var(--white);background:var(--graphite)}.iconbtn--ghost{pointer-events:none;visibility:hidden}.seglegend{display:grid;gap:4px;margin-bottom:6px}.seglegend__item{font-size:11px;color:var(--fog);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:center}.seglegend__item--on{color:var(--mist)}.seglegend__item--current{color:var(--green);font-weight:700}.seglabels{display:none}.sleeve__art--button{position:relative;padding:0;overflow:hidden;display:block}.sleeve__art--button img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--r-card)}.sleeve__scrim{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--white);background:#00000073;opacity:0;transition:opacity .14s linear}.sleeve__art--button:hover .sleeve__scrim,.sleeve__art--button:focus-visible .sleeve__scrim{opacity:1}.sleeve--correct{animation:sleeve-in .42s cubic-bezier(.2,.9,.3,1);box-shadow:0 0 0 1px #1ed7608c}@keyframes sleeve-in{0%{transform:scale(.985);box-shadow:0 0 #1ed76080}45%{transform:scale(1.012);box-shadow:0 0 0 14px #1ed76000}to{transform:scale(1);box-shadow:0 0 0 1px #1ed7608c}}.sleeve__points--pop{animation:points-pop .52s cubic-bezier(.2,.9,.3,1)}@keyframes points-pop{0%{transform:scale(.6);opacity:0}55%{transform:scale(1.22);opacity:1}to{transform:scale(1);opacity:1}}.sidebar__hint{margin:0 0 4px;padding:0 4px;font-size:11px;color:var(--fog)}.sideitem[aria-current=true]{background:var(--smoke);color:var(--white)}.sideitem[aria-current=true] .sideitem__body>span:first-child{color:var(--green);font-weight:700}.sideitem__badge{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--green);flex:none}.tag--source{color:var(--green);background:#1ed7601f}.tierdot{width:8px;height:8px;border-radius:var(--r-input);flex:none;display:inline-block}.chip--tier{display:inline-flex;align-items:center;gap:8px}.chip--tier[aria-pressed=true]{background:var(--tier);color:#0a0a0a}.chip--tier[aria-pressed=true] .tierdot{background:#0a0a0a!important}.gauntlet__list{display:flex;flex-direction:column;gap:8px}.gauntlet__step{position:relative;display:grid;grid-template-columns:28px 1fr auto 24px;align-items:center;gap:14px;padding:12px 16px 12px 20px;background:var(--graphite);border-radius:var(--r-card);overflow:hidden}.gauntlet__rail{position:absolute;left:0;top:0;bottom:0;width:4px}.gauntlet__n{font-size:13px;color:var(--fog);font-variant-numeric:tabular-nums}.gauntlet__body{display:flex;flex-direction:column;gap:3px;min-width:0}.gauntlet__mark{display:grid;place-items:center;color:var(--fog)}.gauntlet__pips{display:flex;gap:6px}.gauntlet__pip{width:22px;height:5px;border-radius:3px;background:var(--iron)}.gauntlet__pip--live{box-shadow:0 0 0 2px #ffffff40}@media(max-width:620px){.gauntlet__pip{width:14px}}.hero--playlist{flex-direction:row;align-items:flex-end;gap:24px;background:linear-gradient(135deg,#2b2b2b,#121212)}.hero__art{width:160px;height:160px;border-radius:var(--r-card);object-fit:cover;box-shadow:var(--shadow-lg);flex:none}.hero__text{display:flex;flex-direction:column;gap:12px;min-width:0}.modecard{display:flex;flex-direction:column;gap:10px;text-align:left;padding:20px;border-radius:8px;background:var(--graphite);border:1px solid transparent;transition:background .14s linear,border-color .14s linear}.modecard:hover{background:var(--smoke)}.modecard--on{border-color:var(--green);background:var(--smoke)}.modecard__icon{width:40px;height:40px;border-radius:var(--r-input);background:var(--green);color:#0a0a0a;display:grid;place-items:center}.modecard__title{font-size:16px;font-weight:700}.modecard__body{font-size:13px;color:var(--mist);line-height:1.5}@media(max-width:620px){.hero--playlist{flex-direction:column;align-items:flex-start}.hero__art{width:112px;height:112px}}.playergrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.playerchip{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--r-card);background:var(--graphite);font-size:13px;font-weight:600;min-width:0}.playerchip--ready{box-shadow:inset 0 0 0 1px #1ed76080}.playerchip__tag{font-size:9px;letter-spacing:.08em;color:var(--green);flex:none}.playerchip__kick{margin-left:auto;color:var(--fog);display:grid;place-items:center;flex:none}.playerchip__kick:hover{color:var(--white)}.timer__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.timer__value{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.timer__value--urgent{color:var(--signal-red, #e8115b)}.timer__track{height:6px;border-radius:3px;background:var(--iron);overflow:hidden}.timer__bar{height:100%;background:var(--green);transition:width .1s linear}.timer__bar--urgent{background:#e8115b}.lbrow{grid-template-columns:24px 22px 1fr auto auto}.lbrow--me{background:var(--graphite)}.lbrow__mark{display:grid;place-items:center;color:var(--fog)}.lbrow__mark--won{color:var(--green)}.sidebar__legal{display:flex;gap:16px;padding:4px 8px;margin-top:auto}.sidebar__legal a{font-size:12px;color:var(--fog);text-decoration:none}.sidebar__legal a:hover{color:var(--mist);text-decoration:underline}.reconnect{display:flex;align-items:center;gap:10px;padding:10px 16px;margin-bottom:16px;border-radius:var(--r-card);background:#e8115b26;color:#f5b1ab;font-size:13px;font-weight:600}.reconnect__dot{width:8px;height:8px;border-radius:var(--r-input);background:#e8115b;animation:reconnect-pulse 1s ease-in-out infinite}@keyframes reconnect-pulse{50%{opacity:.25}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px}.modal__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal__card{position:relative;width:100%;max-width:420px;background:var(--graphite);border-radius:12px;padding:28px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:12px;animation:modal-in .22s cubic-bezier(.2,.9,.3,1)}@keyframes modal-in{0%{transform:translateY(10px) scale(.98);opacity:0}}.modal__close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:var(--r-input);display:grid;place-items:center;color:var(--mist)}.modal__close:hover{color:var(--white);background:var(--smoke)}.modal__icon{width:48px;height:48px;border-radius:var(--r-input);display:grid;place-items:center;background:linear-gradient(145deg,#af2896,#509bf5);color:#fff;margin-bottom:4px}.modal__title{font-size:22px;font-weight:700;letter-spacing:-.01em}.modal__body{margin:0;font-size:14px;color:var(--mist);line-height:1.5}.modal__actions{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}.modal__card--wide{max-width:620px;padding:0;overflow:hidden;gap:0}.promo{background:linear-gradient(135deg,#af2896,#6d3fc4 55%,#509bf5);padding:32px 32px 28px;display:flex;flex-direction:column;gap:10px}.promo__eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.85}.promo__title{font-size:38px;font-weight:700;letter-spacing:-.03em;line-height:1.05;margin:0}.promo__body{margin:0;font-size:14px;line-height:1.5;max-width:46ch;opacity:.95}.promo__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.promo__actions .btn--plain{color:#ffffffd9}.promo__actions .btn--plain:hover{color:#fff}.yday{padding:20px 32px 28px;background:var(--graphite)}.yday__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.yday__list{display:flex;flex-direction:column;gap:2px}.yday__row{display:grid;grid-template-columns:16px 36px 1fr auto;align-items:center;gap:12px;padding:6px 8px;border-radius:var(--r-card)}.yday__row:hover{background:var(--smoke)}.yday__n{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.yday__art{width:36px;height:36px;border-radius:4px;object-fit:cover;background:var(--smoke)}.yday__body{display:flex;flex-direction:column;min-width:0}.yday__title{font-size:13px;font-weight:600}.yday__artist{font-size:12px;color:var(--mist)}.yday__tier{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}@media(max-width:620px){.promo{padding:24px 20px}.promo__title{font-size:28px}.yday{padding:16px 20px 22px}.yday__tier{display:none}}.hero--daily{background:linear-gradient(120deg,#4c1d95,#7c3aed,#06b6d4)}.hero--solo{background:linear-gradient(120deg,#064e3b,#0f9d58 55%,#1ed760)}.hero--gauntlet{background:linear-gradient(120deg,#af2896,#e8115b 28%,#ffc862 55%,#509bf5 80%,#1ed760)}.hero--versus{background:linear-gradient(120deg,#7f1d1d,#dc2626 55%,#f59e0b)}.hero--library{background:linear-gradient(120deg,#172554,#2563eb 55%,#7dd3fc)}.shake{animation:shake .32s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.attempt__tag{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fog);flex:none}.attempt__tag--artist{color:#ffc862}.sleeve--failed{animation:fail-in .46s cubic-bezier(.2,.9,.3,1);box-shadow:0 0 0 1px #e8115b80}@keyframes fail-in{0%{transform:translate(0) scale(.99);box-shadow:0 0 #e8115b73}15%{transform:translate(-7px)}30%{transform:translate(6px)}45%{transform:translate(-4px);box-shadow:0 0 0 12px #e8115b00}60%{transform:translate(3px)}to{transform:translate(0) scale(1);box-shadow:0 0 0 1px #e8115b80}}.eyebrow--failed{color:#f5798f}.playfab--loading{background:var(--steel);cursor:wait}.spinner{width:26px;height:26px;border-radius:var(--r-input);border:3px solid rgba(0,0,0,.25);border-top-color:#0a0a0a;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stage{position:relative}.missflash{position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:12px;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,#e8115b00 42%,#e8115b47);box-shadow:inset 0 0 60px #e8115b66;animation:missflash .52s ease-out forwards}@keyframes missflash{0%{opacity:0}18%{opacity:1}to{opacity:0}}.volctl{display:flex;align-items:center;gap:8px;color:var(--mist);padding:0 4px}.volctl:hover{color:var(--white)}.volctl__range{width:90px;accent-color:var(--green);cursor:pointer}@media(max-width:1100px){.volctl__range{width:64px}}@media(max-width:860px){.volctl{display:none}}.tag--tier{color:var(--tier);background:color-mix(in srgb,var(--tier) 14%,var(--graphite));border:1px solid color-mix(in srgb,var(--tier) 45%,transparent)}.tag--tier .tierdot{background:var(--tier);box-shadow:0 0 8px color-mix(in srgb,var(--tier) 70%,transparent)}.tag__pts{padding-left:8px;margin-left:2px;border-left:1px solid color-mix(in srgb,var(--tier) 35%,transparent);font-variant-numeric:tabular-nums;opacity:.85}.stage--tiered .playfab,.stage--tiered .seg__fill{background:var(--tier, var(--green))}.stage--tiered .seglegend__item--current{color:var(--tier, var(--green))}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:60}.confetti__piece{position:absolute;bottom:-24px;display:block;animation-name:confetti-rise;animation-timing-function:cubic-bezier(.12,.62,.38,1);animation-fill-mode:both}.confetti__bit{display:block;border-radius:2px;background:var(--tier, var(--green));animation-name:confetti-spin;animation-timing-function:linear;animation-fill-mode:both}.confetti__bit--round{border-radius:50%}@keyframes confetti-rise{0%{transform:translate(0);opacity:0}6%{opacity:1}70%{opacity:1}to{transform:translate(var(--drift),calc(var(--rise) * -1));opacity:0}}@keyframes confetti-spin{0%{transform:rotate(0)}to{transform:rotate(var(--spin))}}@media(prefers-reduced-motion:reduce){.confetti{display:none}}