@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";body{margin:0;padding:0;position:relative;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#1f2947,#0f3460);font-family:Poppins,Arial,sans-serif;overflow:hidden;color:#e0e0e0}#game-container{position:absolute;top:50%;left:50%;width:900px;height:640px;box-shadow:0 10px 50px #000c;border-radius:20px;overflow:hidden;background-color:#0f172ad9;background-image:radial-gradient(circle at center,#4263eb26,#0f172ad9 75%);border:2px solid rgba(255,215,0,.4);transform-origin:center center;transform:translate(-50%,-50%)}canvas{position:absolute;top:0;left:0;image-rendering:pixelated;image-rendering:auto;z-index:1}#top-ui-container{position:absolute;top:15px;left:15px;right:15px;width:calc(100% - 30px);display:flex;justify-content:space-between;align-items:flex-start;z-index:10;pointer-events:none}#jackpot-container{text-align:center;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.6);pointer-events:auto;order:2;flex-grow:1;margin:0 20px}#jackpot-label{font-size:16px;text-transform:uppercase;margin-bottom:4px;font-weight:600;letter-spacing:1.5px;color:gold;text-shadow:0 0 6px rgba(255,215,0,.6),0 0 12px rgba(255,215,0,.4)}#jackpot-value{font-size:28px;font-weight:700;color:#f1c40f;background:linear-gradient(to bottom,#ffeb3b,#f9a825);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:pulse-gold 1.5s infinite alternate}#freespins-container{background:linear-gradient(135deg,#000000b3,#2ecc714d);padding:8px 15px;border-radius:10px;color:#fff;display:none;border:1px solid rgba(46,204,113,.5);box-shadow:0 0 12px #2ecc714d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:11;text-align:center;pointer-events:auto;order:3}#freespins-label{font-size:11px;margin-bottom:3px;font-weight:600;letter-spacing:1px;text-transform:uppercase}#freespins-value{font-size:20px;font-weight:700;color:#2ecc71;text-shadow:0 0 5px rgba(46,204,113,.7),0 0 10px rgba(46,204,113,.4);text-align:center}#settings-container{order:1;display:flex;gap:10px;pointer-events:auto}.icon-button{background:#00000080;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:18px;transition:all .3s ease;box-shadow:0 2px 5px #0000004d}.icon-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.icon-button:active{transform:translateY(0) scale(.95)}#paytable-button:before{content:"i";font-style:italic;font-weight:700}#sound-button:before{content:"🔊"}#sound-button.muted:before{content:"🔇"}#auto-spin-container{position:absolute;bottom:85px;left:50%;transform:translate(-50%);background:#0a0a14cc;border-radius:30px;display:flex;overflow:hidden;z-index:10;box-shadow:0 6px 18px #0009;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auto-option{padding:9px 15px;color:#ddd;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);font-weight:600;font-size:14px;border-right:1px solid rgba(255,255,255,.1)}.auto-option:last-child{border-right:none}.auto-option:hover{background:#ffffff1a;color:#fff}.auto-option.active{background:linear-gradient(to bottom,#f39c12,#e67e22);color:#fff;box-shadow:inset 0 0 12px #0000004d;text-shadow:0 1px 2px rgba(0,0,0,.4)}#ui-container{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:96%;max-width:850px;display:flex;justify-content:space-between;align-items:center;z-index:10;gap:10px}#balance-container,#win-container{flex:1;display:flex;flex-direction:column;align-items:center;background:linear-gradient(145deg,#000c,#0009);padding:10px 15px;border-radius:12px;color:#fff;min-width:130px;box-shadow:0 4px 12px #0006;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;text-align:center}#balance-container:hover,#win-container:hover{background:linear-gradient(145deg,#141e32e6,#0a0f1eb3)}#balance-label,#win-label{font-size:13px;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:#ffffffb3}#balance-value,#win-value{font-size:24px;font-weight:700;text-shadow:0 2px 5px rgba(0,0,0,.6);line-height:1.2}#win-value{color:#f1c40f;min-height:29px}#bet-controls-container{display:flex;align-items:center;background:#000000b3;padding:6px;border-radius:50px;box-shadow:0 4px 15px #0006;border:1px solid rgba(255,255,255,.1);flex-shrink:0}#bet-decrease,#bet-increase{width:38px;height:38px;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,#f39c12,#e67e22);border-radius:50%;cursor:pointer;font-weight:700;-webkit-user-select:none;user-select:none;box-shadow:0 3px 6px #0006;transition:all .2s cubic-bezier(.175,.885,.32,1.275);font-size:22px;color:#fff}#bet-decrease:hover,#bet-increase:hover{transform:scale(1.1);box-shadow:0 5px 10px #0006}#bet-decrease:active,#bet-increase:active{transform:scale(.95);box-shadow:0 1px 3px #0000004d}#bet-value-display{margin:0 12px;text-align:center;color:#fff}#bet-label{font-size:11px;text-transform:uppercase;color:#ffffffb3;margin-bottom:0;font-weight:600;letter-spacing:.5px}#bet-value{font-size:18px;font-weight:700;min-width:60px;padding:2px 5px;border-radius:5px;text-shadow:0 1px 3px rgba(0,0,0,.6)}#spin-controls-container{display:flex;align-items:center;gap:10px;flex-shrink:0}button#spin-button{background:linear-gradient(to bottom,#f39c12,#e67e22);border:none;color:#fff;padding:0;width:70px;height:70px;font-size:16px;border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 18px #0006,0 0 25px #e67e2280;font-weight:700;text-transform:uppercase;position:relative;overflow:hidden;letter-spacing:1px;display:flex;justify-content:center;align-items:center;flex-shrink:0}button#spin-button span{display:block}button#spin-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 22px #00000080,0 0 35px #e67e22b3}button#spin-button:active{transform:translateY(1px) scale(.98);box-shadow:0 3px 10px #0000004d}button#spin-button:after{content:"";position:absolute;top:-50%;left:-60%;width:200%;height:200%;opacity:0;transform:rotate(30deg);background:#ffffff21;background:linear-gradient(to right,#ffffff21,#ffffff21 77%,#ffffff80 92%,#fff0);transition:all .7s ease-out}button#spin-button:hover:after{opacity:1;left:-10%;top:-30%}button#spin-button:disabled{background:linear-gradient(to bottom,#95a5a6,#7f8c8d);cursor:not-allowed;transform:none;box-shadow:0 2px 5px #0003;opacity:.7}button#spin-button:disabled:after{display:none}button#turbo-button{background:linear-gradient(to bottom,#5dade2,#3498db);border:none;color:#fff;width:45px;height:45px;font-size:11px;border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);font-weight:600;display:flex;justify-content:center;align-items:center;text-align:center;line-height:1.1;box-shadow:0 3px 8px #0000004d;flex-shrink:0}button#turbo-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 5px 12px #0006,0 0 15px #3498db80}button#turbo-button:active{transform:translateY(0) scale(.98);box-shadow:0 2px 5px #0003}button#turbo-button.active{background:linear-gradient(to bottom,#e74c3c,#c0392b);box-shadow:0 3px 8px #0006,inset 0 0 10px #0003}button#turbo-button.active:hover{box-shadow:0 5px 12px #00000080,0 0 15px #c0392b99}#big-win-container{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:50;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s linear .5s;perspective:1000px;pointer-events:none}#big-win-container.visible{opacity:1;visibility:visible;transition:opacity .5s ease,visibility 0s linear 0s}#big-win-text{font-size:80px;font-weight:700;color:#f1c40f;text-shadow:0 0 15px rgba(241,196,15,1),0 0 30px rgba(241,196,15,.8),0 0 50px rgba(241,196,15,.6),0 4px 5px rgba(0,0,0,.5);animation:bigwin-pop .5s cubic-bezier(.175,.885,.32,1.275) forwards,bigwin-pulse .8s .5s infinite alternate,bigwin-subtle-rotate 10s infinite linear;letter-spacing:3px;background:linear-gradient(to bottom,#ffeb3b,#f9a825);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform-style:preserve-3d;transform:scale(.5)}#loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;color:#fff;transition:opacity .8s ease .2s}#loading-screen h2{margin-bottom:25px;font-size:28px;letter-spacing:1.5px;text-shadow:0 2px 10px rgba(0,0,0,.6);animation:loading-pulse 1.5s infinite alternate ease-in-out}#loading-progress{width:300px;height:20px;background:#ffffff1a;border-radius:10px;margin-top:15px;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d;border:1px solid rgba(255,255,255,.1)}#loading-bar{height:100%;width:0%;background:linear-gradient(to right,#f39c12,#e67e22);border-radius:10px;transition:width .4s ease-out;background-size:40px 40px;background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);animation:loading-bar-stripes 1s linear infinite}@keyframes pulse-gold{0%{text-shadow:0 0 7px rgba(241,196,15,.5);filter:brightness(1)}to{text-shadow:0 0 14px rgba(241,196,15,.8);filter:brightness(1.2)}}@keyframes bigwin-pop{0%{transform:scale(.5) rotateY(-15deg);opacity:.5}to{transform:scale(1) rotateY(0);opacity:1}}@keyframes bigwin-pulse{0%{transform:scale(1) translateZ(0);text-shadow:0 0 15px rgba(241,196,15,1),0 0 30px rgba(241,196,15,.8)}to{transform:scale(1.08) translateZ(30px);text-shadow:0 0 25px rgba(241,196,15,1),0 0 50px rgba(241,196,15,.8),0 0 75px rgba(241,196,15,.5)}}@keyframes bigwin-subtle-rotate{0%{transform:rotateY(0) scale(1)}25%{transform:rotateY(3deg) scale(1.04)}50%{transform:rotateY(0) scale(1)}75%{transform:rotateY(-3deg) scale(1.04)}to{transform:rotateY(0) scale(1)}}@keyframes loading-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.03)}}@keyframes loading-bar-stripes{0%{background-position:0 0}to{background-position:40px 0}}.win-animation{animation:win-pulse .6s infinite alternate ease-in-out}@keyframes win-pulse{0%{color:#f1c40f;text-shadow:0 0 8px rgba(241,196,15,.6);transform:scale(1)}to{color:#ffeb3b;text-shadow:0 0 15px rgba(241,196,15,1),0 0 25px rgba(241,196,15,.7);transform:scale(1.05)}}.hidden{display:none!important}@media (hover: none){button#spin-button:hover{transform:none;box-shadow:0 8px 22px #00000080,0 0 35px #e67e22b3}button#turbo-button:hover{transform:none;box-shadow:0 5px 12px #0006,0 0 15px #3498db80}button#turbo-button.active:hover{transform:none;box-shadow:0 5px 12px #00000080,0 0 15px #c0392b99}.auto-option:hover{background:#ffffff1a;transform:none}#bet-decrease:hover,#bet-increase:hover{transform:none;box-shadow:0 5px 10px #0006}#balance-container:hover,#win-container:hover{transform:none;background:linear-gradient(145deg,#141e32e6,#0a0f1eb3)}.icon-button:hover{transform:none;background:#fff3;border-color:#ffffff80}}.game-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:60;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-overlay.visible{opacity:1;visibility:visible;transition-delay:0s}.overlay-content{background:linear-gradient(145deg,#2c3e50,#1a2531);padding:30px 40px;border-radius:15px;text-align:center;color:#fff;box-shadow:0 5px 25px #00000080;border:1px solid rgba(255,255,255,.1);transform:scale(.8);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.game-overlay.visible .overlay-content{transform:scale(1)}.overlay-content h2{margin:0 0 15px;font-size:28px;color:#f1c40f;text-transform:uppercase;letter-spacing:1px}.overlay-content p{margin:10px 0 5px;font-size:16px;color:#fffc}.overlay-content .win-amount{font-size:36px;font-weight:700;color:#2ecc71;margin-bottom:25px}.overlay-content button{background:linear-gradient(to bottom,#f39c12,#e67e22);border:none;color:#fff;padding:12px 30px;font-size:16px;border-radius:25px;cursor:pointer;transition:all .2s ease;font-weight:600;text-transform:uppercase}.overlay-content button:hover{background:linear-gradient(to bottom,#f1c40f,#f39c12);transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}.paytable-content{max-width:680px;width:calc(100% - 60px);max-height:86%;overflow-y:auto}.paytable-note{margin-bottom:18px!important;font-size:13px!important;color:#ffffff8c!important}#paytable-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;text-align:left}.paytable-row{display:flex;align-items:center;gap:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:8px 12px}.paytable-row img{width:42px;height:42px;flex:0 0 42px}.paytable-row .pt-ime{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#fff9}.paytable-row .pt-isplate{font-size:13px;font-weight:600;color:#f1c40f;white-space:nowrap}.paytable-row .pt-isplate span{color:#ffffff73;font-weight:400}.paytable-row .pt-isplate b{font-weight:600}.paytable-row .pt-isplate i{color:#ffffff40;font-style:normal;margin:0 6px}.paytable-rules{list-style:none;padding:0;margin:18px 0 22px;text-align:left;font-size:13px;color:#ffffffb3}.paytable-rules li{margin:6px 0;padding-left:16px;position:relative}.paytable-rules li:before{content:"•";position:absolute;left:0;color:#f39c12}