@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--color-bg-primary:#0a0a2e;--color-bg-secondary:#1a1a4e;--color-bg-card:#ffffff0f;--color-gold:gold;--color-gold-dark:#b8860b;--color-gold-light:#fff3b0;--color-text-primary:#fff;--color-text-secondary:#ffffffb3;--color-text-muted:#fff6;--color-success:#22c55e;--color-error:#ef4444;--color-border:#ffffff1f;--color-border-gold:#ffd7004d;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:30px;--radius-full:50%;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #0000004d;--shadow-lg:0 20px 60px #00000080;--shadow-glow:0 0 20px #ffd7004d;--font-family:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit}.text-gold{color:var(--color-gold)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}body{background:#000;margin:0;overflow:hidden}.game-wrapper{background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.game-viewport{aspect-ratio:177/100;background:linear-gradient(165deg,#0a0a2e 0%,#1a1a4e 30%,#0d1b3e 60%,#0a0a2e 100%);width:100%;max-width:100vw;height:100%;max-height:100vh;position:relative;overflow:hidden;box-shadow:0 0 50px #000c;container:gameview/size}.game-bg-particles{z-index:0;background-image:radial-gradient(2px 2px at 10% 20%,#ffd70066,#0000),radial-gradient(2px 2px at 30% 40%,#ffffff4d,#0000),radial-gradient(3px 3px at 50% 10%,#ffb80080,#0000),radial-gradient(2px 2px at 70% 60%,#ffffff40,#0000),radial-gradient(2px 2px at 90% 30%,#ffd70059,#0000),radial-gradient(2px 2px at 15% 70%,#fff3,#0000),radial-gradient(3px 3px at 85% 80%,#ffb8004d,#0000);background-size:250px 250px;animation:6s linear infinite gameStars;position:absolute;inset:0}@keyframes gameStars{0%{opacity:.8;transform:translateY(0)}50%{opacity:1}to{opacity:.8;transform:translateY(-250px)}}.game-deco-stars{pointer-events:none;z-index:1;position:absolute;inset:0}.deco-star{background:var(--color-gold);border-radius:var(--radius-full);width:4px;height:4px;animation:2s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 6px #ffd70099}.deco-star-0{animation-delay:0s;top:8%;left:12%}.deco-star-1{width:3px;height:3px;animation-delay:.3s;top:15%;right:18%}.deco-star-2{animation-delay:.6s;top:35%;left:5%}.deco-star-3{width:5px;height:5px;animation-delay:.9s;top:50%;right:8%}.deco-star-4{animation-delay:1.2s;bottom:25%;left:15%}.deco-star-5{width:3px;height:3px;animation-delay:1.5s;bottom:15%;right:12%}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.game-content{z-index:2;flex-direction:column;justify-content:space-between;padding:1vw 2vw;display:flex;position:absolute;inset:0}.game-top-bar{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.top-bar-left,.top-bar-right{flex:1;align-items:center;gap:1vw;display:flex}.top-bar-right{justify-content:flex-end}.top-bar-center{flex:2;justify-content:center;display:flex}.top-action-btn{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:2.5vw;min-width:32px;height:2.5vw;min-height:32px;transition:all var(--transition-fast);background:#1e3c9680;border:1.5px solid #fff6;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #0003}.top-action-btn:active{transform:scale(.9)}.jackpot-banner-glossy{background:linear-gradient(gold,#ff8c00);border:2px solid #fff;border-radius:40px;align-items:center;gap:.5vw;padding:.5vw 2vw;display:flex;box-shadow:0 4px 15px #ffb80099,inset 0 2px 10px #fffc}.jackpot-star{filter:drop-shadow(0 2px 4px #00000080);font-size:1.5vw}.jackpot-text{color:#5a1a00;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px #ffffff80;white-space:nowrap;font-size:1.2vw;font-weight:900}.game-main-body{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.slot-machine-frame{background:linear-gradient(#2b395d,#1a2238);border:3px solid #4a6396;border-radius:12px;padding:1vw;position:relative;box-shadow:0 10px 30px #0009,inset 0 0 20px #00000080}.slot-machine-frame:before,.slot-machine-frame:after{content:"";z-index:-1;border:4px solid plum;border-radius:50%;width:4vw;height:4vw;position:absolute}.slot-machine-frame:before{border-bottom-color:#0000;border-right-color:#0000;top:-2vw;left:-2vw}.slot-machine-frame:after{border-bottom-color:#0000;border-left-color:#0000;top:-2vw;right:-2vw}.game-loading{justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;width:100%;height:100%;display:flex}.game-loading-spinner{border:4px solid var(--color-border);border-top-color:var(--color-gold);border-radius:var(--radius-full);width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.game-loading-text{font-size:var(--font-size-md);color:var(--color-text-secondary)}.game-header{width:100%;padding:var(--space-sm) var(--space-md);align-items:center;gap:var(--space-md);background:#0003;border-bottom:1px solid #ffffff1a;display:flex}.header-back-btn{background:var(--color-bg-secondary);border:2px solid var(--color-bg-primary);border-radius:var(--radius-full);width:44px;height:44px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #00000080}.header-back-btn:active{transform:scale(.9)}.header-user-section{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a143c99;border:1px solid #7896ff4d;border-radius:30px;flex:1;align-items:center;gap:10px;padding:4px 16px 4px 4px;display:flex}.header-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg,#1e3a8a,#3b82f6);border:2px solid #fff3;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.header-user-name{font-size:var(--font-size-sm);color:#fffffff2;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-weight:700;overflow:hidden}.header-spin-badge{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:linear-gradient(90deg,#ff9d00,#ff6b00);align-items:center;gap:6px;margin-left:-5px;padding:4px 12px;display:flex}.header-spin-icon{font-size:16px}.header-spin-count{color:#fff;letter-spacing:.5px;font-size:15px;font-weight:900}.jackpot-banner{border-radius:var(--radius-xl);text-align:center;background:linear-gradient(135deg,#b8860b 0%,gold 30%,#ffa502 60%,#b8860b 100%);border:2px solid #ffffff4d;width:100%;max-width:580px;padding:10px 24px;position:relative;overflow:hidden;box-shadow:0 4px 15px #ffb80066,0 0 30px #ffb80026,inset 0 1px #fff6}.jackpot-banner:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);width:60%;height:100%;animation:3s ease-in-out infinite shimmerSlide;position:absolute;top:0;left:-100%}@keyframes shimmerSlide{0%{left:-60%}40%,to{left:120%}}.jackpot-title{font-size:var(--font-size-xs);color:#6b3e00;text-transform:uppercase;letter-spacing:2px;margin-bottom:2px;font-weight:700;position:relative}.jackpot-value{color:#5a1a00;letter-spacing:1px;text-shadow:0 1px #ffffff4d;font-size:clamp(16px,4vw,22px);font-weight:900;position:relative}.slot-machine{border-radius:var(--radius-lg);background:linear-gradient(#1e2a6e,#162050);border:4px solid #89c;width:100%;padding:6px;box-shadow:0 0 25px #6482c826,0 15px 50px #00000080,inset 0 2px #ffffff1a}.slot-machine-inner{border-radius:var(--radius-md);background:#080e2a;padding:10px 8px;position:relative;box-shadow:inset 0 4px 20px #000000b3}.slot-machine-reels{justify-content:center;align-items:center;gap:6px;display:flex}.sreel-vp{background:linear-gradient(#e8f4fd 0%,#d4eaf8 50%,#e8f4fd 100%);border:2px solid #78c8ff59;border-radius:12px;width:85px;transition:all .3s;position:relative;overflow:hidden;box-shadow:inset 0 3px 10px #00000026,inset 0 -3px 10px #0000001a}.sreel-vp.winner{z-index:10;border-color:gold;animation:1s infinite alternate winnerPulse;box-shadow:0 0 20px #ffd700cc,inset 0 0 15px #ffd70080}@keyframes winnerPulse{0%{transform:scale(1);box-shadow:0 0 20px #ffd700cc,inset 0 0 15px #ffd70080}to{transform:scale(1.05);box-shadow:0 0 35px gold,inset 0 0 25px #ffd700cc}}.sreel-strip{will-change:transform;position:relative}.sreel-item{justify-content:center;align-items:center;padding:6px;display:flex}.sreel-icon{-webkit-user-select:none;user-select:none;border:2px solid #ffffff4d;border-radius:14px;justify-content:center;align-items:center;width:65px;height:65px;font-size:30px;display:flex;box-shadow:0 3px 8px #0003,inset 0 1px #ffffff4d}.sreel-fade{pointer-events:none;z-index:5;height:25%;position:absolute;left:0;right:0}.sreel-fade-t{background:linear-gradient(#080e2a8c 0%,#0000 100%);border-radius:12px 12px 0 0;top:0}.sreel-fade-b{background:linear-gradient(#0000 0%,#080e2a8c 100%);border-radius:0 0 12px 12px;bottom:0}.slot-payline{pointer-events:none;z-index:10;border:2.5px solid #ffb800bf;border-radius:14px;height:80px;animation:2.5s ease-in-out infinite neonPulse;position:absolute;top:50%;left:4px;right:4px;transform:translateY(-50%);box-shadow:0 0 12px #ffb80059,0 0 30px #ffb8001f,inset 0 0 15px #ffb8000f}@keyframes neonPulse{0%,to{border-color:#ffb800a6}50%{border-color:#ffd700f2;box-shadow:0 0 20px #ffb8008c,0 0 50px #ffb80033}}.game-footer{width:100%;padding:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-md);background:linear-gradient(#0000 0%,#0009 100%);margin-top:auto;display:flex}.footer-side-btn{color:#fff;border-radius:var(--radius-xl);font-size:var(--font-size-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-fast);text-transform:none;background:#fff3;border:2px solid #fff6;justify-content:center;align-items:center;min-width:140px;padding:12px 24px;font-weight:700;display:flex;box-shadow:0 4px 12px #0000004d}.footer-side-btn:active{background:#ffffff4d;transform:scale(.95)}.footer-btn-icon{display:none}.spin-btn{border-radius:var(--radius-xl);color:#fff;font-size:var(--font-size-xl);text-transform:uppercase;letter-spacing:3px;background:linear-gradient(#ffa700 0%,#ff5e00 100%);border:4px solid #fff;padding:16px 48px;font-weight:900;position:relative}.spin-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #b87a00}.spin-btn:disabled{cursor:not-allowed;filter:grayscale(.4)brightness(.75)}.spin-btn.spinning{animation:1s ease-in-out infinite btnPulse}@keyframes btnPulse{0%,to{box-shadow:0 5px #b87a00,0 8px 20px #ffb8004d}50%{box-shadow:0 5px #b87a00,0 8px 30px #ffb80099}}.result-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;padding:var(--space-lg);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.result-modal{border-radius:var(--radius-lg);width:100%;max-width:380px;padding:var(--space-lg);text-align:center;position:relative;overflow:hidden}.result-modal.win{border:2px solid var(--color-border-gold);box-shadow:var(--shadow-lg), var(--shadow-glow);background:linear-gradient(160deg,#1a1a3e,#1e2860)}.result-modal.lose{border:2px solid var(--color-border);box-shadow:var(--shadow-lg);background:linear-gradient(160deg,#1a1a3e,#1e2045)}.result-close{border-radius:var(--radius-full);color:#fff;width:30px;height:30px;transition:background var(--transition-fast);background:#ffffff1a;border:1px solid #fff3;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.result-close:hover{background:#fff3}.result-icon-large{border-radius:var(--radius-lg);width:80px;height:80px;margin:var(--space-md) auto;box-shadow:var(--shadow-md);border:2px solid #fff3;justify-content:center;align-items:center;font-size:44px;display:inline-flex}.result-title{font-size:var(--font-size-xl);letter-spacing:2px;margin:var(--space-sm) 0;font-weight:900}.result-title.win-glow{color:var(--color-gold);text-shadow:0 0 20px #ffd70080}.result-prize-name{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--space-xs);font-weight:700}.result-sub{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.result-actions{gap:var(--space-sm);justify-content:center;display:flex}.result-btn{font-size:var(--font-size-md);border-radius:var(--radius-xl);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:1px;padding:12px 28px;font-weight:700}.result-btn-primary{color:#8b2500;background:linear-gradient(135deg,gold,#ff8c00);border:2px solid #fff;box-shadow:0 4px #b87a00}.result-btn-primary:active{box-shadow:none;transform:translateY(3px)}.result-btn-secondary{color:var(--color-text-secondary);border:1.5px solid var(--color-border);background:#ffffff1a}.result-btn-secondary:hover{background:#ffffff26}.confetti-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{width:8px;height:8px;animation:1.5s ease-out forwards confettiFall;animation-delay:var(--delay,0s);border-radius:2px;position:absolute;top:-10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)translate(0)rotate(0)}to{transform:translateY(300px) translateX(var(--x,0px)) rotate(var(--rotate,720deg));opacity:0}}.history-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;padding:var(--space-lg);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.history-panel{border:2px solid var(--color-border-gold);border-radius:var(--radius-lg);width:100%;max-width:460px;padding:var(--space-lg);box-shadow:var(--shadow-lg);background:linear-gradient(160deg,#1a1a3e,#1e2860);flex-direction:column;max-height:80vh;display:flex}.history-header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.history-header h3{font-size:var(--font-size-md);color:var(--color-gold);letter-spacing:.5px;margin:0}.history-close{border-radius:var(--radius-full);color:#fff;width:30px;height:30px;transition:background var(--transition-fast);background:#ffffff1a;border:1px solid #fff3;justify-content:center;align-items:center;display:flex}.history-close:hover{background:#fff3}.history-filters{gap:var(--space-xs);margin-bottom:var(--space-md);display:flex}.history-filter-btn{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);text-transform:uppercase;color:var(--color-text-muted);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:#ffffff0d;flex:1;font-weight:700}.history-filter-btn.active{color:var(--color-gold);border-color:var(--color-border-gold);background:#ffd7001a}.history-list{flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-track{background:#ffffff0d}.history-list::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:2px}.history-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:background var(--transition-fast);display:flex}.history-item.won{background:#22c55e14;border:1px solid #22c55e26}.history-item.lost{border:1px solid var(--color-border);background:#ffffff08}.history-item-status{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.history-item-status.won{background:#22c55e33}.history-item-status.lost{background:#ffffff14}.history-item-info{flex:1;min-width:0}.history-item-name{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600}.history-item-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.history-empty{text-align:center;padding:var(--space-2xl) 0;color:var(--color-text-muted)}.leaderboard-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;padding:var(--space-lg);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.leaderboard-panel{border-radius:var(--radius-lg);width:100%;max-width:460px;padding:var(--space-lg);box-shadow:var(--shadow-lg);background:linear-gradient(160deg,#1a1a3e,#1e2860);border:2px solid #ffd70040;max-height:80vh;overflow-y:auto}.leaderboard-header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.leaderboard-header-left{align-items:center;gap:var(--space-sm);display:flex}.leaderboard-header h3{font-size:var(--font-size-md);color:var(--color-gold);letter-spacing:.5px;margin:0}.leaderboard-close{border-radius:var(--radius-full);color:#fff;width:30px;height:30px;transition:background var(--transition-fast);background:#ffffff1a;border:1px solid #fff3;justify-content:center;align-items:center;display:flex}.leaderboard-close:hover{background:#fff3}.leaderboard-list{gap:var(--space-sm);flex-direction:column;display:flex}.leaderboard-item{border-radius:var(--radius-md);transition:all var(--transition-fast);border:1.5px solid #0000;align-items:center;gap:10px;padding:10px 12px;display:flex}.leaderboard-rank{color:#fff;width:32px;height:32px;box-shadow:var(--shadow-sm);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.leaderboard-rank.gold{background:linear-gradient(135deg,gold,#ffa502)}.leaderboard-rank.silver{color:#333;background:linear-gradient(135deg,silver,#e8e8e8)}.leaderboard-rank.bronze{background:linear-gradient(135deg,#cd7f32,#dfa066)}.leaderboard-rank.default{background:linear-gradient(135deg,#5352ed,#7c7cf8)}.leaderboard-info{flex:1;min-width:0}.leaderboard-name{font-size:var(--font-size-sm);color:#fff;font-weight:700}.leaderboard-value{font-size:var(--font-size-sm);white-space:nowrap;font-weight:800}@container gameview (width<=640px){.sreel-vp{width:72px}.sreel-icon{border-radius:12px;width:55px;height:55px;font-size:26px}.slot-payline{height:70px}.spin-btn{font-size:var(--font-size-lg);letter-spacing:2px;padding:12px 32px}}@container gameview (width<=500px){.slot-machine-reels{gap:4px}.sreel-vp{width:56px}.sreel-icon{border-radius:10px;width:44px;height:44px;font-size:20px}.sreel-item{padding:4px}.slot-payline{height:55px}}@container gameview (width<=380px){.slot-machine-reels{gap:3px}.sreel-vp{width:48px}.sreel-icon{border-radius:8px;width:38px;height:38px;font-size:18px}.sreel-item{padding:3px}.slot-payline{height:48px}}