.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100vh;padding:clamp(.5rem,2vw,1.5rem);gap:clamp(.75rem,2vh,1rem);box-sizing:border-box}#slot{border:3px solid var(--neon-purple);border-radius:12px;box-shadow:0 0 20px rgba(139,92,246,.4);max-width:min(500px,90vw);max-height:min(500px,60vh);width:auto;height:auto;object-fit:contain}.winner-display{color:var(--neon-cyan);font-size:clamp(18px,4vw,24px);border-radius:12px;border:2px solid var(--neon-cyan);background:rgba(6,182,212,.1);font-weight:700;padding:clamp(8px,2vw,10px) clamp(16px,4vw,20px);text-shadow:0 0 10px var(--neon-cyan);box-shadow:0 0 15px rgba(6,182,212,.3);width:100%;max-width:400px}.volume-control{display:flex;align-items:center;gap:12px;padding:clamp(8px,2vw,10px) clamp(12px,3vw,16px);background:rgba(139,92,246,.1);border:2px solid var(--neon-purple);border-radius:12px;color:var(--neon-purple);box-shadow:0 0 10px rgba(139,92,246,.3);width:100%;max-width:350px}.volume-control i{font-size:clamp(14px,3vw,18px)}.volume-slider{flex:1;height:6px;border-radius:3px;background:rgba(139,92,246,.2);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--neon-purple);cursor:pointer;box-shadow:0 0 5px rgba(139,92,246,.8)}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--neon-purple);cursor:pointer;border:none;box-shadow:0 0 5px rgba(139,92,246,.8)}.volume-label{font-size:14px;font-weight:700;min-width:40px;text-align:right}#spin-manual{background:linear-gradient(135deg,#ec4899,#8b5cf6);color:white;border:2px solid var(--neon-pink);border-radius:8px;padding:clamp(12px,2.5vw,14px) clamp(20px,4vw,24px);font-size:clamp(16px,3.5vw,20px);font-weight:700;cursor:pointer;box-shadow:0 0 15px rgba(236,72,153,.4);transition:all .2s;flex:1;white-space:nowrap}#spin-manual:hover:not(:disabled){box-shadow:0 0 20px rgba(236,72,153,.6);transform:translateY(-2px)}#spin-manual:active:not(:disabled){transform:translateY(0)}.bet-action-btn{width:clamp(45px,8vw,50px);height:clamp(45px,8vw,50px);border-radius:50%;border:2px solid var(--neon-cyan);background:var(--btn-bg);color:white;font-size:clamp(14px,3vw,18px);cursor:pointer;box-shadow:0 0 10px rgba(6,182,212,.4);transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.bet-action-btn:hover:not(:disabled){box-shadow:0 0 15px rgba(6,182,212,.6);transform:scale(1.1)}#music-toggle,#pay-table,#spin-auto{background:var(--btn-bg);color:white;border:2px solid var(--neon-purple);border-radius:8px;padding:clamp(6px,1.5vw,8px) clamp(10px,2.5vw,14px);font-size:clamp(11px,2vw,13px);font-weight:700;cursor:pointer;box-shadow:0 0 8px rgba(139,92,246,.3);transition:all .2s;white-space:nowrap}#music-toggle i,#pay-table i,#spin-auto i{font-size:clamp(10px,2vw,12px)}#spin-manual i{font-size:clamp(14px,3vw,18px)}#music-toggle:hover:not(:disabled),#pay-table:hover,#spin-auto:hover:not(:disabled){box-shadow:0 0 12px rgba(139,92,246,.5);transform:translateY(-1px)}.controls{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:650px;padding:clamp(.5rem,2vw,1rem);gap:clamp(.5rem,2vw,1rem)}.controls .left{display:flex;flex-direction:column;gap:.5rem;font-size:clamp(14px,3vw,18px);color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan);font-weight:700;flex-shrink:0}.controls .middle{display:flex;align-items:center;gap:clamp(.5rem,1.5vw,.75rem);flex:1;justify-content:center;min-width:0}.controls .right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}button:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.d-flex{display:flex!important}.flex-column{flex-direction:column!important}.align-items-center{align-items:center!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.justify-content-between{justify-content:space-between!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.text-warning{color:var(--neon-cyan)!important}.text-white{color:white!important}.mb-3{margin-bottom:1rem!important}.mt-3{margin-top:1rem!important}.mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.h-100{height:100%!important}@media (max-width:768px){.controls{flex-direction:column;align-items:stretch;gap:1rem;background:transparent}.controls .left{order:1;flex-direction:row;justify-content:space-between;width:100%;align-items:center;padding:.75rem;background:rgba(10,10,26,.5);border-radius:12px}.controls .middle{order:2;width:100%;max-width:100%;justify-content:center;padding:0}.controls .right{order:3;flex-direction:row;width:100%;justify-content:space-between;align-items:center;gap:.75rem}}@media (max-width:640px){#slot{max-width:min(400px,85vw);max-height:min(400px,50vh)}.winner-display{font-size:clamp(16px,5vw,20px)}.volume-control{max-width:100%}.controls .left,.volume-control i{font-size:14px}.controls .right{flex-wrap:nowrap;gap:.5rem}#music-toggle,#pay-table,#spin-auto{font-size:10px;padding:6px 8px}#music-toggle i,#pay-table i,#spin-auto i{font-size:9px}#spin-manual i,.bet-action-btn{font-size:14px}}@media (max-width:400px){.controls .left{font-size:13px}.controls .right{gap:.35rem}#music-toggle,#pay-table,#spin-auto{font-size:9px;padding:5px 6px}#music-toggle i,#pay-table i,#spin-auto i{font-size:8px}#music-toggle b,#pay-table b,#spin-auto b{font-size:9px}.bet-action-btn{width:40px;height:40px;font-size:12px}#spin-manual{padding:10px 16px;font-size:15px}#spin-manual i,.volume-control i{font-size:12px}}@media (max-height:700px){.game-container{gap:.5rem;padding:.5rem}#slot{max-height:min(350px,45vh)}}@media (max-height:600px){#slot{max-height:min(300px,40vh)}.game-container{gap:.35rem;padding:.35rem}.winner-display{font-size:16px;padding:6px 12px}.volume-control{padding:6px 10px;gap:8px}.volume-control i{font-size:12px}#spin-manual i{font-size:14px}#music-toggle i,#pay-table i,#spin-auto i{font-size:9px}}