:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#ffffffde;cursor:pointer;transition:all .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.layout{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column}.header{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);padding:1rem 0}.header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:2rem;font-weight:700;color:#fff;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.coin-display{display:flex;align-items:center;gap:.5rem;background:#ffd70033;padding:.5rem 1rem;border-radius:25px;border:2px solid #ffd700}.coin-icon{color:gold;width:24px;height:24px}.coin-amount{color:#fff;font-weight:700;font-size:1.1rem}.navigation{background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 0}.nav-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;gap:2rem}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;color:#fffc;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.nav-item:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.nav-item.active{background:#fff3;color:#fff;border-color:#ffffff4d}.nav-icon{width:20px;height:20px}.nav-text{font-weight:500}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%;box-sizing:border-box}@media (max-width: 768px){.header-content{padding:0 1rem;flex-direction:column;gap:1rem}.logo{font-size:1.5rem}.nav-content{padding:0 1rem;flex-wrap:wrap;gap:1rem}.nav-item{padding:.5rem 1rem}.nav-text{display:none}.main-content{padding:1rem}}.home{color:#fff}.hero-section{text-align:center;margin-bottom:4rem}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,gold,#ffed4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.2rem;color:#ffffffe6;margin-bottom:2rem}.hero-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.stat-card{display:flex;align-items:center;gap:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:15px;border:1px solid rgba(255,255,255,.2);min-width:200px}.stat-icon{width:48px;height:48px;color:gold}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:700;color:#fff}.stat-label{font-size:.9rem;color:#ffffffb3}.section-title{font-size:2rem;text-align:center;margin-bottom:2rem;color:#fff}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:4rem}.game-card{display:flex;align-items:center;gap:1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:20px;border:2px solid rgba(255,255,255,.2);text-decoration:none;color:#fff;transition:all .3s ease;position:relative;overflow:hidden}.game-card:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 20px 40px #0003}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-color);transform:scaleX(0);transition:transform .3s ease}.game-card:hover:before{transform:scaleX(1)}.game-icon-wrapper{flex-shrink:0;width:80px;height:80px;background:var(--accent-color);border-radius:20px;display:flex;align-items:center;justify-content:center}.game-icon{width:48px;height:48px;color:#fff}.game-content{flex:1}.game-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--accent-color)}.game-description{color:#fffc;margin-bottom:1rem;line-height:1.5}.game-meta{display:flex;flex-direction:column;gap:.5rem}.game-meta-item{display:flex;gap:.5rem}.meta-label{font-weight:700;color:#ffffffb3}.meta-value{color:var(--accent-color);font-weight:500}.game-arrow{font-size:2rem;color:var(--accent-color);font-weight:700;transition:transform .3s ease}.game-card:hover .game-arrow{transform:translate(10px)}.info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.info-card{background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:2rem;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.info-card h3{font-size:1.3rem;margin-bottom:1rem;color:gold}.info-card p{color:#fffc;line-height:1.6}@media (max-width: 768px){.hero-title{font-size:2rem}.hero-stats{flex-direction:column;align-items:center}.games-grid{grid-template-columns:1fr}.game-card{flex-direction:column;text-align:center}.game-arrow{transform:rotate(90deg)}.game-card:hover .game-arrow{transform:rotate(90deg) translate(10px)}}.runner-game{display:flex;flex-direction:column;align-items:center;gap:2rem;color:#fff}.game-container{position:relative;display:inline-block;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.game-canvas{display:block;background:#87ceeb;cursor:pointer;max-width:100%;height:auto}.game-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;color:#fff}.menu-content,.game-over-content{text-align:center;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.2)}.menu-content h1,.game-over-content h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(45deg,gold,#ffed4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.menu-content p{font-size:1.1rem;margin-bottom:.5rem;color:#ffffffe6}.start-button,.restart-button,.menu-button{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:700;border-radius:10px;cursor:pointer;transition:all .3s ease;margin:.5rem}.restart-button{background:linear-gradient(45deg,#2196f3,#1976d2)}.menu-button{background:linear-gradient(45deg,#ff9800,#f57c00)}.start-button:hover,.restart-button:hover,.menu-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.high-score{margin-top:1rem;font-size:1.2rem;color:gold;font-weight:700}.final-stats{margin:1.5rem 0}.final-stats p{margin:.5rem 0;font-size:1.1rem}.new-record{color:gold!important;font-weight:700;font-size:1.3rem!important;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.game-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.game-instructions{max-width:800px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:15px;border:1px solid rgba(255,255,255,.2)}.game-instructions h3{color:gold;margin-bottom:1rem;font-size:1.3rem}.game-instructions ul{list-style:none;padding:0}.game-instructions li{margin-bottom:.5rem;padding-left:1rem;position:relative;color:#ffffffe6}.game-instructions li:before{content:"▶";position:absolute;left:0;color:#4caf50}@media (max-width: 768px){.game-canvas{width:100%;height:auto;max-width:100%}.menu-content h1,.game-over-content h1{font-size:2rem}.game-instructions{padding:1rem}.game-buttons{flex-direction:column;align-items:center}}.slot-machine{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;color:#fff}.slot-container{background:linear-gradient(145deg,#2c1810,#1a1a1a);border-radius:30px;padding:3rem;box-shadow:0 30px 60px #0009,inset 0 2px 10px #ffd7001a,0 0 0 8px #8b4513,0 0 0 12px peru;border:4px solid #DAA520;max-width:900px;width:100%;position:relative}.slot-container:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:200px;height:40px;background:linear-gradient(145deg,gold,orange);border-radius:20px;box-shadow:0 4px 8px #0000004d;border:2px solid #DAA520}.slot-container:after{content:"CASINO";position:absolute;top:-15px;left:50%;transform:translate(-50%);font-size:1.2rem;font-weight:700;color:#8b0000;text-shadow:1px 1px 2px rgba(0,0,0,.5);z-index:1}.slot-header{text-align:center;margin-bottom:2rem;position:relative}.slot-header h1{font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 0px #000,4px 4px 8px rgba(0,0,0,.8);background:linear-gradient(45deg,gold,#ffed4a,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Impact,Arial White,sans-serif;letter-spacing:3px}.jackpot-display{background:linear-gradient(45deg,#dc143c,#b22222,#8b0000);padding:1.5rem 3rem;border-radius:25px;border:4px solid #FFD700;display:inline-block;animation:pulse-jackpot 2s infinite;box-shadow:0 0 20px #dc143c99,inset 0 2px 10px #ffd7004d;position:relative}.jackpot-display:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,gold,orange,gold);border-radius:25px;z-index:-1;animation:jackpot-glow 3s infinite}@keyframes jackpot-glow{0%,to{opacity:.8}50%{opacity:1}}@keyframes pulse-jackpot{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.jackpot-label{display:block;font-size:1rem;font-weight:700;color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.jackpot-amount{display:block;font-size:2rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.slot-machine-body{background:linear-gradient(145deg,#0a0a0a,#1a1a1a);border-radius:25px;padding:3rem;margin-bottom:2rem;border:6px solid #8B4513;box-shadow:inset 0 4px 20px #000c,0 8px 16px #0006;position:relative}.slot-machine-body:before{content:"";position:absolute;top:20px;left:20px;right:20px;height:8px;background:linear-gradient(90deg,gold,orange,gold);border-radius:4px;box-shadow:0 2px 4px #0000004d}.reels-container{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem;background:linear-gradient(145deg,#2c2c2c,#1a1a1a);padding:2rem;border-radius:20px;border:3px solid #444;box-shadow:inset 0 4px 12px #0009}.reel{position:relative;width:140px;height:270px;background:linear-gradient(145deg,#0a0a0a,#1a1a1a);border-radius:20px;overflow:hidden;border:4px solid #333;box-shadow:inset 0 6px 12px #000000e6,0 8px 16px #0009,inset 0 1px #ffffff1a}.reel:after{content:"";position:absolute;inset:5px;border:2px solid #444;border-radius:15px;box-shadow:inset 0 0 10px #000c;z-index:3;pointer-events:none}.reel.spinning{box-shadow:inset 0 6px 12px #000000e6,0 8px 16px #0009,0 0 30px #ffd70099,inset 0 1px #ffffff1a;animation:reel-vibration .1s infinite}@keyframes reel-vibration{0%,to{transform:translate(0)}25%{transform:translate(.5px)}75%{transform:translate(-.5px)}}.reel-strip{position:absolute;width:100%;top:0;left:0}.symbol{width:100%;height:100px;display:flex;align-items:center;justify-content:center;font-size:4rem;background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-bottom:2px solid #333;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.reel-window{position:absolute;inset:15px;background:linear-gradient(to bottom,rgba(0,0,0,.9) 0%,rgba(0,0,0,.3) 15%,transparent 20%,transparent 80%,rgba(0,0,0,.3) 85%,rgba(0,0,0,.9) 100%),linear-gradient(145deg,#f0f0f0,#d0d0d0);border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 4px 8px #0006,0 2px 4px #ffffff1a;padding:4px 0;border:2px solid #999;z-index:2;overflow:hidden}.symbol-display{height:80px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.symbol-content{font-size:3rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);z-index:1;position:relative}.symbol-display.upper,.symbol-display.lower{opacity:.4;transform:scale(.85)}.symbol-display.upper .symbol-content,.symbol-display.lower .symbol-content{font-size:2.4rem;color:#666}.symbol-display.active{background:radial-gradient(ellipse at center,rgba(255,215,0,.3) 0%,transparent 70%),linear-gradient(145deg,#ffd7001a,#fff3);border-radius:12px;transform:scale(1.05);z-index:3;box-shadow:0 0 20px #ffd70099,inset 0 2px 4px #ffffff4d}.active-highlight{position:absolute;inset:0;background:linear-gradient(45deg,#ffd70033,#ffffff4d,#ffd70033);border-radius:12px;animation:active-shimmer 2s infinite;z-index:0}@keyframes active-shimmer{0%,to{opacity:.6}50%{opacity:1}}.reel-mechanics{position:absolute;inset:0;z-index:4;pointer-events:none}.reel-edge{position:absolute;left:0;right:0;height:15px;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}.reel-edge.top{top:0;border-radius:20px 20px 0 0}.reel-edge.bottom{bottom:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);border-radius:0 0 20px 20px}.win-display{text-align:center;min-height:60px;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.win-amount{font-size:2rem;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:win-bounce .6s ease-out}@keyframes win-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.message{font-size:1.5rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.message.win{color:#4caf50;animation:win-flash 1s ease-in-out}.message.info{color:#ff9800}@keyframes win-flash{0%,to{opacity:1}50%{opacity:.5}}.controls{display:flex;flex-direction:column;gap:2rem;align-items:center;background:linear-gradient(145deg,#2c1810,#1a1a1a);padding:2rem;border-radius:20px;border:3px solid #8B4513;box-shadow:inset 0 2px 8px #0006}.bet-controls{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;justify-content:center}.control-label{font-weight:700;font-size:1.1rem;color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.bet-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.bet-button{padding:.8rem 1.5rem;border:3px solid #8B4513;background:linear-gradient(145deg,#daa520,#b8860b);color:#000;border-radius:12px;cursor:pointer;font-weight:700;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 8px #0000004d,inset 0 1px 2px #ffffff4d;text-shadow:1px 1px 1px rgba(255,255,255,.5)}.bet-button:hover:not(:disabled){background:linear-gradient(145deg,gold,#daa520);transform:translateY(-2px);box-shadow:0 6px 12px #0006,inset 0 1px 2px #fff6}.bet-button.active{background:linear-gradient(145deg,#ff6b6b,#dc143c);color:#fff;border-color:#8b0000;box-shadow:0 2px 4px #0006,inset 0 2px 4px #0003;transform:scale(.95);text-shadow:1px 1px 1px rgba(0,0,0,.8)}.bet-button:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(145deg,#666,#555);color:#999}.spin-button{padding:1.5rem 4rem;font-size:1.8rem;font-weight:700;background:linear-gradient(145deg,#dc143c,#b22222);color:#fff;border:4px solid #8B0000;border-radius:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 16px #0006,inset 0 2px 4px #fff3;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.8);position:relative;overflow:hidden}.spin-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.spin-button:hover:not(:disabled):before{left:100%}.spin-button:hover:not(:disabled){background:linear-gradient(145deg,#ff1744,#dc143c);transform:translateY(-3px);box-shadow:0 12px 24px #00000080,inset 0 2px 4px #ffffff4d}.spin-button.spinning{animation:spin-pulse .5s infinite alternate;background:linear-gradient(145deg,#ff9800,#f57c00);border-color:#e65100}@keyframes spin-pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.spin-button:disabled{background:linear-gradient(145deg,#666,#555);cursor:not-allowed;transform:none;opacity:.6}.game-info{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.info-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#ffffff1a;border-radius:10px;min-width:150px}.info-item span:first-child{font-size:.9rem;color:#ffffffb3}.highlight{font-size:1.3rem!important;font-weight:700!important;color:gold!important}.paytable{background:linear-gradient(145deg,#1a1a1a,#2c2c2c);border-radius:20px;padding:2rem;border:3px solid #8B4513;box-shadow:inset 0 2px 8px #0006,0 4px 8px #0000004d;margin-top:2rem}.paytable h3{text-align:center;margin-bottom:1.5rem;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-size:1.5rem;border-bottom:2px solid #8B4513;padding-bottom:1rem}.paytable-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.paytable-row{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:linear-gradient(145deg,#2c1810,#1a1a1a);border-radius:10px;border:2px solid #444;box-shadow:inset 0 1px 3px #0000004d}.symbol-combo{font-size:1.5rem;font-weight:700}.payout{font-weight:700;color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.8);font-size:1.2rem}.paytable-note{background:linear-gradient(145deg,#0a0a0a,#1a1a1a);padding:1rem;border-radius:10px;border:2px solid #333;box-shadow:inset 0 2px 4px #00000080}.paytable-note p{margin:.5rem 0;color:#ccc;font-size:.9rem;text-shadow:1px 1px 1px rgba(0,0,0,.8)}@media (max-width: 768px){.slot-machine,.slot-container{padding:1rem}.slot-header h1{font-size:2rem}.jackpot-amount{font-size:1.5rem}.reels-container{gap:1rem}.reel{width:80px;height:80px}.symbol,.symbol-display{font-size:2.5rem}.paytable-grid{grid-template-columns:1fr}}.roulette{min-height:100vh;padding:2rem;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.roulette-container{max-width:1400px;margin:0 auto}.roulette-header{text-align:center;margin-bottom:2rem}.roulette-header h1{font-size:3rem;margin-bottom:1rem;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.game-stats{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat span:first-child{font-size:.9rem;opacity:.8}.highlight{font-size:1.5rem;font-weight:700;color:gold}.game-area{display:flex;justify-content:center;align-items:flex-start;gap:2rem;margin-top:2rem}.wheel-section{display:flex;flex-direction:column;align-items:center;gap:2rem}.roulette-wheel{position:relative;width:500px;height:500px;display:flex;align-items:center;justify-content:center;margin:2rem auto}.wheel{position:relative;width:450px;height:450px;border-radius:50%;background:linear-gradient(45deg,#2c1810,#4a2c1a,#2c1810);border:15px solid #8b4513;box-shadow:0 0 0 5px #654321,0 0 50px #000c,inset 0 0 50px #0000004d;overflow:hidden;will-change:transform;transform-style:preserve-3d}.wheel:before{content:"";position:absolute;top:50%;left:50%;width:350px;height:350px;border-radius:50%;background:conic-gradient(from 0deg,#dc143c 0deg 9.72deg,#000 9.72deg 19.44deg,#dc143c 19.44deg 29.16deg,#000 29.16deg 38.88deg,#dc143c 38.88deg 48.6deg,#000 48.6deg 58.32deg,#dc143c 58.32deg 68.04deg,#000 68.04deg 77.76deg,#dc143c 77.76deg 87.48deg,#000 87.48deg 97.2deg,#dc143c 97.2deg 106.92deg,#000 106.92deg 116.64deg,#dc143c 116.64deg 126.36deg,#000 126.36deg 136.08deg,#dc143c 136.08deg 145.8deg,#000 145.8deg 155.52deg,#dc143c 155.52deg 165.24deg,#000 165.24deg 174.96deg,#dc143c 174.96deg 184.68deg,#000 184.68deg 194.4deg,#dc143c 194.4deg 204.12deg,#000 204.12deg 213.84deg,#dc143c 213.84deg 223.56deg,#000 223.56deg 233.28deg,#dc143c 233.28deg 243deg,#000 243deg 252.72deg,#dc143c 252.72deg 262.44deg,#000 262.44deg 272.16deg,#dc143c 272.16deg 281.88deg,#000 281.88deg 291.6deg,#dc143c 291.6deg 301.32deg,#000 301.32deg 311.04deg,#dc143c 311.04deg 320.76deg,#000 320.76deg 330.48deg,#dc143c 330.48deg 340.2deg,#000 340.2deg 349.92deg,#028000 349.92deg 360deg);transform:translate(-50%,-50%);z-index:1}.number-slot{position:absolute;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:2;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);will-change:transform;pointer-events:none}.number-slot.green{background:#008000cc;border-color:#0f0}.ball{position:absolute;width:16px;height:16px;background:radial-gradient(circle at 30% 30%,#fff,#e0e0e0,silver);border-radius:50%;border:2px solid #999;box-shadow:0 0 10px #fffc,2px 2px 8px #0009;z-index:10;top:50%;left:50%;margin-left:-8px;margin-top:-8px;transform-origin:50% 50%;will-change:transform}.wheel-center{position:absolute;width:80px;height:80px;background:radial-gradient(circle,gold,#ffb347,#daa520);border-radius:50%;border:4px solid #b8860b;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #ffd70099,inset 0 0 15px #ffffff4d}.wheel-center:before{content:"♠";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#8b4513;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.wheel-marker{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:20px solid #ffd700;z-index:15;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.wheel-marker:after{content:"";position:absolute;top:-18px;left:-8px;width:16px;height:16px;background:gold;border-radius:50%;border:2px solid #b8860b}.result-display{text-align:center;margin-top:1rem}.winning-number{display:inline-block;padding:1rem 2rem;border-radius:50%;font-size:2rem;font-weight:700;min-width:80px;text-align:center;border:3px solid #ffd700;box-shadow:0 0 20px #ffd70080;animation:pulse 1s ease-in-out}.winning-number.red{background:linear-gradient(135deg,#dc143c,#8b0000);color:#fff}.winning-number.black{background:linear-gradient(135deg,#2c2c2c,#000);color:#fff}.winning-number.green{background:linear-gradient(135deg,#228b22,#006400);color:#fff}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.history{text-align:center}.history h4{margin-bottom:1rem;color:gold}.history-numbers{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.history-number{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;border:2px solid rgba(255,255,255,.3)}.history-number.red{background:linear-gradient(135deg,#dc143c,#8b0000);color:#fff}.history-number.black{background:linear-gradient(135deg,#2c2c2c,#000);color:#fff}.history-number.green{background:linear-gradient(135deg,#228b22,#006400);color:#fff}.betting-section{background:#0000004d;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,215,0,.3)}.bet-controls{margin-bottom:2rem}.bet-controls h3{margin-bottom:1rem;color:gold;text-align:center}.bet-buttons{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.bet-amount-btn{padding:.5rem 1rem;border:2px solid #ffd700;background:transparent;color:gold;border-radius:6px;cursor:pointer;font-weight:700;transition:all .3s ease}.bet-amount-btn:hover:not(:disabled){background:#ffd7001a;transform:translateY(-2px)}.bet-amount-btn.active{background:gold;color:#1a472a}.bet-amount-btn:disabled{opacity:.5;cursor:not-allowed}.betting-options,.numbers-section{margin-bottom:2rem}.numbers-section h4{margin-bottom:1rem;color:gold;text-align:center}.numbers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:.5rem;max-height:200px;overflow-y:auto;padding:.5rem;border-radius:8px;background:#0003}.number-bet{width:40px;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;font-weight:700;font-size:.9rem;transition:all .3s ease}.number-bet:hover:not(:disabled){transform:scale(1.1);border-color:gold;box-shadow:0 0 10px #ffd70080}.number-bet:disabled{opacity:.5;cursor:not-allowed}.simple-bets h4{margin-bottom:1rem;color:gold;text-align:center}.simple-bet-row{display:flex;gap:.5rem;margin-bottom:.5rem}.bet-btn{flex:1;padding:.8rem;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;border-radius:6px;cursor:pointer;font-weight:700;transition:all .3s ease}.bet-btn:hover:not(:disabled){border-color:gold;background:#ffd7001a;transform:translateY(-2px)}.bet-btn.red{background:linear-gradient(135deg,#dc143c,#8b0000);border-color:#dc143c}.bet-btn.black{background:linear-gradient(135deg,#2c2c2c,#000);border-color:#2c2c2c}.bet-btn:disabled{opacity:.5;cursor:not-allowed}.current-bets{margin-bottom:2rem;padding:1rem;background:#0003;border-radius:8px}.current-bets h4{margin-bottom:1rem;color:gold}.bets-list{margin-bottom:1rem}.bet-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#ffffff1a;border-radius:4px;margin-bottom:.5rem}.bet-item button{background:#dc143c;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-weight:700}.clear-bets-btn{width:100%;padding:.5rem;background:#dc143c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700}.game-controls{text-align:center;margin-bottom:1rem}.spin-btn{padding:1rem 2rem;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,gold,#daa520);color:#1a472a;border:3px solid #b8860b;border-radius:12px;cursor:pointer;box-shadow:0 4px 8px #0000004d;transition:all .3s ease}.spin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #0006}.spin-btn.spinning{background:linear-gradient(135deg,#888,#666);animation:spin-pulse 1s ease-in-out infinite}.spin-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes spin-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.message{text-align:center;padding:1rem;background:#ffd7001a;border:1px solid #ffd700;border-radius:8px;color:gold;font-weight:700}@media (max-width: 1024px){.game-area{grid-template-columns:1fr;gap:2rem}.betting-section{max-width:600px;margin:0 auto}}@media (max-width: 768px){.roulette{padding:1rem}.roulette-header h1{font-size:2rem}.game-stats{gap:1.5rem}.roulette-wheel,.wheel{width:250px;height:250px}.number-slot{width:25px;height:25px;font-size:.8rem;transform-origin:50% 125px}.ball{transform-origin:50% 125px}.wheel-center{width:35px;height:35px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;margin:0;padding:0}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;outline:none}button:focus{outline:2px solid #ffd700;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .6s ease-out}.bounce{animation:bounce 1s ease-in-out}