.reel{--row: 60px;position:relative;width:min(100%,460px);margin-top:12px;padding:12px;border-radius:28px;background:var(--pk-ink);box-sizing:border-box;box-shadow:0 18px 24px -10px color-mix(in srgb,var(--pk-ink) 40%,transparent)}.reel:before,.reel:after{content:"";position:absolute;z-index:1;top:50%;width:0;height:0;border-block:14px solid transparent;translate:0 -50%}.reel:before{left:4px;border-left:18px solid var(--pk-sun)}.reel:after{right:4px;border-right:18px solid var(--pk-sun)}.reel-window{position:relative;height:calc(var(--row) * 3);overflow:hidden;border-radius:18px;background:#fff}.reel-window:after{content:"";position:absolute;inset:0;background:linear-gradient(color-mix(in srgb,var(--pk-ink) 28%,transparent),transparent 32%,transparent 68%,color-mix(in srgb,var(--pk-ink) 28%,transparent));pointer-events:none}.reel-window:before{content:"";position:absolute;inset:var(--row) 0;background:var(--pk-sun)}.reel-strip{position:relative;margin:0;padding:0;list-style:none;transform:translateY(calc(var(--row) * var(--reel-rows) * -1))}.reel-strip li{height:var(--row);overflow:hidden;padding:0 40px;color:var(--pk-ink);font-family:var(--pk-display);font-size:32px;font-weight:900;line-height:var(--row);letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap}.reel-strip[data-idle] li:nth-child(2){color:var(--pk-cobalt);font-size:44px}.reel[data-rolling] .reel-strip{animation:reel-roll 1.7s cubic-bezier(.12,.7,.18,1.02) both}.reel[data-landed] .reel-strip li[data-pick]{animation:reel-land .36s cubic-bezier(.34,1.56,.64,1) both}@keyframes reel-roll{0%{transform:translateY(0)}}@keyframes reel-land{50%{scale:1.1}}@media(max-width:959px){.reel{--row: 52px;margin-top:0}.reel-strip li{font-size:28px}}@media(prefers-reduced-motion:reduce){.reel[data-rolling] .reel-strip,.reel[data-landed] .reel-strip li[data-pick]{animation:tk-fade .24s ease-out both}}