.reel-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}button.reel-wrap{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent}button.reel-wrap:focus-visible{outline:1px solid #c9a648;outline-offset:8px}.reel-rotor{width:100%;height:100%;display:block;filter:drop-shadow(0 18px 42px rgba(0,0,0,.65))}.reel-rotor.idle{animation:reelIdle 70s linear infinite}button.reel-wrap:hover .reel-rotor.idle{animation-duration:12s}.reel-rotor.spinning{animation:reelSpin 2.6s cubic-bezier(.16,.84,.26,1) both}@keyframes reelIdle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes reelSpin{0%{transform:rotate(0)}to{transform:rotate(1800deg)}}.reel-hub-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;pointer-events:none;text-align:center;font-family:Playfair Display,Georgia,serif;color:#e9e6de;text-transform:uppercase}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(130% 95% at 50% 0%,#141317,#0b0b0d 48%,#060607);animation:bdIn 1.4s ease}@keyframes bdIn{0%{opacity:0}}.backdrop>div{position:absolute;top:0;right:0;bottom:0;left:0}.bd-art{background-size:cover;background-position:center;filter:grayscale(1) contrast(1.06) brightness(.9)}.bd-beam{filter:blur(18px)}.bd-bars{background:repeating-linear-gradient(104deg,transparent 0 30px,rgba(255,255,255,.05) 30px 40px);filter:blur(5px);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 68%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 68%)}.bd-stars{background-image:radial-gradient(1.2px 1.2px at 22% 28%,rgba(255,255,255,.8),transparent 100%),radial-gradient(1px 1px at 68% 14%,rgba(255,255,255,.55),transparent 100%),radial-gradient(1.4px 1.4px at 84% 44%,rgba(255,255,255,.7),transparent 100%),radial-gradient(1px 1px at 44% 60%,rgba(255,255,255,.45),transparent 100%),radial-gradient(1.1px 1.1px at 8% 74%,rgba(255,255,255,.5),transparent 100%);background-size:260px 260px;mask-image:linear-gradient(180deg,rgba(0,0,0,.95),transparent 75%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.95),transparent 75%)}.bd-orbs{background:radial-gradient(190px 190px at 20% 34%,rgba(255,255,255,.09),transparent 70%),radial-gradient(120px 120px at 78% 24%,rgba(255,255,255,.07),transparent 70%),radial-gradient(90px 90px at 60% 52%,rgba(255,255,255,.05),transparent 70%)}.bd-glow{background:radial-gradient(85% 42% at 50% -6%,rgba(255,255,255,.28),transparent 70%)}.bd-scan{background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.045) 3px 4px)}.bd-grain{mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.bd-dark{background:radial-gradient(140% 92% at 50% 28%,transparent 52%,rgba(0,0,0,.95) 100%)}@media (prefers-reduced-motion: reduce){.reel-rotor,.backdrop{animation:none!important}}