:root{--bg: #0d0b12;--surface: #17141f;--surface-hi: #201b2b;--border: #2a2435;--text: #f2eef8;--text-dim: #9a91ad;--accent: #a855f7;--accent-hi: #c084fc;--exact: #22c55e;--artist-match: #eab308;--miss: #4b4458;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:root{--stack-gap: 1.25rem}.stack,.shell{display:flex;flex-direction:column;gap:var(--stack-gap)}.shell{max-width:34rem;margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) 1rem calc(1.5rem + env(safe-area-inset-bottom))}.head{position:relative;text-align:center}.head__action{position:absolute;top:50%;right:0;transform:translateY(-50%)}.iconbtn{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;font-size:.875rem}.iconbtn:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.sheet{width:min(26rem,calc(100vw - 2rem));max-height:min(80vh,40rem);overflow-y:auto;padding:0;border:1px solid var(--border);border-radius:1rem;background:var(--surface);color:var(--text)}.sheet::backdrop{background:#06040ab8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.875rem 1rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface)}.sheet__title{margin:0;font-size:1rem;font-weight:700}.sheet__body{display:flex;flex-direction:column;gap:1.125rem;padding:1rem}.setting{display:flex;flex-direction:column;gap:.5rem}.setting--row{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer}.setting__label{display:flex;flex-direction:column;gap:.125rem;font-size:.875rem;font-weight:600}.setting__value{font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;color:var(--accent-hi)}.setting__hint{font-size:.75rem;font-weight:400;line-height:1.4;color:var(--text-dim)}.setting__range{width:100%;accent-color:var(--accent)}.setting__check{flex:0 0 auto;width:1.15rem;height:1.15rem;accent-color:var(--accent)}.setting--danger{padding-top:1rem;border-top:1px solid var(--border)}.setting__confirm{display:flex;gap:.5rem}.btn--danger{background:#b3261e;color:#fff;border:1px solid #d3453b}.btn--danger:hover{background:#c9302c}.wordmark{margin:.5rem 0 0;font-size:clamp(2rem,9vw,3rem);font-weight:800;letter-spacing:-.03em}.status{text-align:center;color:var(--text-dim)}.banner{margin:0;padding:.75rem 1rem;border-radius:.75rem;background:var(--surface);border:1px solid var(--border);color:var(--text-dim);text-align:center;font-size:.9rem}.banner--quota{border-color:var(--accent);color:var(--accent-hi)}.rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.row{display:flex;align-items:center;gap:.6rem;min-height:2.9rem;padding:0 .85rem;border-radius:.6rem;background:var(--surface);border:1px solid var(--border);font-size:.92rem}.row--empty{background:transparent}.row__mark{flex:none;font-weight:700}.row__text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.row__tag{flex:none;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.row--exact{border-color:var(--exact);background:color-mix(in srgb,var(--exact) 14%,var(--surface))}.row--artist-match{border-color:var(--artist-match);background:color-mix(in srgb,var(--artist-match) 14%,var(--surface))}.row--miss,.row--skipped{color:var(--text-dim)}.ladder__label{font-size:.85rem;color:var(--text-dim);margin-bottom:.35rem}.ladder__bar{display:flex;gap:2px;height:.85rem}.ladder__seg{background:var(--surface-hi);border-radius:2px;transition:background .14s ease}.ladder__seg--on{background:var(--accent)}.play{display:flex;justify-content:center}.play__btn{width:4.5rem;height:4.5rem;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:1.6rem;line-height:1;display:grid;place-items:center;transition:transform .12s ease,background .12s ease}.play__btn:hover:not(:disabled){background:var(--accent-hi);transform:scale(1.04)}.guess{position:relative;display:flex;flex-direction:column;gap:.6rem}.guess__field{position:relative}.guess__input{width:100%;padding:.85rem 2.4rem .85rem 1rem;font-size:1rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:.7rem}.guess__input:focus{outline:2px solid var(--accent);outline-offset:1px}.guess__clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-dim);font-size:1.3rem;line-height:1;padding:.25rem .4rem}.dropdown{position:absolute;z-index:10;top:3.4rem;left:0;right:0;list-style:none;margin:0;padding:.25rem;max-height:15rem;overflow-y:auto;background:var(--surface-hi);border:1px solid var(--border);border-radius:.7rem;box-shadow:0 12px 30px #00000073}.dropdown__item{width:100%;display:flex;flex-direction:column;gap:.1rem;padding:.55rem .7rem;background:none;border:none;border-radius:.5rem;text-align:left;color:var(--text)}.dropdown__item--on,.dropdown__item:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}.dropdown__title{font-size:.95rem}.dropdown__artist{font-size:.8rem;color:var(--text-dim)}.guess__actions{display:flex;gap:.6rem}.btn{flex:1;padding:.85rem 1rem;border-radius:.7rem;border:1px solid var(--border);font-weight:600}.btn--ghost{background:var(--surface);color:var(--text)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hi)}.outcome{text-align:center;display:flex;flex-direction:column;gap:.5rem}.outcome__verdict{margin:0;color:var(--text-dim)}.outcome__track{margin:0;font-size:1.15rem;font-weight:700}@media(min-width:40rem){:root{--stack-gap: 1.5rem}.shell{padding-top:2rem}.row{min-height:3.2rem}.mixes{grid-template-columns:1fr 1fr}}.tabs{display:flex;gap:.25rem;padding:.25rem;background:var(--surface);border:1px solid var(--border);border-radius:.75rem}.tab{flex:1;padding:.6rem .75rem;border:none;border-radius:.55rem;background:transparent;color:var(--text-dim);font-weight:600}.tab--on{background:var(--surface-hi);color:var(--text)}.slotline{margin:0;text-align:center;color:var(--text-dim);font-size:.9rem}.slotline__streak{color:var(--accent-hi)}.picker{display:flex;flex-direction:column;gap:.75rem}.picker__head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.picker__title{margin:0;font-size:1.1rem}.picker__cancel{border:none;background:transparent;color:var(--accent-hi);font-weight:600;font-size:.9rem;padding:.25rem}.mixes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:.5rem}.mix-card{--tile-hue: 280;--tile: hsl(var(--tile-hue) 70% 58%);width:100%;display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;text-align:left;border:1px solid var(--border);border-radius:.7rem;background:var(--surface);color:var(--text);cursor:pointer}.mix-card__glyph{flex:0 0 auto;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.625rem;font-size:1.25rem;background:color-mix(in srgb,var(--tile) 22%,transparent);border:1px solid color-mix(in srgb,var(--tile) 32%,transparent)}.mix-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.mix-card:hover{border-color:color-mix(in srgb,var(--tile) 60%,var(--border))}.mix-card--on{background:color-mix(in srgb,var(--tile) 18%,var(--surface));border-color:color-mix(in srgb,var(--tile) 60%,transparent)}.mix-card__name{font-weight:700}.mix-card__blurb{font-size:.85rem;color:var(--text-dim)}.mix-card__meta{font-size:.75rem;color:color-mix(in srgb,var(--tile) 55%,var(--text));font-variant-numeric:tabular-nums}.mix-card__bar{display:block;height:3px;margin-top:.25rem;border-radius:999px;background:var(--miss);overflow:hidden}.mix-card__bar i{display:block;height:100%;border-radius:999px;background:var(--tile)}.mix-card--custom{border-style:dashed;border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.mix-card__chev{flex:0 0 auto;color:var(--text-dim);font-size:.75rem;transition:transform var(--dur-base) var(--ease-out)}.mix-card--on .mix-card__chev{transform:rotate(180deg)}.mix-bar{display:flex;flex-direction:column;align-items:center;gap:.5rem}.mix-bar__row{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;color:var(--text-dim)}.mix-bar__name{margin:0;padding:.125rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));font-size:.8125rem;font-weight:700;color:var(--text)}.mix-bar__streak{color:var(--accent-hi);font-weight:600}.mix-bar__heard{font-variant-numeric:tabular-nums}.mix-bar__change{border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-dim);font-size:.75rem;padding:.2rem .6rem;cursor:pointer}.mix-bar__change:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.picks{border:0;margin:0;padding:0;min-width:0}.picks__legend{padding:0;margin-bottom:.5rem;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}.picks__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.75rem,1fr));gap:.5rem}.picks__grid--eras{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr))}.tile{--tile-hue: 280;--tile: hsl(var(--tile-hue) 70% 58%);display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.625rem .25rem .5rem;border-radius:.75rem;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font:inherit;cursor:pointer}.tile__glyph{font-size:1.25rem;line-height:1.1;filter:grayscale(.7) opacity(.75)}.tile__label{font-size:.75rem;font-weight:600;text-align:center;line-height:1.15}.tile__count{font-size:.625rem;font-variant-numeric:tabular-nums;opacity:.7}.tile:hover{border-color:color-mix(in srgb,var(--tile) 45%,var(--border));color:var(--text)}.tile--on{color:var(--text);border-color:color-mix(in srgb,var(--tile) 65%,transparent);background:color-mix(in srgb,var(--tile) 20%,var(--surface));box-shadow:0 0 0 1px color-mix(in srgb,var(--tile) 35%,transparent),0 .5rem 1.25rem -.75rem color-mix(in srgb,var(--tile) 70%,transparent)}.tile--on .tile__glyph{filter:none}.tile--on .tile__count{color:color-mix(in srgb,var(--tile) 60%,var(--text));opacity:1}.custom{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid var(--border);border-radius:.7rem;background:var(--surface)}.custom__count{margin:0;font-size:.85rem;color:var(--text-dim)}.custom .btn{flex:none}.custom .btn:disabled{opacity:.5}.filters__row{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:none}.filters__row::-webkit-scrollbar{display:none}.chip{flex:none;padding:.4rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-size:.85rem;white-space:nowrap}.chip--on{background:color-mix(in srgb,var(--accent) 25%,var(--surface));border-color:var(--accent);color:var(--text)}.summary{display:flex;flex-direction:column;gap:.75rem;align-items:center;text-align:center}.summary__score{margin:.5rem 0 0;font-size:3.25rem;line-height:1;font-weight:800;color:var(--accent-hi)}.summary__of{font-size:1.25rem;color:var(--text-dim);font-weight:600}.summary__blurb{margin:0;color:var(--text-dim)}.summary__rows{list-style:none;margin:.5rem 0;padding:0;width:100%;display:flex;flex-direction:column;gap:.35rem}.summary__row{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:.55rem;font-size:.85rem}.summary__squares{flex:none;letter-spacing:-.05em}.summary__answer{flex:1;text-align:left;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary__next{margin:0;color:var(--text-dim);font-size:.85rem}.summary .btn{max-width:18rem}.foot{margin-top:.5rem;text-align:center;color:var(--text-dim);font-size:.75rem;line-height:1.5}.banner__text{margin:0 0 .5rem}.banner__retry{padding:.4rem .9rem;border-radius:999px;border:1px solid var(--accent);background:transparent;color:var(--accent-hi);font-size:.85rem;font-weight:600}.banner__retry:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}.slotmeter{display:flex;flex-direction:column;gap:.5rem;align-items:center}.slotmeter__pips{display:flex;gap:.375rem;list-style:none;margin:0;padding:0}.slotmeter__pip{width:1.75rem;height:.25rem;border-radius:999px;background:var(--miss)}.slotmeter__pip--done{background:color-mix(in srgb,var(--accent) 55%,var(--miss))}.slotmeter__pip--now{background:var(--accent-hi);box-shadow:0 0 .5rem color-mix(in srgb,var(--accent) 60%,transparent)}.slotmeter__label{display:flex;align-items:center;gap:.4rem;margin:0;font-size:.8125rem;color:var(--text-dim)}.slotmeter__count{font-weight:600;color:var(--text)}.slotmeter__heat{display:inline-flex;align-items:center;gap:.3rem;text-transform:lowercase}.slotmeter__heat{padding:.125rem .5rem .125rem .375rem;border-radius:999px;background:var(--surface-hi);border:1px solid var(--border);font-weight:600}.slotmeter__flames{display:inline-flex;gap:.1875rem;align-items:flex-end}.slotmeter__flames i{width:.1875rem;height:.5rem;border-radius:999px;background:var(--miss)}.slotmeter__flames i:nth-child(2){height:.625rem}.slotmeter__flames i:nth-child(3){height:.75rem}.slotmeter__flames i:nth-child(4){height:.875rem}.slotmeter__flames i:nth-child(5){height:1rem}.slotmeter__heat--1 .slotmeter__flames i.on{background:#4ade80}.slotmeter__heat--2 .slotmeter__flames i.on{background:#a3e635}.slotmeter__heat--3 .slotmeter__flames i.on{background:var(--artist-match)}.slotmeter__heat--4 .slotmeter__flames i.on{background:#fb923c}.slotmeter__heat--5 .slotmeter__flames i.on{background:#f87171}.slotline--streak{margin:-.5rem 0 0;text-align:center}.songcard{--card-accent: var(--accent);position:relative;isolation:isolate;overflow:hidden;border-radius:1rem;padding:1rem;background:linear-gradient(135deg,color-mix(in srgb,var(--card-accent) 22%,var(--surface)),var(--surface) 65%);border:1px solid color-mix(in srgb,var(--card-accent) 35%,var(--border));box-shadow:0 1rem 2.5rem -1rem color-mix(in srgb,var(--card-accent) 45%,transparent)}.songcard__glow{position:absolute;inset:-40% -20% auto;height:140%;z-index:-1;background:radial-gradient(ellipse at 20% 0%,color-mix(in srgb,var(--card-accent) 40%,transparent),transparent 60%)}.songcard__inner{display:flex;gap:.875rem;align-items:center}.songcard__art{flex:0 0 auto;width:5.5rem;height:5.5rem;border-radius:.625rem;object-fit:cover;background:var(--surface-hi);box-shadow:0 .5rem 1rem -.375rem #0009}.songcard__art--empty{display:grid;place-items:center;font-size:1.75rem;color:var(--text-dim)}.songcard__text{min-width:0;display:flex;flex-direction:column;gap:.125rem}.songcard__verdict{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.songcard--won .songcard__verdict{color:var(--exact)}.songcard__title{margin:0;font-size:1.0625rem;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.songcard__artist{margin:0;font-size:.9375rem;color:var(--text-dim);overflow-wrap:anywhere}.songcard__meta{display:flex;flex-wrap:wrap;gap:.3rem;margin:.375rem 0 0}.songcard__chip{padding:.125rem .4rem;border-radius:999px;font-size:.6875rem;font-weight:600;color:color-mix(in srgb,var(--card-accent) 55%,var(--text));background:color-mix(in srgb,var(--card-accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--card-accent) 30%,transparent)}.recent{margin-top:.5rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface);overflow:hidden}.recent--empty{padding:.75rem .875rem}.recent__toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .875rem;background:none;border:0;color:inherit;font:inherit;cursor:pointer;text-align:left}.recent__head{flex:1;margin:0;font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.recent__hint{margin:.25rem 0 0;font-size:.8125rem;color:var(--text-dim)}.recent__tally{font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--text-dim)}.recent__chev{font-size:.75rem;color:var(--text-dim)}.recent__list{list-style:none;margin:0;padding:0 .5rem .5rem;display:none;flex-direction:column;gap:.25rem}.recent--open .recent__list{display:flex}.recent__row{display:flex;align-items:center;gap:.5rem;padding:.375rem;border-radius:.5rem;background:var(--surface-hi);border-left:2px solid var(--miss)}.recent__row--won{border-left-color:var(--exact)}.recent__art{flex:0 0 auto;width:2.25rem;height:2.25rem;border-radius:.3125rem;object-fit:cover;background:var(--surface)}.recent__art--empty{display:grid;place-items:center;color:var(--text-dim)}.recent__text{flex:1;min-width:0;display:flex;flex-direction:column}.recent__title,.recent__artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent__title{font-size:.8125rem;font-weight:600}.recent__artist{font-size:.75rem;color:var(--text-dim)}.recent__result{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.recent__squares{display:flex;gap:.0625rem;font-size:.5rem;line-height:1}.recent__sq--exact{color:var(--exact)}.recent__sq--artist-match{color:var(--artist-match)}.recent__sq--miss{color:var(--miss)}.recent__sq--skipped{color:var(--text-dim)}.recent__tries{font-size:.6875rem;font-variant-numeric:tabular-nums;color:var(--text-dim)}@media(min-width:68rem){.recent{position:fixed;top:7rem;left:calc(50% + 18rem);width:15.5rem;max-height:calc(100vh - 9rem);overflow-y:auto;margin:0}.recent__list{display:flex}.recent__chev{display:none}.recent__toggle{cursor:default}}:root{--dur-fast: .12s;--dur-base: .22s;--dur-slow: .42s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.045)}to{transform:scale(1)}}@keyframes flash-exact{0%{box-shadow:0 0 color-mix(in srgb,var(--exact) 70%,transparent)}to{box-shadow:0 0 0 14px transparent}}@keyframes flash-artist{0%{box-shadow:0 0 color-mix(in srgb,var(--artist-match) 55%,transparent)}to{box-shadow:0 0 0 12px transparent}}@keyframes breathe{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.06);opacity:1}}@keyframes grow-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}:where(button,[role=tab],[role=option],input):focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px;border-radius:.5rem}:where(.btn,.chip,.tab,.play__btn,.banner__retry,.mix-card,.guess__clear):active:not(:disabled){transform:scale(.96)}.btn,.chip,.tab,.mix-card,.banner__retry,.guess__clear,.dropdown__item{transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out)}.btn--primary:hover:not(:disabled),.mix-card:hover{transform:translateY(-1px)}.play__btn{transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-fast) ease}.play__btn:disabled{animation:breathe 1.4s ease-in-out infinite}.play__btn:active:not(:disabled){transform:scale(.93)}.row{transition:background var(--dur-base) ease,border-color var(--dur-base) ease}.row--exact{animation:pop var(--dur-slow) var(--ease-spring),flash-exact .7s var(--ease-out)}.row--artist-match{animation:flash-artist .62s var(--ease-out)}.row--miss,.row--skipped,.ladder__label{animation:rise var(--dur-base) var(--ease-out)}.ladder__seg{transition:background var(--dur-base) ease,transform var(--dur-base) var(--ease-out);transform-origin:left center}.ladder__seg--on{animation:grow-in var(--dur-base) var(--ease-out)}.dropdown{animation:rise var(--dur-base) var(--ease-out);transform-origin:top center}.dropdown__item{animation:rise var(--dur-base) var(--ease-out) backwards}.dropdown li:nth-child(1) .dropdown__item{animation-delay:0ms}.dropdown li:nth-child(2) .dropdown__item{animation-delay:25ms}.dropdown li:nth-child(3) .dropdown__item{animation-delay:50ms}.dropdown li:nth-child(4) .dropdown__item{animation-delay:75ms}.dropdown li:nth-child(5) .dropdown__item{animation-delay:.1s}.dropdown li:nth-child(n+6) .dropdown__item{animation-delay:125ms}.tab{position:relative}.tab--on:after{content:"";position:absolute;left:22%;right:22%;bottom:.3rem;height:2px;border-radius:2px;background:var(--accent);animation:grow-in var(--dur-base) var(--ease-out)}.banner{animation:rise var(--dur-base) var(--ease-out)}.summary__score{animation:pop var(--dur-slow) var(--ease-spring)}.summary__row{animation:rise var(--dur-base) var(--ease-out) backwards}.summary__rows li:nth-child(1){animation-delay:60ms}.summary__rows li:nth-child(2){animation-delay:.13s}.summary__rows li:nth-child(3){animation-delay:.2s}.summary__rows li:nth-child(4){animation-delay:.27s}.summary__rows li:nth-child(5){animation-delay:.34s}.picker{animation:rise var(--dur-base) var(--ease-out)}.mix-card{animation:rise var(--dur-base) var(--ease-out) backwards}.mixes>*:nth-child(1){animation-delay:0ms}.mixes>*:nth-child(2){animation-delay:40ms}.mixes>*:nth-child(3){animation-delay:80ms}.mixes>*:nth-child(4){animation-delay:.12s}.mixes>*:nth-child(n+5){animation-delay:.16s}.outcome{animation:rise var(--dur-base) var(--ease-out)}@keyframes card-in{0%{opacity:0;transform:perspective(60rem) rotateX(14deg) translateY(1rem) scale(.94)}to{opacity:1;transform:perspective(60rem) rotateX(0) translateY(0) scale(1)}}@keyframes art-in{0%{opacity:0;transform:scale(.7) rotate(-6deg)}to{opacity:1;transform:none}}@keyframes glow-sweep{0%{opacity:0;transform:translate(-15%) scale(1.1)}40%{opacity:1}to{opacity:.55;transform:none}}@keyframes confetti-fly{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(var(--dx),var(--dy),0) scale(.4)}}.songcard{animation:card-in .52s var(--ease-spring) backwards}.songcard__art{animation:art-in .46s var(--ease-spring) 90ms backwards}.songcard__glow{animation:glow-sweep .7s var(--ease-out) backwards}.songcard__text>*{animation:rise var(--dur-base) var(--ease-out) backwards}.songcard__text>*:nth-child(1){animation-delay:.14s}.songcard__text>*:nth-child(2){animation-delay:.19s}.songcard__text>*:nth-child(3){animation-delay:.24s}.songcard__text>*:nth-child(4){animation-delay:.29s}.songcard--flourish{animation:card-in .52s var(--ease-spring) backwards,pop .64s var(--ease-spring) .42s}.songcard__confetti{position:absolute;top:1.5rem;left:3rem;pointer-events:none}.songcard__confetti span{position:absolute;width:.375rem;height:.375rem;border-radius:1px;--angle: calc(var(--i) * 25.7deg);--dist: calc(4rem + (var(--i) * .35rem));--dx: calc(cos(var(--angle)) * var(--dist));--dy: calc(sin(var(--angle)) * var(--dist));background:var(--card-accent);animation:confetti-fly .9s var(--ease-out) backwards;animation-delay:calc(.34s + var(--i) * 12ms)}.songcard__confetti span:nth-child(3n){background:var(--exact)}.songcard__confetti span:nth-child(3n+1){background:var(--accent-hi)}.songcard__confetti span:nth-child(4n){border-radius:50%}.slotmeter__pip{transition:background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.slotmeter__pip--now{animation:pip-pulse 2s ease-in-out infinite}@keyframes pip-pulse{0%,to{box-shadow:0 0 .4rem color-mix(in srgb,var(--accent) 45%,transparent)}50%{box-shadow:0 0 .85rem color-mix(in srgb,var(--accent) 85%,transparent)}}.slotmeter__flames i{transition:background var(--dur-base) var(--ease-out)}.recent__row{animation:rise var(--dur-base) var(--ease-out) backwards;transition:transform var(--dur-fast) var(--ease-out)}.recent__row:nth-child(1){animation-delay:0ms}.recent__row:nth-child(2){animation-delay:30ms}.recent__row:nth-child(3){animation-delay:60ms}.recent__row:nth-child(n+4){animation-delay:90ms}.recent__row:hover{transform:translate(2px)}.recent__chev{transition:transform var(--dur-base) var(--ease-out)}.recent--open .recent__chev{transform:rotate(180deg)}.tile{transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.tile__glyph{transition:filter var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-spring)}.tile:hover{transform:translateY(-1px)}.tile:active{transform:translateY(0) scale(.97)}.tile--on .tile__glyph{transform:scale(1.12)}.picks__grid>*{animation:rise var(--dur-base) var(--ease-out) backwards}.picks__grid>*:nth-child(-n+5){animation-delay:calc((var(--i, 0) * 25ms))}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.01ms!important}html[data-motion=off] :where(.btn,.chip,.tab,.play__btn,.mix-card,.tile):active:not(:disabled),html[data-motion=off] .tile:hover,html[data-motion=off] .recent__row:hover,html[data-motion=off] .songcard,html[data-motion=off] .songcard__art,html[data-motion=off] .songcard__glow{transform:none}html[data-motion=off] .songcard__confetti{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:where(.btn,.chip,.tab,.play__btn,.banner__retry,.mix-card,.guess__clear,.tile):active:not(:disabled),.btn--primary:hover:not(:disabled),.mix-card:hover,.play__btn:hover:not(:disabled),.recent__row:hover,.tile:hover,.tile--on .tile__glyph,.songcard,.songcard__art,.songcard__glow{transform:none}.songcard__confetti{display:none}}