.mode-card.svelte-1eyo3j3{border:3px solid var(--ts-ink);background:var(--ts-paper-bright);width:100%;min-height:8.2rem;box-shadow:0 4px 0 var(--ts-ink);color:var(--ts-ink);text-align:left;border-radius:1.2rem;align-items:center;gap:.8rem;padding:.85rem;transition:transform .15s,box-shadow .15s,background .15s;display:flex}.mode-card.svelte-1eyo3j3:hover{box-shadow:0 7px 0 var(--ts-ink);transform:translateY(-3px)rotate(-.4deg)}.mode-card.svelte-1eyo3j3:active{box-shadow:0 1px 0 var(--ts-ink);transform:translateY(3px)}.mode-card.svelte-1eyo3j3:disabled{cursor:wait;opacity:.6}.mode-competitive.svelte-1eyo3j3{background:color-mix(in srgb, var(--ts-reward) 24%, var(--ts-paper-bright))}.pack.svelte-1eyo3j3{flex:0 0 5.2rem;width:5.2rem;height:5.6rem;display:block;position:relative}.envelope.svelte-1eyo3j3{border:2px solid var(--ts-ink);background:var(--ts-purple);box-shadow:3px 3px 0 var(--ts-ink);border-radius:.5rem;position:absolute;inset:2.3rem 0 0}.pack-competitive.svelte-1eyo3j3 .envelope:where(.svelte-1eyo3j3){background:var(--ts-ink)}.flap.svelte-1eyo3j3{background:color-mix(in srgb, var(--ts-purple) 72%, white);clip-path:polygon(0 0,100% 0,50% 88%);height:2rem;position:absolute;inset:-1px 0 auto}.pack-competitive.svelte-1eyo3j3 .flap:where(.svelte-1eyo3j3){background:var(--ts-reward)}.seal.svelte-1eyo3j3{border:2px solid var(--ts-ink);background:var(--ts-success);border-radius:999px;place-items:center;width:1.65rem;height:1.65rem;font-size:.65rem;font-weight:950;display:grid;position:absolute;top:1.1rem;left:50%;translate:-50% -50%}.pack-competitive.svelte-1eyo3j3 .seal:where(.svelte-1eyo3j3){background:var(--ts-reward)}.card.svelte-1eyo3j3{border:2px solid var(--ts-ink);background:var(--ts-silver);border-radius:.45rem;width:3rem;height:4rem;position:absolute;top:.15rem;left:1.15rem}.card-back.svelte-1eyo3j3{background:var(--ts-paper-bright);transform:translate(-.65rem)rotate(-10deg)}.card-front.svelte-1eyo3j3{background:var(--ts-silver);place-items:center;font-size:.8rem;font-weight:950;display:grid;transform:translate(.55rem)rotate(8deg)}.pack-competitive.svelte-1eyo3j3 .card-front:where(.svelte-1eyo3j3){background:var(--ts-reward)}.mode-card.svelte-1eyo3j3:hover .card-front:where(.svelte-1eyo3j3){transform:translate(.55rem,-.35rem)rotate(11deg)}.card-front.svelte-1eyo3j3,.arrow.svelte-1eyo3j3{transition:transform .18s}.eyebrow.svelte-1eyo3j3{letter-spacing:.16em;text-transform:uppercase;color:var(--ts-purple-dark);font-size:.58rem;font-weight:950;display:block}.reward-gem.svelte-1eyo3j3{color:var(--ts-purple)}.mode-competitive.svelte-1eyo3j3 .reward-gem:where(.svelte-1eyo3j3){color:var(--ts-reward-dark)}.arrow.svelte-1eyo3j3{font-size:1.5rem;font-weight:950}.mode-card.svelte-1eyo3j3:hover .arrow:where(.svelte-1eyo3j3){transform:translate(.2rem)}@media (width<=25rem){.pack.svelte-1eyo3j3{flex-basis:4.4rem;width:4.4rem;transform:scale(.86)}}.celebration.svelte-17nbv4a{z-index:30;pointer-events:none;contain:paint;position:absolute;inset:0;overflow:hidden}.celebration.svelte-17nbv4a span:where(.svelte-17nbv4a){border:2px solid var(--ts-ink);background:var(--color);backface-visibility:hidden;will-change:transform, opacity;width:.72rem;height:1.15rem;animation:svelte-17nbv4a-reward-burst var(--duration) linear var(--delay) both;position:absolute;top:4rem;left:50%}.celebration.svelte-17nbv4a .dot:where(.svelte-17nbv4a){border-radius:999px;width:.88rem;height:.88rem}@keyframes svelte-17nbv4a-reward-burst{0%{opacity:0;animation-timing-function:cubic-bezier(.12,.68,.24,1);transform:translate(0,0)rotate(0)scale(.3)}6%{opacity:1}32%{opacity:1;transform:translate3d(var(--apex-x), var(--apex-y), 0) rotate(160deg) scale(1);animation-timing-function:cubic-bezier(.3,0,.8,.45)}76%{opacity:1}to{opacity:0;transform:translate3d(var(--end-x), var(--end-y), 0) rotate(var(--turn)) scale(.82)}}@media (prefers-reduced-motion:reduce){.celebration.svelte-17nbv4a{display:none}}.result-header.is-correct.svelte-1wqybgd:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff73,#0000);animation:.56s ease-out .14s both svelte-1wqybgd-outcome-sweep;position:absolute;inset:0;translate:-120%}.result-header.is-correct.svelte-1wqybgd{animation:.52s cubic-bezier(.16,.86,.26,1.12) both svelte-1wqybgd-correct-impact}.result-header.is-incorrect.svelte-1wqybgd{animation:.36s ease-out both svelte-1wqybgd-incorrect-impact}.result-icon.svelte-1wqybgd{animation:.46s cubic-bezier(.16,.9,.24,1.35) both svelte-1wqybgd-outcome-stamp}@keyframes svelte-1wqybgd-outcome-sweep{to{translate:120%}}@keyframes svelte-1wqybgd-outcome-stamp{0%{opacity:0;transform:scale(.25)rotate(-25deg)}to{opacity:1;transform:scale(1)rotate(-5deg)}}@keyframes svelte-1wqybgd-correct-impact{0%{filter:brightness(1.22);transform:scaleY(.72)}to{filter:brightness();transform:scaleY(1)}}@keyframes svelte-1wqybgd-incorrect-impact{0%,to{transform:translate(0)}35%{transform:translate(-.3rem)}68%{transform:translate(.2rem)}}@media (width<=22rem){.result-header.svelte-1wqybgd{text-align:left;padding-left:.75rem;padding-right:4rem}.result-header.svelte-1wqybgd>div:where(.svelte-1wqybgd){justify-content:flex-start}.result-header.svelte-1wqybgd h2:where(.svelte-1wqybgd){font-size:1.35rem}}.song-card.svelte-3n0pqu{border:3px solid var(--ts-ink);background:var(--ts-paper-bright);width:100%;box-shadow:5px 6px 0 var(--ts-ink);transform-origin:50% 90%;border-radius:1.15rem;padding:.42rem;animation:.56s cubic-bezier(.16,.88,.28,1.18) 90ms both svelte-3n0pqu-deal-card;position:relative}.song-card.is-reward.svelte-3n0pqu:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 25%,#ffffffb3,#0000 55%);border-radius:.95rem;animation:.68s ease-out .52s both svelte-3n0pqu-card-shine;position:absolute;inset:0;translate:-120%}header.svelte-3n0pqu{letter-spacing:.18em;justify-content:space-between;align-items:center;padding:.05rem .22rem .32rem;font-size:.46rem;font-weight:950;display:flex}footer.svelte-3n0pqu{text-align:left;align-items:center;gap:.45rem;min-height:2.8rem;padding:.42rem .22rem .1rem;display:flex}footer.svelte-3n0pqu strong:where(.svelte-3n0pqu),footer.svelte-3n0pqu small:where(.svelte-3n0pqu){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}footer.svelte-3n0pqu strong:where(.svelte-3n0pqu){text-transform:uppercase;font-size:.7rem;font-weight:950}footer.svelte-3n0pqu small:where(.svelte-3n0pqu){margin-top:.08rem;font-size:.48rem;font-weight:800}.tier-mark.svelte-3n0pqu{border:2px solid var(--ts-ink);background:var(--ts-paper-bright);border-radius:999px;flex:none;place-items:center;width:1.75rem;height:1.75rem;font-size:.75rem;display:grid}.tier-silver.svelte-3n0pqu{background:var(--ts-silver)}.tier-gold.svelte-3n0pqu{background:var(--ts-reward)}.tier-gold_lightning.svelte-3n0pqu{color:var(--ts-paper-bright);background:var(--ts-purple)}.tier-gold_lightning.svelte-3n0pqu .tier-mark:where(.svelte-3n0pqu){color:var(--ts-ink);background:var(--ts-reward)}.tier-viewed.svelte-3n0pqu{background:var(--ts-discovered)}@keyframes svelte-3n0pqu-deal-card{0%{opacity:0;transform:translateY(2.5rem)rotate(5deg)scale(.82)}to{opacity:1;transform:translateY(0)rotate(-1deg)scale(1)}}@keyframes svelte-3n0pqu-card-shine{0%{opacity:0;translate:-120%}35%{opacity:1}to{opacity:0;translate:120%}}@media (width<=39.999rem) and (height<=36rem){.result-grid.svelte-j589kj{grid-template-columns:7rem minmax(0,1fr);align-items:center;gap:.75rem}.result-preview-shell.svelte-j589kj section>div:first-child{width:7rem}.result-details.svelte-j589kj h2:where(.svelte-j589kj){font-size:1.25rem}.result-progress.svelte-j589kj{margin-top:.75rem}}.choice.keyboard-active.svelte-xnjq0q{border-color:var(--ts-purple-dark);box-shadow:0 4px 0 var(--ts-ink), 0 0 0 4px #7c2ff24d;background:#ede2ff}@media (hover:hover){.choice.svelte-xnjq0q:hover{background:#f0e7ff}}.pack-header.svelte-1ugb886{border-bottom:3px solid var(--ts-ink);background:var(--ts-reward);flex:none;justify-content:center;align-items:center;gap:1rem;min-height:7.2rem;padding:.7rem 4.25rem .7rem 1rem;display:flex;position:relative}p.svelte-1ugb886{letter-spacing:.2em;text-transform:uppercase;font-size:.58rem;font-weight:950}h2.svelte-1ugb886{letter-spacing:-.04em;margin-top:.12rem;font-size:clamp(1.45rem,4vw,2rem);font-weight:950}.pack-header.svelte-1ugb886 div:where(.svelte-1ugb886)>span:where(.svelte-1ugb886){margin-top:.1rem;font-size:.65rem;font-weight:850;display:block}.pack-header.svelte-1ugb886 .close{z-index:10;position:absolute;top:50%;right:.75rem;translate:0 -50%}.opened-pack.svelte-1ugb886{transform-origin:50%;flex:0 0 4.8rem;width:4.8rem;height:5.6rem;display:block;position:relative;transform:scale(.72)}.envelope.svelte-1ugb886{z-index:4;border:2px solid var(--ts-ink);background:var(--ts-purple);box-shadow:3px 3px 0 var(--ts-ink);border-radius:.6rem;position:absolute;inset:2.4rem .25rem 0}.competitive.svelte-1ugb886 .envelope:where(.svelte-1ugb886){background:var(--ts-ink)}.competitive.svelte-1ugb886 .flap:where(.svelte-1ugb886),.competitive.svelte-1ugb886 .seal:where(.svelte-1ugb886){color:var(--ts-ink);background:var(--ts-reward)}.flap.svelte-1ugb886{transform-origin:top;background:color-mix(in srgb, var(--ts-purple) 70%, white);clip-path:polygon(0 0,100% 0,50% 72%);height:2.6rem;animation:.52s cubic-bezier(.2,.8,.3,1) both svelte-1ugb886-flap-open;position:absolute;inset:-1px 0 auto}.seal.svelte-1ugb886{border:2px solid var(--ts-ink);background:var(--ts-success);border-radius:999px;place-items:center;width:1.7rem;height:1.7rem;font-size:.55rem;font-weight:950;display:grid;position:absolute;top:1.15rem;left:50%;translate:-50% -50%}.mini-card.svelte-1ugb886{z-index:2;border:2px solid var(--ts-ink);background:var(--ts-silver);border-radius:.45rem;width:2.65rem;height:3.7rem;animation:.62s cubic-bezier(.16,.88,.28,1.18) .18s both svelte-1ugb886-cards-rise;position:absolute;top:1.1rem;left:2rem}.card-one.svelte-1ugb886{transform:translate(-1.25rem)rotate(-13deg)}.card-two.svelte-1ugb886{z-index:3;background:var(--ts-success)}.card-three.svelte-1ugb886{background:var(--ts-reward);transform:translate(1.25rem)rotate(13deg)}@keyframes svelte-1ugb886-flap-open{0%{transform:rotateX(0)}to{transform:rotateX(165deg)}}@keyframes svelte-1ugb886-cards-rise{0%{opacity:0;translate:0 2.2rem}to{opacity:1;translate:0 -1rem}}@media (width>=40rem){.opened-pack.svelte-1ugb886{flex-basis:6.6rem;width:6.6rem;transform:none}.pack-header.svelte-1ugb886{min-height:8.2rem;padding-left:1.5rem}}.result-card-item.svelte-1vhwp59{animation:.42s cubic-bezier(.16,.86,.3,1.12) both svelte-1vhwp59-recap-card-in}.session-song-card.svelte-1vhwp59{background:var(--ts-discovered)}.session-song-card.tier-silver.svelte-1vhwp59{background:var(--ts-silver)}.session-song-card.tier-gold.svelte-1vhwp59{background:var(--ts-reward)}.session-song-card.tier-gold_lightning.svelte-1vhwp59{color:#fff;background:var(--ts-purple)}.session-song-card.tier-recognized.svelte-1vhwp59{background:var(--ts-success)}@keyframes svelte-1vhwp59-recap-card-in{0%{opacity:0;transform:translateY(1.5rem)rotate(2deg)scale(.92)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}.vertical-feed{overscroll-behavior:none;touch-action:pinch-zoom;-webkit-user-select:none;user-select:none;background:var(--ts-paper);max-width:100%;overflow-x:clip}.feed-track{will-change:transform;max-width:100%;height:100%;overflow-x:clip}.feed-slide{background-color:var(--ts-paper);background-image:radial-gradient(circle,#7c2ff21a 0 3px,#0000 3.5px),radial-gradient(circle,#17171912 0 2px,#0000 2.5px);background-position:0 0,18px 18px;background-size:40px 40px;max-width:100%;height:100%;overflow:clip}.next-preview{animation:1.5s ease-in-out infinite alternate next-breathe}.gesture-cue{left:50%;bottom:max(.75rem, env(safe-area-inset-bottom));z-index:50;border:2px solid var(--ts-ink);background:var(--ts-paper-bright);box-shadow:0 3px 0 var(--ts-ink);white-space:nowrap;border-radius:999px;padding:.45rem .8rem;font-size:.65rem;font-weight:950;position:absolute;translate:-50%}.gesture-cue.ready{background:var(--ts-success)}@keyframes next-breathe{to{transform:translateY(-.35rem)}}@media (prefers-reduced-motion:reduce){.feed-track{transition-duration:1ms!important}.next-preview{animation:none}}.result-progress.svelte-yvcovo{animation:.72s cubic-bezier(.2,.75,.25,1) .36s both svelte-yvcovo-reveal-progress}@keyframes svelte-yvcovo-reveal-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
