*{margin:0;padding:0;box-sizing:border-box}html,body{height:100dvh;overflow:hidden}body{font-family:Inter,sans-serif;background:radial-gradient(ellipse at center,#1a0000,#0d0000 70%,#000);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:clamp(6px,1.5vh,20px);gap:clamp(4px,1vh,12px)}.header{flex:0 0 auto;text-align:center;line-height:1}.neon-sign{display:flex;flex-direction:column;align-items:center;gap:0}.neon-text{font-family:Playfair Display,serif;font-size:clamp(1.4rem,5vh,3rem);font-weight:900;letter-spacing:clamp(2px,1vw,6px);color:#fff;text-shadow:0 0 7px #ffd700,0 0 10px #ffd700,0 0 21px #ffd700,0 0 42px #b8860b,0 0 82px #b8860b,0 0 92px #b8860b,0 0 102px #b8860b,0 0 151px #b8860b;animation:flicker 3s infinite alternate}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 7px #ffd700,0 0 10px #ffd700,0 0 21px #ffd700,0 0 42px #b8860b,0 0 82px #b8860b,0 0 92px #b8860b,0 0 102px #b8860b,0 0 151px #b8860b}20%,24%,55%{text-shadow:none}}.neon-sub{font-family:Playfair Display,serif;font-size:clamp(.6rem,1.8vh,1rem);color:gold;letter-spacing:clamp(1px,.5vw,4px);opacity:.8}.hud{flex:0 0 auto;display:flex;justify-content:center;gap:clamp(16px,4vw,40px);width:auto;padding:clamp(6px,1.2vh,16px) clamp(16px,3vw,30px);background:linear-gradient(145deg,#1a0000,#2a0000);border:2px solid #d4af37;border-radius:clamp(8px,1.5vh,16px);box-shadow:0 0 20px #d4af3766,inset 0 0 30px #00000080}.hud-item{display:flex;flex-direction:column;align-items:center;gap:0}.hud-item i{font-size:clamp(.8rem,2vh,1.3rem);color:gold;filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.hud-item span{font-size:clamp(.5rem,1.2vh,.7rem);font-weight:600;color:#a08040;letter-spacing:clamp(1px,.3vw,2px)}.hud-value{font-family:Playfair Display,serif;font-size:clamp(1rem,3.5vh,1.8rem)!important;font-weight:900!important;color:gold!important;text-shadow:0 0 10px rgba(255,215,0,.5);min-width:clamp(30px,8vw,60px);text-align:center}.machine-frame{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;position:relative;background:linear-gradient(180deg,#2a0000,#1a0000,#0d0000);border:clamp(2px,.4vh,4px) solid #d4af37;border-radius:clamp(12px,2vh,24px);padding:clamp(8px,2vh,24px);max-width:min(580px,90vw);width:90vw;box-shadow:0 0 40px #d4af374d,0 0 80px #d4af371a,inset 0 0 60px #000000b3}.marquee-top,.marquee-bottom{flex:0 0 auto;display:flex;justify-content:center;gap:clamp(4px,1vw,12px);flex-wrap:wrap}.marquee-top{margin-bottom:clamp(4px,1vh,12px)}.marquee-bottom{margin-top:clamp(4px,1vh,12px)}.marquee-light{width:clamp(6px,1.5vh,14px);height:clamp(6px,1.5vh,14px);border-radius:50%;background:#8b0000;box-shadow:0 0 6px #8b000099;animation:marquee-blink 1.2s infinite alternate}.marquee-light:nth-child(odd){animation-delay:.6s;background:gold;box-shadow:0 0 10px #ffd700cc}@keyframes marquee-blink{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.1)}}.reel-container{flex:1 1 auto;display:flex;justify-content:center;align-items:center;gap:clamp(4px,1.2vh,12px);padding:clamp(6px,1.5vh,16px);background:#0a0000;border-radius:clamp(8px,1.5vh,16px);border:clamp(2px,.3vh,3px) solid #8b6914;box-shadow:inset 0 0 30px #000000e6;min-height:0}.reel-window{flex:0 0 auto;width:clamp(80px,20vh,150px);height:clamp(80px,20vh,150px);background:#000;border-radius:clamp(6px,1vh,12px);border:clamp(2px,.3vh,3px) solid #d4af37;box-shadow:0 0 15px #d4af3766,inset 0 0 20px #000c;overflow:hidden;position:relative;perspective:800px}.reel-strip{width:100%;height:100%;position:relative;transform-style:preserve-3d}.box-img{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;backface-visibility:hidden}@keyframes reel-spin{0%{transform:translateY(0) scaleY(1);filter:blur(0)}20%{transform:translateY(-20%) scaleY(.95);filter:blur(2px)}40%{transform:translateY(-40%) scaleY(.95);filter:blur(3px)}50%{transform:translateY(-50%) scaleY(.95);filter:blur(4px)}60%{transform:translateY(-60%) scaleY(.95);filter:blur(3px)}80%{transform:translateY(-80%) scaleY(.95);filter:blur(2px)}to{transform:translateY(-100%) scaleY(1);filter:blur(0)}}.spinning-fast{animation:reel-spin .3s infinite linear!important}.spinning-fast#boxOne .box-img,.spinning-fast#boxTwo .box-img,.spinning-fast#boxThree .box-img{filter:blur(3px);transform:scale(1.05)}@keyframes reel-stop{0%{transform:translateY(-15%);filter:blur(3px)}50%{transform:translateY(5%);filter:blur(1px)}75%{transform:translateY(-2%)}to{transform:translateY(0);filter:blur(0)}}.reel-stopping .box-img{animation:reel-stop .4s ease-out forwards!important}@keyframes win-glow{0%{box-shadow:0 0 15px 3px gold,0 0 30px 6px #b8860b}50%{box-shadow:0 0 30px 8px gold,0 0 60px 15px #b8860b,0 0 90px 20px #ff4500}to{box-shadow:0 0 15px 3px gold,0 0 30px 6px #b8860b}}.reel-window.win{animation:win-glow .8s ease-in-out 3;border-color:gold}.win .box-img{filter:brightness(1.2) saturate(1.3)}.controls{flex:0 0 auto;display:flex;justify-content:center;align-items:center;gap:clamp(8px,2vw,20px);margin-top:clamp(4px,1.2vh,16px)}.btn-spin,.btn-stop{display:inline-flex;align-items:center;justify-content:center;gap:clamp(4px,.5vw,8px);padding:clamp(6px,1.2vh,14px) clamp(16px,3vw,36px);font-family:Playfair Display,serif;font-size:clamp(.8rem,2.5vh,1.2rem);font-weight:700;letter-spacing:clamp(1px,.3vw,2px);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.btn-spin{background:linear-gradient(180deg,#d4af37,#b8860b,#8b6914);color:#1a0000;box-shadow:0 4px 15px #d4af3780,0 0 30px #d4af3733,inset 0 1px #ffffff4d}.btn-spin:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 25px #d4af37b3,0 0 50px #d4af374d}.btn-spin:active{transform:translateY(1px) scale(.98)}.btn-stop{background:linear-gradient(180deg,#8b0000,#5c0000,#3a0000);color:gold;box-shadow:0 4px 15px #8b000080,inset 0 1px #ffffff1a;display:none}.btn-stop:hover{transform:translateY(-2px) scale(1.05);background:linear-gradient(180deg,#a00000,#700000,#4a0000);box-shadow:0 6px 25px #8b0000b3}.btn-spin i,.btn-stop i{font-size:clamp(.6rem,1.5vh,1rem)}.info-panel{flex:0 0 auto;max-width:min(450px,90vw);width:auto;padding:clamp(4px,.8vh,12px) clamp(12px,2vw,24px);background:linear-gradient(145deg,#1a0000f2,#0d0000f2);border:2px solid #8b6914;border-radius:clamp(8px,1.5vh,16px);text-align:center;box-shadow:0 0 20px #8b69144d;line-height:1}.info-panel p{font-size:clamp(.6rem,1.5vh,.85rem);line-height:1.6;color:#c0a060}.info-panel strong{color:gold;font-weight:700}.info-panel i{color:gold;margin:0 clamp(2px,.5vw,6px)}.footer{flex:0 0 auto;width:100%;text-align:center;padding:clamp(4px,.8vh,12px);border-top:2px solid #8b6914;box-shadow:0 -5px 20px #8b691433}.footer p{font-size:clamp(.5rem,1.2vh,.8rem);color:#a08040;letter-spacing:1px}#confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;top:-10px;animation:confetti-fall 3s ease-in forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@media(max-height:600px){body{gap:2px;padding:4px}.machine-frame{padding:6px;border-radius:10px}.reel-container{padding:4px;gap:4px}.reel-window{width:70px;height:70px}.controls{margin-top:4px}.btn-spin,.btn-stop{padding:4px 12px;font-size:.65rem}.marquee-top,.marquee-bottom{gap:3px}.marquee-top{margin-bottom:4px}.marquee-bottom{margin-top:4px}.marquee-light{width:5px;height:5px}.hud{padding:3px 10px;border-width:1px;gap:12px}.info-panel,.footer{display:none}}