.slot-machine{position:relative;display:flex;flex-direction:column;align-items:center;padding:1rem 0}.slot-game-label{font-size:.75rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,215,0,.6);margin-bottom:.75rem}.slot-frame{position:relative;border-radius:16px;padding:3px;background:linear-gradient(135deg,rgba(255,215,0,.3),rgba(255,215,0,.05),rgba(255,215,0,.2),rgba(255,215,0,.05),rgba(255,215,0,.3));box-shadow:0 0 20px rgba(255,215,0,.15),0 0 60px rgba(255,215,0,.05),inset 0 0 20px rgba(0,0,0,.3)}.slot-chrome-bottom,.slot-chrome-top{height:4px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.4),hsla(0,0%,100%,.2),rgba(255,215,0,.4),transparent);border-radius:2px;margin:0 8px}.slot-chrome-top{margin-bottom:2px}.slot-chrome-bottom{margin-top:2px}.slot-reels{display:flex;align-items:center;gap:4px;padding:8px 12px;background:linear-gradient(180deg,#050510,#0a0a1a,#050510);border-radius:12px}.slot-divider{width:2px;height:52px;background:linear-gradient(180deg,transparent,rgba(255,215,0,.4),transparent);margin:0 6px;flex-shrink:0}.reel-container{position:relative;width:48px;flex-shrink:0}.reel-window{height:52px;overflow:hidden;position:relative;border-radius:6px;background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.03)}.reel-fade-bottom,.reel-fade-top{position:absolute;left:0;right:0;height:16px;z-index:2;pointer-events:none}.reel-fade-top{top:0;background:linear-gradient(180deg,rgba(5,5,16,.9),transparent)}.reel-fade-bottom{bottom:0;background:linear-gradient(0deg,rgba(5,5,16,.9),transparent)}.reel-strip{display:flex;flex-direction:column}.reel-item{display:flex;align-items:center;justify-content:center;flex-shrink:0}@keyframes reelSpin{0%{transform:translateY(0)}to{transform:translateY(-52px)}}.reel-number{font-family:JetBrains Mono,SF Mono,Fira Code,monospace;font-size:22px;font-weight:900;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.reel-number-dim{color:hsla(0,0%,100%,.15);background:transparent}.reel-number-active{color:#1a1a2e;background:linear-gradient(145deg,#fff,#e0e0e0);box-shadow:0 0 15px hsla(0,0%,100%,.3),2px 3px 8px rgba(0,0,0,.4),inset -2px -2px 4px rgba(0,0,0,.1),inset 2px 2px 4px hsla(0,0%,100%,.8);animation:numberLand .4s cubic-bezier(.34,1.56,.64,1)}.reel-number-bonus-active{color:#1a1a2e;background:linear-gradient(145deg,gold,#fa0);box-shadow:0 0 20px rgba(255,215,0,.5),0 0 40px rgba(255,215,0,.2),2px 3px 8px rgba(0,0,0,.4),inset -2px -2px 4px rgba(180,130,0,.3),inset 2px 2px 4px hsla(0,0%,100%,.5);animation:numberLandBonus .5s cubic-bezier(.34,1.56,.64,1)}@keyframes numberLand{0%{transform:scale(.5);opacity:0;filter:blur(2px)}50%{transform:scale(1.2)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1;filter:blur(0)}}@keyframes numberLandBonus{0%{transform:scale(.3) rotate(-15deg);opacity:0}40%{transform:scale(1.3) rotate(5deg)}60%{transform:scale(.9) rotate(-2deg)}80%{transform:scale(1.05) rotate(0deg)}to{transform:scale(1) rotate(0deg);opacity:1}}.reel-flash{position:absolute;inset:0;border-radius:6px;background:radial-gradient(circle,hsla(0,0%,100%,.3),transparent);animation:reelFlash .3s ease-out forwards;pointer-events:none}.reel-flash-bonus{background:radial-gradient(circle,rgba(255,215,0,.4),transparent)}@keyframes reelFlash{0%{opacity:1}to{opacity:0}}.slot-jackpot{margin-top:1rem;text-align:center;opacity:0;transform:translateY(10px) scale(.9);transition:all .6s cubic-bezier(.34,1.56,.64,1)}.slot-jackpot-visible{opacity:1;transform:translateY(0) scale(1)}.slot-jackpot-label{font-size:.65rem;font-weight:800;letter-spacing:.3em;color:rgba(255,215,0,.5);margin-bottom:.25rem}.slot-jackpot-amount{font-size:1.75rem;font-weight:900;background:linear-gradient(135deg,gold,#fa0,gold);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(255,215,0,.4));animation:jackpotPulse 2s ease-in-out infinite}@keyframes jackpotPulse{0%,to{filter:drop-shadow(0 0 12px rgba(255,215,0,.3))}50%{filter:drop-shadow(0 0 24px rgba(255,215,0,.6))}}.slot-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.slot-sparkle{position:absolute;top:-5px;width:4px;height:4px;background:gold;border-radius:50%;animation:sparkleFloat linear infinite;box-shadow:0 0 6px rgba(255,215,0,.6)}@keyframes sparkleFloat{0%{transform:translateY(0) rotate(0deg) scale(1);opacity:1}50%{opacity:.8;transform:translateY(80px) rotate(180deg) scale(.6)}to{transform:translateY(160px) rotate(1turn) scale(0);opacity:0}}@media (max-width:480px){.reel-container{width:40px}.reel-window{height:44px}.reel-number{font-size:18px;width:36px;height:36px}.reel-item{height:44px}.slot-reels{gap:2px;padding:6px 8px}.slot-jackpot-amount{font-size:1.4rem}@keyframes reelSpin{0%{transform:translateY(0)}to{transform:translateY(-44px)}}}@media (min-width:640px){.reel-container{width:56px}.reel-window{height:60px}.reel-number{font-size:26px;width:52px;height:52px}.reel-item{height:60px}.slot-reels{gap:6px;padding:10px 16px}.slot-jackpot-amount{font-size:2.2rem}@keyframes reelSpin{0%{transform:translateY(0)}to{transform:translateY(-60px)}}}