:root{--green: #1ed760;--black: #000000;--carbon: #121212;--graphite: #1f1f1f;--smoke: #292929;--iron: #333333;--steel: #535353;--fog: #73777c;--mist: #b3b3b3;--bone: #c5c5c5;--white: #ffffff;--magenta: #af2896;--azure: #509bf5;--signal: #b85850;--magenta-deep: #5f1651;--azure-deep: #1b3f7a;--signal-deep: #5c2320;--green-deep: #0b5227;--tier-easy: #1ed760;--tier-medium: #3d9bff;--tier-hard: #ffb52e;--tier-expert: #ff2d6a;--tier-impossible: #ee3ce0;--warn: #ffb52e;--danger: #ff2d6a;--promo: linear-gradient(90deg, var(--magenta), var(--azure));--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}.railtoggle{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:var(--r-card);color:var(--mist);transition:background .12s linear,color .12s linear}.railtoggle:hover{background:var(--graphite);color:var(--white)}@media(max-width:1000px){.railtoggle{display:none}}.app{height:100%;display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:calc(var(--topbar-h) + env(safe-area-inset-top,0px)) 1fr;grid-template-areas:"topbar topbar" "sidebar main";gap:8px;padding:0 8px 8px;background:var(--black)}.app--norail{grid-template-columns:1fr;grid-template-areas:"topbar" "main"}.app--norail .sidebar{display:none}.faq{display:grid;gap:8px;max-width:760px}.faq__item{border:1px solid #2a2a2a;border-radius:8px;background:var(--carbon)}.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:var(--mist);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:var(--mist);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 var(--steel);border-radius:9999px;background:transparent;color:var(--mist);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, var(--green));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;padding-top:calc(8px + env(safe-area-inset-top,0px))}.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;margin-inline:auto}.main__inner--full{max-width:none}.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(--mist)}.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(--mist);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(--mist);width:16px;flex:none;font-variant-numeric:tabular-nums}.attempt--wrong,.attempt--skip{color:var(--mist)}.attempt--artist,.attempt--artist .attempt__n{color:var(--warn)}.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(--mist);letter-spacing:.1em}.score__note{font-size:11px;color:var(--mist)}.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(--mist);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,.dim{color:var(--mist)}.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}}.topbar,.sidebar,.main{min-width:0}@media(max-width:1000px){.app{grid-template-columns:minmax(0,1fr)}}@media(max-width:620px){.topbar{gap:8px}.volctl__range{display:none}.topbar>.btn{padding:8px 14px;font-size:13px}.topbar__nav{overflow-x:auto;scrollbar-width:none;margin-left:0;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),#00000026);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),#00000026)}.topbar__nav::-webkit-scrollbar{display:none}@supports (animation-timeline: scroll(self inline)){.topbar__nav{animation:nav-scroll-end linear both;animation-timeline:scroll(self inline)}}.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(--mist);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(--mist)}.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:11px;font-weight:700;letter-spacing:.08em;color:var(--green);flex:none}.tag--source{color:var(--green);background:#1ed7601f}.chip--tier{display:inline-flex;align-items:center;background:var(--graphite);color:var(--tier)}.chip--tier[aria-pressed=true]{background:var(--smoke);color:var(--tier);box-shadow:inset 0 0 0 2px var(--tier)}.chip--tier:disabled{opacity:.45}.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__step strong{color:var(--tier, var(--white))}.gauntlet__step .gauntlet__n{color:var(--tier, var(--mist));font-weight:700;opacity:.75}.gauntlet__n{font-size:13px;color:var(--mist);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(--mist)}.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,var(--carbon))}.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:11px;letter-spacing:.08em;color:var(--green);flex:none}.playerchip__kick{margin-left:auto;color:var(--mist);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(--danger)}.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:var(--danger)}.lbrow{grid-template-columns:24px 22px 1fr auto auto}.lbrow--me{background:var(--graphite)}.lbrow__mark{display:grid;place-items:center;color:var(--mist)}.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(--mist);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:var(--danger);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,var(--magenta),var(--azure));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,var(--magenta) 0%,var(--azure) 100%);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:11px;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,var(--magenta-deep) 0%,var(--magenta) 45%,var(--azure) 100%)}.hero--solo{background:linear-gradient(120deg,var(--green-deep) 0%,#12833c 55%,var(--green) 100%)}.hero--gauntlet{background:linear-gradient(120deg,var(--tier-easy) 0%,var(--tier-medium) 26%,var(--tier-hard) 52%,var(--tier-expert) 78%,var(--tier-impossible) 100%)}.hero--versus{background:linear-gradient(120deg,#5e0b26 0%,var(--tier-expert) 58%,var(--tier-hard) 100%)}.hero--library{background:linear-gradient(120deg,var(--azure-deep) 0%,#2f6bc0 55%,var(--azure) 100%)}.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:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mist);flex:none}.attempt__tag--artist{color:var(--warn)}.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:var(--graphite);border:1px solid color-mix(in srgb,var(--tier) 45%,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}}.rounds{display:flex;flex-direction:column;gap:12px}.roundcard{background:var(--graphite);border:1px solid var(--iron);border-radius:var(--r-card);overflow:hidden}.roundcard__head{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--iron)}.roundcard__art{width:44px;height:44px;border-radius:var(--r-input);object-fit:cover;flex:none;background:var(--smoke)}.roundcard__body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.roundcard__title{font-weight:700;font-size:15px}.roundcard__meta{color:var(--mist);font-size:13px}.roundcard__list{display:flex;flex-direction:column}.roundcard__row{display:grid;grid-template-columns:24px minmax(0,1fr) 62px 54px 52px;align-items:center;gap:8px;padding:8px 14px;font-size:14px}.roundcard__row+.roundcard__row{border-top:1px solid color-mix(in srgb,var(--iron) 55%,transparent)}.roundcard__row--me{background:color-mix(in srgb,var(--green) 9%,transparent)}.roundcard__row--missed{color:var(--mist)}.roundcard__place{color:var(--mist);font-variant-numeric:tabular-nums}.roundcard__name{font-weight:600}.roundcard__clip{color:var(--mist);font-size:13px;text-align:right;white-space:nowrap}.roundcard__time{font-variant-numeric:tabular-nums;color:var(--bone);text-align:right}.roundcard__pts{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}@media(max-width:620px){.roundcard__row{grid-template-columns:20px minmax(0,1fr) 50px 46px;font-size:13px}.roundcard__clip{display:none}}.watermark{display:inline-flex;align-items:center;gap:7px;color:var(--mist);font-size:17px;font-weight:700;letter-spacing:.04em;pointer-events:none;-webkit-user-select:none;user-select:none}.watermark svg{color:var(--green);opacity:.7}@media(max-width:620px){.watermark{font-size:15px}}@keyframes nav-scroll-end{0%{-webkit-mask-image:linear-gradient(90deg,#000,#000 calc(100% - 34px),#00000026);mask-image:linear-gradient(90deg,#000,#000 calc(100% - 34px),#00000026)}to{-webkit-mask-image:linear-gradient(90deg,#00000026,#000 34px,#000);mask-image:linear-gradient(90deg,#00000026,#000 34px,#000)}}.lander__wall{position:absolute;top:-24px;left:-24px;right:-24px;height:690px;z-index:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(84px,10vw,150px),1fr));grid-auto-rows:min-content;align-content:start;overflow:hidden;pointer-events:none}.lander__wall img{width:100%;aspect-ratio:1;height:auto;object-fit:cover;display:block}.lander__wall:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(18,18,18,.18) 0px,rgba(18,18,18,.24) clamp(34px,4vh,58px),rgba(18,18,18,.45) clamp(62px,7vh,104px),rgba(18,18,18,.72) clamp(82px,9.4vh,140px),rgba(18,18,18,.92) clamp(100px,11.5vh,172px),rgba(18,18,18,.97) 460px,rgba(18,18,18,1) 600px,rgba(18,18,18,1) 100%)}.lander{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100dvh - 80px);gap:clamp(10px,1.7vh,18px);padding:clamp(96px,13.5vh,200px) 0 clamp(26px,3vh,40px)}.lander__title,.lander__lead,.lander__demo,.lander__caption,.lander__actions,.lander__or,.modes{position:relative;z-index:1}.lander__title{margin:0;font-size:clamp(32px,min(4.4vw,6.4vh),62px);font-weight:700;line-height:1.04;letter-spacing:-.035em;max-width:14ch}.lander__lead{margin:0;font-size:17px;line-height:1.5;color:var(--mist);max-width:46ch}.lander__demo{width:100%;max-width:560px;margin:14px 0 0;pointer-events:none}.lander__demo .seg{height:18px;border-radius:5px;background:var(--smoke)}.lander__demo .seg--current{background:var(--green);box-shadow:none}.lander__demo .seglegend__item{font-size:12px}.lander__caption{margin:0;font-size:13px;color:var(--mist);max-width:52ch}.lander__actions{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:14px}.lander__or{margin:26px 0 0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}.modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;width:100%;max-width:840px;margin-top:12px;text-align:left}.mode{display:grid;justify-items:start;gap:6px;padding:16px;border-radius:var(--r-card);background:var(--graphite);text-align:left;transition:background .12s linear}.mode:hover,.mode:focus-visible{background:var(--smoke)}.mode__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r-card);background:var(--smoke);color:var(--mist);margin-bottom:2px}.mode:hover .mode__icon{color:var(--white)}.mode__title{font-size:14px;font-weight:700}.mode__meta{font-size:12px;color:var(--mist);line-height:1.4}.btn--lander{padding:15px 34px;font-size:15px}.linkbtn{padding:10px 4px;font-size:14px;font-weight:600;color:var(--mist);text-decoration:underline;text-underline-offset:3px}.linkbtn:hover{color:var(--white)}.sect--quiet{border-top:1px solid var(--graphite);padding-top:28px}.sect__foot{margin:16px 0 0;font-size:13px;color:var(--mist)}@media(min-width:721px)and (max-height:820px){.lander{padding-top:78px}.lander__lead{font-size:15px}.lander__caption{font-size:12px}.lander__demo,.lander__actions{margin-top:8px}.lander__or{margin-top:12px}.modes{margin-top:8px}.mode{padding:11px}.mode__icon{width:30px;height:30px}.btn--lander{padding:12px 28px}}@media(max-width:720px){.lander{gap:8px;padding:78px 0 22px}.modes{grid-template-columns:1fr 1fr;gap:8px}.mode{padding:11px;gap:4px}.mode__icon{width:28px;height:28px}.mode__meta{font-size:11px}.lander__title{font-size:30px;max-width:none}.lander__lead{font-size:13px}.lander__caption{font-size:12px}.btn--lander{padding:13px 28px}.lander__demo .seg{height:14px}.btn--lander,.lander__actions{width:100%}}@media(max-width:720px)and (max-height:760px){.lander{gap:6px;padding:72px 0 20px}.lander__title{font-size:26px}.lander__lead{font-size:12px}.lander__caption{display:none}.lander__demo,.lander__actions{margin-top:6px}.lander__or{margin-top:10px}.mode{padding:9px}.mode__icon{width:24px;height:24px}.mode__meta{display:none}.btn--lander{padding:11px 24px}}.nudge{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px 20px;background:var(--graphite);border-radius:8px}.nudge__text{min-width:240px;flex:1 1 320px}.nudge__title{font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.nudge__body{font-size:14px;color:var(--mist);margin:0;max-width:52ch}.nudge__btn{flex:0 0 auto}@media(max-width:560px){.nudge{align-items:stretch}.nudge__btn{width:100%}}.playfab{position:relative}.playfab--pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--green);animation:playfab-pulse .46s ease-out forwards;pointer-events:none}@keyframes playfab-pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(1.7);opacity:0}}@media(prefers-reduced-motion:reduce){.playfab--pulse:after{animation:playfab-hold .46s steps(1,end) forwards}@keyframes playfab-hold{0%{opacity:.9}to{opacity:0}}}.score__of,.stat__of{color:var(--mist);font-weight:600}.score__of{font-size:.6em;margin-left:1px}.stat__of{font-size:.55em;margin-left:1px}.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--white);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.linkbtn:hover{color:var(--green)}