.reel-stage{perspective:1800px;perspective-origin:50% 42%;touch-action:pan-y;cursor:grab;outline:none;position:relative;overflow:hidden}.reel-stage:active{cursor:grabbing}.reel-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--color-gold)}.reel-ring{width:var(--card-w);height:calc(var(--card-w) * 1.5);margin-left:calc(var(--card-w) / -2);transform-style:preserve-3d;transform:translateZ(calc(var(--radius) * -1));position:absolute;top:36px;left:50%}.reel-card{background:var(--color-ink-3) center / cover no-repeat;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform, opacity;outline-offset:-1px;transition:outline-color .5s var(--ease-cinematic), filter .5s var(--ease-cinematic);filter:saturate(.85)brightness(.85);border-radius:6px;outline:1px solid #f4efe614;display:block;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 60px -20px #000c}.reel-card[data-active=true]{filter:none;outline-color:#f5c518b3}.reel-card:focus-visible{outline:2px solid var(--color-gold)}.reel-card img{object-fit:cover;width:100%;height:100%;display:block}.reel-card-glow{pointer-events:none;opacity:1;transition:opacity .5s var(--ease-cinematic);background:linear-gradient(#0000 55%,#08080a8c);position:absolute;inset:0}.reel-card[data-active=true] .reel-card-glow{opacity:.35}.reel-floor{pointer-events:none;background:radial-gradient(60% 80% at 50% 100%,#f5c51814,#0000 70%);height:46%;position:absolute;inset:auto 0 0}.reel-chip{color:var(--color-cream-60);letter-spacing:.14em;text-transform:uppercase;transition:color .4s var(--ease-cinematic), border-color .4s var(--ease-cinematic), background-color .4s var(--ease-cinematic);border:1px solid #f4efe61f;border-radius:999px;flex:none;padding:.55rem 1rem;font-size:.75rem}.reel-chip:hover{color:var(--color-cream);border-color:#f4efe64d}.reel-chip-on{color:var(--color-ink);background:var(--color-gold);border-color:var(--color-gold)}.reel-nav{width:2.75rem;height:2.75rem;color:var(--color-cream);transition:border-color .4s var(--ease-cinematic), background-color .4s var(--ease-cinematic);border:1px solid #f4efe624;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.reel-nav:hover{border-color:var(--color-gold);background:#f5c5181a}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.reel-dialog{width:100%;max-width:min(92vw,68rem);color:var(--color-cream);background:0 0;border:0;margin:auto;padding:0;position:fixed;inset:0;overflow:visible}.reel-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08080ae0}.reel-dialog[open]{animation:dialog-in .6s var(--ease-cinematic)}@keyframes dialog-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.reel-dialog-body{background:var(--color-ink-2);border:1px solid #f5c5182e;border-radius:8px;gap:1.5rem;padding:1.25rem;display:grid}@media (min-width:640px){.reel-dialog-body{grid-template-columns:36vw 1fr;gap:2.5rem;max-height:86vh;padding:2rem}}.reel-dialog-poster{background:var(--color-ink-3) center / cover;aspect-ratio:2/3;border-radius:6px;justify-self:center;width:min(70vw,100%);max-height:78vh;overflow:hidden}@media (min-width:640px){.reel-dialog-poster{width:100%}}.reel-dialog-poster img{object-fit:cover;width:100%;height:100%;display:block}.reel-dialog-text{flex-direction:column;justify-content:center;display:flex}html.dialog-open{overflow:hidden}@media (prefers-reduced-motion:reduce){.reel-card{transition:none}.reel-dialog[open]{animation:none}}