.slot-machine-container{max-width:800px;margin:40px auto;padding:30px;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);border-radius:20px;box-shadow:0 20px 60px rgb(0 0 0 / .3);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow:hidden}.slot-machine-container::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgb(255 255 255 / .03) 10px,rgb(255 255 255 / .03) 20px);animation:shine 20s linear infinite;pointer-events:none}@keyframes shine{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.slot-machine-header{text-align:center;margin-bottom:30px;position:relative;z-index:1}.slot-title{color:gold;font-size:2.5em;margin:0;text-shadow:3px 3px 6px rgb(0 0 0 / .5);animation:pulse 2s ease-in-out infinite;letter-spacing:2px}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.slot-subtitle{color:#fff;font-size:1.2em;margin-top:10px;opacity:.9}.slot-machine{background:linear-gradient(145deg,#0f0f0f 0%,#2a2a2a 100%);border-radius:15px;padding:40px;position:relative;box-shadow:inset 0 0 20px rgb(0 0 0 / .8),0 10px 30px rgb(0 0 0 / .5);border:4px solid gold}.reels-container{display:flex;justify-content:center;gap:15px;margin-bottom:20px;perspective:1000px}.reel-wrapper{position:relative;width:140px;height:140px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 0 20px rgb(0 0 0 / .5),inset 0 0 20px rgb(0 0 0 / .1);border:3px solid silver}.reel{width:100%;height:100%;position:relative;overflow:hidden}.reel-inner{position:absolute;width:100%;transition:transform 0.1s linear}.symbol{width:140px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffffff 0%,#f0f0f0 100%);border-bottom:1px solid #ddd}.symbol img{max-width:80px;max-height:80px;object-fit:contain;filter:drop-shadow(2px 2px 4px rgb(0 0 0 / .3))}.symbol-name{font-size:.8em;color:#333;margin-top:5px;font-weight:700}.reel-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgb(0 0 0 / .4) 0%,transparent 20%,transparent 80%,rgb(0 0 0 / .4) 100%);pointer-events:none;border-radius:10px}.win-line{position:absolute;top:50%;left:10%;right:10%;height:3px;background:red;opacity:0;box-shadow:0 0 10px #ff0000,0 0 20px red;z-index:10;transform:translateY(-50%)}.win-line.active{opacity:1;animation:winPulse 0.5s ease-in-out 3}@keyframes winPulse{0%,100%{opacity:1}50%{opacity:.3}}.machine-lights{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;pointer-events:none}.light{position:absolute;width:20px;height:20px;background:#ff0;border-radius:50%;box-shadow:0 0 20px #ffff00,0 0 40px #ff0;animation:blink 1s ease-in-out infinite}.light-1{top:10px;left:10px;animation-delay:0s}.light-2{top:10px;right:10px;animation-delay:0.25s}.light-3{bottom:10px;left:10px;animation-delay:0.5s}.light-4{bottom:10px;right:10px;animation-delay:0.75s}@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.controls{text-align:center;margin-top:30px;position:relative;z-index:1}.spin-button{background:linear-gradient(145deg,#ff6b6b 0%,#ee5a5a 100%);color:#fff;border:none;padding:20px 60px;font-size:1.5em;font-weight:700;border-radius:50px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 10px 30px rgb(238 90 90 / .4),0 0 0 4px rgb(255 255 255 / .1);transition:all 0.3s ease;text-transform:uppercase;letter-spacing:2px}.spin-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 40px rgb(238 90 90 / .6),0 0 0 4px rgb(255 255 255 / .2)}.spin-button:active:not(:disabled){transform:translateY(-1px)}.spin-button:disabled{background:#666;cursor:not-allowed;box-shadow:none}.btn-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgb(255 255 255 / .3) 50%,transparent 70%);transform:rotate(30deg);animation:btnShine 3s infinite}@keyframes btnShine{0%{transform:translateX(-100%) rotate(30deg)}100%{transform:translateX(100%) rotate(30deg)}}.credits{color:#fff;margin-top:15px;font-size:1.1em;opacity:.8}.result-display{margin-top:30px;padding:25px;background:rgb(255 255 255 / .1);border-radius:15px;text-align:center;backdrop-filter:blur(10px);border:2px solid rgb(255 255 255 / .2);min-height:100px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.result-display.win{background:rgb(0 255 0 / .2);border-color:lime;animation:winGlow 1s ease-in-out}.result-display.jackpot{background:rgb(255 215 0 / .3);border-color:gold;animation:jackpotGlow 1s ease-in-out infinite}@keyframes winGlow{0%,100%{box-shadow:0 0 20px rgb(0 255 0 / .5)}50%{box-shadow:0 0 40px rgb(0 255 0 / .8)}}@keyframes jackpotGlow{0%,100%{box-shadow:0 0 30px rgb(255 215 0 / .6)}50%{box-shadow:0 0 60px rgb(255 215 0)}}.result-content h3{color:gold;margin:0 0 10px 0;font-size:1.8em}.result-content p{color:#fff;margin:0;font-size:1.2em}.prize-code{margin-top:15px;padding:15px;background:#000;color:lime;font-family:'Courier New',monospace;font-size:1.5em;font-weight:700;border-radius:5px;border:2px dashed lime;display:inline-block;letter-spacing:2px;animation:codePulse 2s ease-in-out infinite}@keyframes codePulse{0%,100%{opacity:1}50%{opacity:.7}}.sound-toggle{text-align:center;margin-top:20px}.sound-btn{background:rgb(255 255 255 / .1);border:2px solid rgb(255 255 255 / .3);color:#fff;padding:10px 20px;border-radius:25px;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:8px}.sound-btn:hover{background:rgb(255 255 255 / .2);border-color:rgb(255 255 255 / .5)}.sound-btn.muted{opacity:.5}.slot-machine-container[data-theme="dark"]{background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%)}@media (max-width:600px){.reel-wrapper{width:100px;height:100px}.symbol{width:100px;height:100px}.symbol img{max-width:60px;max-height:60px}.slot-title{font-size:1.8em}.spin-button{padding:15px 40px;font-size:1.2em}}.confetti{position:fixed;width:10px;height:10px;background:red;position:absolute;animation:confetti-fall 3s linear forwards;z-index:1000}@keyframes confetti-fall{0%{transform:translateY(-100px) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}