@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Pacifico&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}*{scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}body{background:#0a0e14;color:#fff;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}:root{--bg-primary:#0a0e14;--bg-secondary:#111827;--bg-tertiary:#1a1f2e;--bg-card:#1e2536;--bg-hover:#252d3d;--border-color:#2a3142;--border-light:#3a4252;--text-primary:#fff;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-blue:#3b82f6;--accent-blue-light:#60a5fa;--accent-blue-dark:#2563eb;--accent-green:#22c55e;--accent-orange:#f59e0b;--accent-cyan:#06b6d4;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--glow-blue:#3b82f666;--glow-green:#22c55e66}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #22c55e4d}50%{box-shadow:0 0 25px #22c55e80}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes notificationPing{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.casino-app{background:#0a0e14;background:var(--bg-primary);background-image:radial-gradient(ellipse at top,#3b82f60d 0,#0000 50%),radial-gradient(ellipse at bottom right,#8b5cf60d 0,#0000 50%);display:flex;flex-direction:column;min-height:100vh}.top-bar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(180deg,#111827f2,#1a1f2ef2);border-bottom:1px solid #2a3142;border-bottom:1px solid var(--border-color);display:flex;height:64px;justify-content:space-between;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.top-bar:after{background:linear-gradient(90deg,#0000 10%,#3b82f6 50%,#0000 90%);background:linear-gradient(90deg,#0000 10%,var(--accent-blue) 50%,#0000 90%);bottom:0;content:"";height:1px;left:0;opacity:.4;position:absolute;right:0}.top-left{gap:20px}.logo-container,.top-left{align-items:center;display:flex}.logo-container{gap:12px}.logo{text-decoration:none}.logo-text{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease infinite;background:linear-gradient(135deg,#60a5fa,#38bdf8 50%,#22d3ee);-webkit-background-clip:text;background-clip:text;background-size:200% auto;cursor:pointer;filter:drop-shadow(0 0 20px rgba(59,130,246,.3));font-family:Pacifico,cursive;font-size:30px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.logo:hover .logo-text{filter:drop-shadow(0 0 30px rgba(59,130,246,.5));transform:scale(1.05)}.logo-badge{animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));border-radius:20px;color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;padding:4px 10px;text-transform:uppercase}.menu-btn{align-items:center;background:#1e2536;background:var(--bg-card);border:1px solid #2a3142;border:1px solid var(--border-color);border-radius:12px;color:#9ca3af;color:var(--text-secondary);cursor:pointer;display:flex;height:42px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:42px}.menu-btn:before{background:#3b82f6;background:var(--accent-blue);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.menu-btn:hover{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 4px 20px #3b82f666;box-shadow:0 4px 20px var(--glow-blue);color:#fff;color:var(--text-primary);transform:translateY(-2px)}.menu-btn:hover:before{opacity:.1}.menu-btn svg{position:relative;z-index:1}.top-nav{display:none}.top-center{display:flex;flex:1 1;justify-content:center;padding:0 40px}.search-box{display:none}.balance-display,.top-right{align-items:center;display:flex;gap:10px}.balance-display{background:#1e2536;background:var(--bg-card);border:1px solid #2a3142;border:1px solid var(--border-color);border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:10px 18px;position:relative;transition:all .3s ease}.balance-display:before{background:#22c55e;background:var(--accent-green);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.balance-display:hover{border-color:#22c55e;border-color:var(--accent-green);box-shadow:0 4px 20px #22c55e33}.balance-display:hover:before{opacity:.05}.balance-display .amount{position:relative;z-index:1}.balance-display .currency{color:#22c55e;color:var(--accent-green);font-weight:700}.balance-display svg{position:relative;transition:transform .3s ease;z-index:1}.balance-display:hover svg{transform:rotate(180deg)}.wallet-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--accent-green) 0,#16a34a 100%);border:none;border-radius:12px;box-shadow:0 4px 20px #22c55e66;box-shadow:0 4px 20px var(--glow-green);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;overflow:hidden;padding:10px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.wallet-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.wallet-btn:hover:before{left:100%}.wallet-btn:hover{box-shadow:0 6px 30px #22c55e66;box-shadow:0 6px 30px var(--glow-green);transform:translateY(-2px) scale(1.02)}.wallet-btn:active{transform:translateY(0) scale(.98)}.header-btn{align-items:center;background:#1e2536;background:var(--bg-card);border:1px solid #2a3142;border:1px solid var(--border-color);border-radius:12px;color:#9ca3af;color:var(--text-secondary);cursor:pointer;display:flex;height:42px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:42px}.header-btn:before{background:#3b82f6;background:var(--accent-blue);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.header-btn:hover{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 4px 20px #3b82f666;box-shadow:0 4px 20px var(--glow-blue);color:#fff;color:var(--text-primary);transform:translateY(-2px)}.header-btn:hover:before{opacity:.1}.header-btn svg{position:relative;transition:transform .3s ease;z-index:1}.header-btn:hover svg{transform:scale(1.1)}.header-btn.has-notification:after{animation:notificationPing 2s ease-in-out infinite;background:#f59e0b;background:var(--accent-orange);border:2px solid #1e2536;border:2px solid var(--bg-card);border-radius:50%;content:"";height:8px;position:absolute;right:8px;top:8px;width:8px}.user-btn{align-items:center;background:#1e2536;background:var(--bg-card);border:1px solid #2a3142;border:1px solid var(--border-color);border-radius:12px;color:#9ca3af;color:var(--text-secondary);cursor:pointer;display:flex;gap:8px;padding:6px 12px 6px 6px;transition:all .3s ease}.user-btn:hover{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 4px 20px #3b82f666;box-shadow:0 4px 20px var(--glow-blue)}.user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));border-radius:8px;display:flex;height:30px;justify-content:center;width:30px}.user-avatar svg{color:#fff;height:16px;width:16px}.btn-icon{align-items:center;background:#1e2536;background:var(--bg-card);border:1px solid #2a3142;border:1px solid var(--border-color);border-radius:12px;color:#9ca3af;color:var(--text-secondary);cursor:pointer;display:flex;height:42px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:42px}.btn-icon:hover{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 4px 20px #3b82f666;box-shadow:0 4px 20px var(--glow-blue);color:#fff;color:var(--text-primary);transform:translateY(-2px)}.main-layout{display:flex;flex:1 1;overflow:hidden}.left-sidebar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,#111827cc,#1a1f2ee6);border-right:1px solid #2a3142;border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 64px);min-width:240px;overflow-y:auto;padding:20px 0;position:relative;width:240px}.left-sidebar:before{background:linear-gradient(180deg,#3b82f6,#06b6d4 50%,#0000);background:linear-gradient(180deg,var(--accent-blue) 0,var(--accent-cyan) 50%,#0000 100%);content:"";height:100%;opacity:.2;position:absolute;right:0;top:0;width:1px}.left-sidebar::-webkit-scrollbar{width:6px}.left-sidebar::-webkit-scrollbar-track{background:#0000}.left-sidebar::-webkit-scrollbar-thumb{background:#2a3142;background:var(--border-color);border-radius:3px}.left-sidebar::-webkit-scrollbar-thumb:hover{background:#3a4252;background:var(--border-light)}.sidebar-balance{display:none}.sidebar-section{margin-bottom:8px}.section-divider{background:linear-gradient(90deg,#0000,#2a3142,#0000);background:linear-gradient(90deg,#0000,var(--border-color),#0000);height:1px;margin:16px 20px}.section-header{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:1.5px;margin:8px 8px 4px;padding:12px 16px;text-align:left;text-transform:uppercase;transition:all .3s ease;width:calc(100% - 16px)}.section-header:hover{background:#ffffff05;color:#9ca3af;color:var(--text-secondary)}.section-header .chevron{opacity:.5;transition:transform .3s ease}.section-header:hover .chevron{opacity:1}.section-header.expanded .chevron{transform:rotate(180deg)}.section-header-left{align-items:center;display:flex;gap:10px}.section-icon{align-items:center;background:#3b82f6;background:var(--accent-blue);border-radius:6px;display:flex;height:24px;justify-content:center;opacity:.9;width:24px}.section-icon svg{color:#fff;height:12px;width:12px}.sidebar-title{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:1.5px;margin:8px 8px 4px;padding:12px 16px;text-align:left;text-transform:uppercase;transition:all .3s ease;width:calc(100% - 16px)}.sidebar-title:hover{background:#ffffff05;color:#9ca3af;color:var(--text-secondary)}.sidebar-title .chevron{opacity:.5;transition:transform .3s ease}.sidebar-title:hover .chevron{opacity:1}.sidebar-title.expanded .chevron{transform:rotate(180deg)}.sidebar-title-left{align-items:center;display:flex;gap:10px}.title-badge{animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--accent-green),#16a34a);border-radius:6px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.originals-list{animation:fadeIn .3s ease}.originals-list .sidebar-item{animation:slideIn .3s ease backwards}.originals-list .sidebar-item:first-child{animation-delay:.02s}.originals-list .sidebar-item:nth-child(2){animation-delay:.04s}.originals-list .sidebar-item:nth-child(3){animation-delay:.06s}.originals-list .sidebar-item:nth-child(4){animation-delay:.08s}.originals-list .sidebar-item:nth-child(5){animation-delay:.1s}.originals-list .sidebar-item:nth-child(6){animation-delay:.12s}.originals-list .sidebar-item:nth-child(7){animation-delay:.14s}.originals-list .sidebar-item:nth-child(8){animation-delay:.16s}.originals-list .sidebar-item:nth-child(9){animation-delay:.18s}.sidebar-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;color:#9ca3af;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:14px;margin:2px 8px;overflow:hidden;padding:12px 16px;position:relative;text-align:left;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 16px)}.sidebar-item:before{background:linear-gradient(90deg,#3b82f6,#0000);background:linear-gradient(90deg,var(--accent-blue),#0000);bottom:0;content:"";left:0;opacity:.1;position:absolute;top:0;transition:width .3s ease;width:0}.sidebar-item:after{background:#3b82f6;background:var(--accent-blue);border-radius:0 3px 3px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s ease;width:3px}.sidebar-item:hover{background:#3b82f614;border-color:#3b82f633;color:#fff;color:var(--text-primary);transform:translateX(4px)}.sidebar-item:hover:before{width:100%}.sidebar-item:hover:after{height:50%}.sidebar-item.active{background:#3b82f61f;border-color:#3b82f64d;color:#60a5fa;color:var(--accent-blue-light)}.sidebar-item.active:after{box-shadow:0 0 10px #3b82f6;box-shadow:0 0 10px var(--accent-blue);height:70%}.sidebar-item .icon-wrapper{align-items:center;background:#1e2536;background:var(--bg-card);border-radius:8px;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.sidebar-item:hover .icon-wrapper{background:#252d3d;background:var(--bg-hover);transform:scale(1.1)}.sidebar-item.active .icon-wrapper{background:#3b82f6;background:var(--accent-blue);box-shadow:0 4px 15px #3b82f666;box-shadow:0 4px 15px var(--glow-blue)}.sidebar-item.active .icon-wrapper svg{color:#fff}.sidebar-item svg{flex-shrink:0;transition:transform .3s ease}.content{background:#0a0e14;background:var(--bg-primary);flex:1 1;height:calc(100vh - 64px);overflow-y:auto;padding:24px;position:relative}.content:before{background:radial-gradient(ellipse at top,#3b82f60a 0,#0000 70%);content:"";height:200px;left:0;pointer-events:none;position:absolute;right:0;top:0}.roulette-game{height:100%}.roulette-main{display:flex;flex:1 1;gap:20px}.betting-panel{background:#1a1f2e;background:var(--bg-tertiary);border:1px solid #2a3142;border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:16px;min-width:280px;padding:16px;width:280px}.mode-toggle{background:#0a0e14;background:var(--bg-primary);border-radius:8px;display:flex;padding:4px}.mode-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s}.mode-btn.active{background:#1e2536;background:var(--bg-card);color:#fff;color:var(--text-primary)}.mode-btn:hover:not(.active){color:#9ca3af;color:var(--text-secondary)}.chip-value-section{display:flex;flex-direction:column;gap:12px}.section-label{align-items:center;color:#9ca3af;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.chip-amount{color:#22c55e;color:var(--accent-green);font-weight:600}.chip-nav-btn{align-items:center;background:#0f1328;border:none;border-radius:6px;color:#fff9;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.chip-nav-btn:hover{background:#252d4a;color:#fff}.total-bet-section{display:flex;flex-direction:column;gap:8px}.bet-header{align-items:center;display:flex;justify-content:space-between}.bet-value{color:#fff;font-size:14px;font-weight:600}.bet-input-row{display:flex;gap:8px}.bet-input{background:#0f1328;border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-size:14px;font-weight:600;padding:12px}.bet-input:focus{border-color:#0077db;outline:none}.bet-modifier{background:#0f1328;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;width:40px}.bet-modifier:hover:not(:disabled){background:#252d4a;color:#fff}.bet-modifier:disabled{cursor:not-allowed;opacity:.4}.bet-button{background:#00d26a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px;transition:all .2s;width:100%}.bet-button:hover:not(:disabled){background:#00e676}.bet-button:disabled{background:#252d4a;color:#fff6;cursor:not-allowed}.game-area{display:flex;flex:1 1;flex-direction:column;gap:20px}.wheel-container{align-items:flex-start;display:flex;gap:20px;justify-content:center}.wheel-section{align-items:center;display:flex;flex-direction:column;position:relative}.wheel-wrapper{height:370px;position:relative;width:370px}.wheel-outer-ring{background:#1b213c;border-radius:50%;box-shadow:inset 0 0 40px #0009,0 0 20px #0006,0 0 60px #0000004d;inset:0;position:absolute}.ring-dot{background:#4a6070;border-radius:50%;height:8px;margin-left:-4px;margin-top:-4px;width:8px}.ring-dot,.wheel-spinner{left:50%;position:absolute;top:50%}.wheel-spinner{animation:wheelSpin 20s linear infinite;transform:translate(-50%,-50%)}@keyframes wheelSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.wheel-svg{display:block}.ball-system-js{animation:wheelSync 20s linear infinite;height:334px;left:50%;margin-left:-167px;margin-top:-167px;pointer-events:none;position:absolute;top:50%;width:334px}@keyframes wheelSync{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ball-js{height:14px;left:0;margin-left:-7px;margin-top:-7px;position:absolute;top:0;width:14px;will-change:transform}.ball-core-js{background:radial-gradient(circle at 30% 30%,#fff 0,#f0f0f0 20%,#d0d0d0 50%,#a0a0a0 100%);border-radius:50%;box-shadow:0 2px 6px #00000080,0 1px 2px #0000004d,inset 0 -2px 4px #0003,inset 0 2px 4px #ffffffe6;height:14px;width:14px}.ball-trail-js{background:linear-gradient(90deg,#fffc,#fff6 40%,#fff0);border-radius:3px;filter:blur(2px);height:6px;left:50%;margin-left:7px;margin-top:-3px;pointer-events:none;position:absolute;top:50%;transform-origin:-7px center;width:50px}.ball,.ball-container,.ball-core,.ball-orbit,.ball-system,.ball-track,.ball-track-container,.ball-trail,.ball-wheel-sync,.ball-wrapper,.roulette-ball{display:none}.pointer{border-left:12px solid #0000;border-right:12px solid #0000;border-top:20px solid #f7b500;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));height:0;top:2px;width:0;z-index:30}.pointer,.result-badge{left:50%;position:absolute;transform:translateX(-50%)}.result-badge{align-items:center;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275);border-radius:12px;bottom:0;box-shadow:0 4px 20px #0006;display:flex;font-size:26px;font-weight:700;height:56px;justify-content:center;width:56px}@keyframes popIn{0%{opacity:0;transform:translateX(-50%) scale(0)}70%{transform:translateX(-50%) scale(1.1)}to{opacity:1;transform:translateX(-50%) scale(1)}}.result-badge.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.result-badge.black{background:linear-gradient(135deg,#475569,#1e293b)}.result-badge.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.board-wrapper{display:flex;flex-direction:column;gap:12px}.board-actions{display:flex;justify-content:space-between;padding:0 8px}.board-action-btn{align-items:center;background:#0000;border:none;color:#fff9;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.board-action-btn:hover:not(:disabled){color:#fff}.board-action-btn:disabled{cursor:not-allowed;opacity:.3}.board-action-btn.clear{color:#fff9}.betting-board{background:#1b213c;border-radius:12px;padding:12px}.board-grid{gap:4px}.board-grid,.zero-column{display:flex}.numbers-section{flex:1 1}.numbers-grid,.numbers-section{display:flex;flex-direction:column;gap:4px}.board-row,.ratio-column{display:flex;gap:4px}.ratio-column{flex-direction:column}.cell{align-items:center;background:#2f4553;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;height:52px;justify-content:center;min-width:52px;position:relative;transition:all .15s ease}.cell:hover{filter:brightness(1.2)}.cell.has-bet{box-shadow:inset 0 0 0 2px #f7b500}.cell.red{background:#e9113c}.cell.black{background:#2f4553}.cell.green,.cell.zero{background:#00e701}.cell.zero{border:2px solid #00e701;box-shadow:0 0 8px #00e7014d;flex:none;font-size:20px;height:auto;min-width:60px;width:60px}.cell.ratio{flex:none;font-size:14px;min-width:50px;width:50px}.dozens-row .cell,.outside-row .cell{font-size:13px;height:44px}.diamond{border-radius:2px;height:16px;transform:rotate(45deg);width:16px}.diamond.red{background:#e9113c}.diamond.black{background:#2f4553;border:2px solid #4a5f6e}.cell.red-diamond{background:#e9113c}.cell.black-diamond{background:#2f4553}.bet-chip{align-items:center;background:#ffc800;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 6px #0006;color:#000;display:flex;font-size:9px;font-weight:700;height:28px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:28px;z-index:10}.number-cell-wrapper{flex:1 1;min-width:52px;position:relative}.number-cell-wrapper .cell{min-width:auto;width:100%}.split-bet{background:#0000;border:none;cursor:pointer;position:absolute;transition:background .15s;z-index:15}.split-bet:hover{background:#ffc80066}.split-bet.has-bet{background:#ffc8004d}.split-bet.horizontal{border-radius:4px;bottom:8px;right:-8px;top:8px;width:16px}.split-bet.vertical{border-radius:4px;bottom:-8px;height:16px;left:8px;right:8px}.split-chip{align-items:center;background:#ffc800;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 1px 4px #0006;color:#000;display:flex;font-size:7px;font-weight:700;height:20px;justify-content:center;width:20px}.corner-bet{background:#0000;border:none;border-radius:50%;bottom:-10px;cursor:pointer;height:20px;position:absolute;right:-10px;transition:background .15s;width:20px;z-index:20}.corner-bet:hover{background:#ffc80080}.corner-bet.has-bet{background:#ffc80066}.corner-chip{background:#ffc800;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 1px 4px #0006;color:#000;font-size:6px;font-weight:700;height:18px;justify-content:center;width:18px}.corner-chip,.game-bottom-bar{align-items:center;display:flex}.game-bottom-bar{background:#1b213c;border-radius:12px;justify-content:space-between;margin-top:16px;padding:12px 16px}.bottom-left{display:flex;gap:8px}.bottom-icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.bottom-icon-btn:hover{background:#ffffff1a;color:#fff}.bottom-center{flex:1 1;text-align:center}.game-brand{color:#ffffff4d;font-size:14px;font-weight:600}.bottom-right{display:flex}.fairness-btn{align-items:center;background:#252d4a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.fairness-btn:hover{background:#303a5c}.fairness-btn svg{color:#0077db}.results-history{display:flex;flex-direction:column;gap:8px;padding-top:20px}.result-ball{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:44px;justify-content:center;transition:opacity .3s;width:44px}.result-ball.red{background:#e9113c}.result-ball.black{background:#2f4553}.result-ball.green{background:#00e701;color:#000}.win-popup{align-items:center;animation:winPopIn .3s ease-out;background:#1f2d37f2;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:8px;left:50%;padding:16px 24px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:50}@keyframes winPopIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.win-number{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:22px;font-weight:700;height:48px;justify-content:center;width:48px}.win-number.red{background:#e9113c}.win-number.black{background:#2f4553}.win-number.green{background:#00e701;color:#000}.win-multiplier{color:#fff;font-size:24px;font-weight:700}.win-amount{align-items:center;color:#6b7d8a;display:flex;font-size:14px;gap:4px}.win-amount .currency{color:#00e701;font-weight:700}@media (max-width:1024px){.left-sidebar{min-width:200px;width:200px}.wheel-container{align-items:center;flex-direction:column}.results-history{flex-direction:row;padding-bottom:10px;padding-top:0}}@media (max-width:768px){.main-layout{flex-direction:column}.left-sidebar{border-bottom:1px solid #21262d;border-right:none;flex-direction:row;height:auto;min-width:100%;overflow-x:auto;padding:12px;width:100%}.game-list{flex-direction:row;gap:8px}.game-item{padding:10px 16px;white-space:nowrap}.top-center{display:none}.content{padding:16px}.betting-controls{align-items:stretch;flex-direction:column}.chip-selector{width:100%}.bet-info,.chips-row{justify-content:center}.bet-info{margin-left:0}.action-buttons{flex-wrap:wrap;justify-content:center}.cell{font-size:12px;height:40px;min-width:40px}.cell.zero{font-size:16px}.cell.ratio,.cell.zero{min-width:40px;width:40px}.cell.ratio{font-size:11px}.bet-chip{font-size:7px;height:22px;width:22px}.result-ball{font-size:14px;height:36px;width:36px}}.game-loader{align-items:center;color:#ffffff80;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.game-loader-spinner{animation:spin 1s linear infinite;border:3px solid #1b213c;border-radius:50%;border-top-color:#0077db;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.coming-soon{align-items:center;display:flex;justify-content:center;min-height:400px}.coming-soon-content{text-align:center}.coming-soon-content h1{color:#fff;font-size:32px;font-weight:700;margin-bottom:12px}.coming-soon-content p{color:#6b7d8a;font-size:18px}a{color:inherit;text-decoration:none}.connecting,.connection-error{align-items:center;background:#0f1328;display:flex;justify-content:center;min-height:100vh}.connecting-content,.error-content{background:#1b213c;border-radius:16px;max-width:400px;padding:40px;text-align:center}.error-content h2{color:#ef4444;font-size:24px;margin-bottom:16px}.error-content p{color:#8b9caa;line-height:1.5;margin-bottom:24px}.error-content button{background:#0077db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:.2s}.error-content button:hover{transform:scale(1.05)}.connecting-content p{color:#8b9caa;margin-top:16px}.phase-indicator{align-items:center;background:#1a2c38;border-radius:8px;display:flex;gap:12px;padding:8px 16px}.phase-indicator.phase-betting{background:linear-gradient(135deg,#22c55e20,#16a34a20);border:1px solid #22c55e40}.phase-indicator.phase-spinning{background:linear-gradient(135deg,#f7b50020,#f59e0b20);border:1px solid #f7b50040}.phase-indicator.phase-results{background:linear-gradient(135deg,#3b82f620,#2563eb20);border:1px solid #3b82f640}.phase-label{color:#fff;font-size:14px;font-weight:600}.phase-timer{color:#f7b500;font-size:18px;font-weight:700;min-width:30px;text-align:center}.phase-status{border-radius:8px;font-size:13px;font-weight:600;padding:12px 20px;text-align:center}.phase-status.betting{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.phase-status.spinning{background:linear-gradient(135deg,#f7b500,#f59e0b);color:#000}.phase-status.results{background:#2a3f4d;color:#8b9caa}.chip:disabled{cursor:not-allowed;opacity:.5}.lobby-browser{background:#1b213c;border-radius:12px;margin-bottom:20px;padding:16px}.lobby-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.lobby-header h3{color:#fff;font-size:16px;font-weight:600}.create-btn{background:#0077db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:.2s}.create-btn:hover{box-shadow:0 0 12px #0077db66;transform:scale(1.05)}.lobby-empty,.lobby-error,.lobby-loading{color:#ffffff80;font-size:14px;padding:20px;text-align:center}.lobby-error{color:#ef4444}.lobby-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.lobby-card{background:#0f1328;border-radius:8px;padding:12px;transition:.2s}.lobby-card:hover{background:#161d38}.lobby-card-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.lobby-card-row:last-child{margin-bottom:0}.lobby-name{color:#fff;font-size:14px;font-weight:600}.lobby-status{font-size:12px;font-weight:600}.lobby-host{color:#ffffff80;font-size:12px}.join-btn{background:#252d4a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 16px;transition:.2s}.join-btn:hover:not(:disabled){background:#303a5c}.join-btn:disabled{cursor:not-allowed;opacity:.4}.leave-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:.2s}.leave-btn:hover{background:#dc2626}.lobby-current{background:#1b213c;border:1px solid #0077db4d;border-radius:12px;margin-bottom:20px;padding:16px}.lobby-info{align-items:center;background:#0f1328;border-radius:8px;display:flex;justify-content:space-between;margin-top:12px;padding:12px}.lobby-players{color:#0077db;font-size:14px;font-weight:600}.modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{background:#1b213c;border-radius:12px;max-width:400px;min-width:320px;padding:24px}.modal-content h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:16px}.modal-content input{background:#0f1328;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:14px;margin-bottom:16px;padding:12px 16px;width:100%}.modal-content input:focus{border-color:#0077db;outline:none}.modal-content input::placeholder{color:#fff6}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn{background:#252d4a;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:.2s}.cancel-btn:hover{background:#303a5c;color:#fff}.confirm-btn{background:#0077db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:.2s}.confirm-btn:hover:not(:disabled){transform:scale(1.02)}.confirm-btn:disabled{cursor:not-allowed;opacity:.5}.player-list{background:#1b213c;border-radius:12px;margin-bottom:20px;padding:16px}.player-list h4{color:#ffffff80;font-size:14px;font-weight:600;margin-bottom:12px}.players{display:flex;flex-direction:column;gap:8px}.player-item{align-items:center;background:#0f1328;border-radius:8px;display:flex;gap:12px;padding:10px 12px;transition:.2s}.player-item.is-you{background:linear-gradient(135deg,#0077db1a,#0000);border:1px solid #0077db4d}.player-avatar{background:linear-gradient(135deg,#0077db,#213866);border-radius:50%;color:#fff;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.player-avatar,.player-info{align-items:center;display:flex}.player-info{flex:1 1;justify-content:space-between}.player-name{color:#fff;font-size:14px;font-weight:500}.player-bet{color:#00d26a;font-size:13px;font-weight:600}@media (max-width:768px){.lobby-browser,.lobby-current,.player-list{margin-bottom:12px;padding:12px}.modal-content{margin:16px;min-width:auto;width:calc(100% - 32px)}}.roulette-page{display:flex;flex-direction:column;gap:24px;width:100%}.game-info-sections,.roulette-game{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;width:100%}.game-info-sections{gap:20px}.chips-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);width:100%}.chip-btn{align-items:center;border:3px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:700;height:48px;justify-content:center;justify-self:center;text-shadow:0 1px 2px #00000080;transition:all .2s;width:48px}.chip-btn:hover{border-color:#ffffff80;transform:scale(1.08)}.chip-btn.selected{border-color:#ffc800;box-shadow:0 0 12px #ffc80080;transform:scale(1.12)}.chip-btn:disabled{cursor:not-allowed;opacity:.5}.game-info-section{background:#1b213c;border-radius:12px;overflow:hidden}.game-info-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:16px 20px}.game-info-title{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;gap:12px}.game-info-icon{align-items:center;color:#0077db;display:flex;justify-content:center}.game-info-tabs{display:flex;gap:8px}.info-tab{background:#0000;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s}.info-tab:hover{color:#fffc}.info-tab.active{background:#252d4a;color:#fff}.game-info-content{padding:20px}.big-wins-content{overflow-x:auto}.big-wins-table{border-collapse:collapse;width:100%}.big-wins-table th{border-bottom:1px solid #ffffff14;color:#ffffff80;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.big-wins-table td{border-bottom:1px solid #ffffff0a;color:#fff;font-size:14px;padding:14px 16px}.big-wins-table tr:last-child td{border-bottom:none}.big-wins-table tr.top-winner td{background:linear-gradient(90deg,#ffc8000d,#0000)}.rank-badge{align-items:center;background:#252d4a;border-radius:6px;color:#fff;display:inline-flex;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.rank-badge.rank-1{background:linear-gradient(135deg,gold,#ffb300);color:#000}.rank-badge.rank-2{background:linear-gradient(135deg,silver,#a0a0a0);color:#000}.rank-badge.rank-3{background:linear-gradient(135deg,#cd7f32,sienna);color:#fff}.big-wins-table .user-cell{align-items:center;display:flex;gap:10px}.big-wins-table .user-icon{color:#0077db;font-size:12px}.big-wins-table .user-name{font-weight:500}.big-wins-table .amount-cell{color:#fff;font-weight:500}.big-wins-table .multiplier-cell{color:#ffc800;font-weight:600}.big-wins-table .payout-cell.win{color:#00d26a;font-weight:600}.description-content{display:flex;flex-direction:column;gap:24px}.description-header{align-items:flex-start;display:flex;gap:24px}.description-game-card{align-items:center;background:#0f1328;border-radius:12px;display:flex;flex-direction:column;gap:8px;min-width:120px;padding:20px}.description-game-card svg{color:#0077db;height:48px;width:48px}.default-game-icon{color:#0077db}.game-card-name{color:#fff;font-size:14px;font-weight:600}.description-intro{flex:1 1}.description-intro h2{color:#fff;font-size:22px;font-weight:700;margin-bottom:8px}.description-intro .subtitle{color:#0077db;font-size:15px;font-weight:500;margin-bottom:12px}.description-intro .intro-text{color:#ffffffb3;font-size:14px;line-height:1.6}.description-sections{display:flex;flex-direction:column;gap:20px}.description-section h3{color:#fff;font-size:16px;font-weight:600;margin-bottom:10px}.description-section p{color:#ffffffb3;font-size:14px;line-height:1.7;white-space:pre-line}.live-bets-section{background:#1b213c;border-radius:12px;overflow:hidden}.live-bets-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:16px 20px}.live-bets-tabs{display:flex;gap:8px}.bets-tab{background:#0000;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s}.bets-tab:hover{color:#fffc}.bets-tab.active{background:#252d4a;color:#fff}.live-bets-toggle{align-items:center;display:flex;gap:10px}.live-indicator{background:#ffffff4d;border-radius:50%;height:8px;transition:all .3s;width:8px}.live-indicator.active{animation:livePulse 2s ease-in-out infinite;background:#00d26a;box-shadow:0 0 8px #00d26a80}@keyframes livePulse{0%,to{box-shadow:0 0 8px #00d26a80}50%{box-shadow:0 0 16px #00d26acc}}.live-label{color:#fff9;font-size:13px;font-weight:500}.toggle-btn{background:#252d4a;border:none;border-radius:11px;cursor:pointer;height:22px;position:relative;transition:all .2s;width:40px}.toggle-btn.active{background:#0077db}.toggle-slider{background:#fff;border-radius:50%;height:18px;left:2px;position:absolute;top:2px;transition:transform .2s;width:18px}.toggle-btn.active .toggle-slider{transform:translateX(18px)}.live-bets-content{max-height:450px;overflow-x:hidden;overflow-y:auto;padding:0}.live-bets-table{border-collapse:collapse;table-layout:fixed;width:100%}.live-bets-table th{background:#0a0e14;background:var(--bg-primary);border-bottom:1px solid #2a3142;border-bottom:1px solid var(--border-color);color:#6b7280;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;padding:14px 16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:5}.live-bets-table td{border-bottom:1px solid #ffffff0a;color:#fff;color:var(--text-primary);font-size:14px;padding:14px 16px;vertical-align:middle}.live-bets-table tbody tr{cursor:pointer;transition:background .2s}.live-bets-table tbody tr:hover{background:#3b82f60d}.live-bets-table .game-cell{align-items:center;display:flex;gap:12px}.live-bets-table .game-icon{align-items:center;background:#1e2536;background:var(--bg-card);border-radius:8px;color:#3b82f6;color:var(--accent-blue);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.live-bets-table .game-name{color:#fff;color:var(--text-primary);font-weight:500}.live-bets-table .user-cell{align-items:center;display:flex;gap:10px}.live-bets-table .user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.live-bets-table .user-name{color:#9ca3af;color:var(--text-secondary);font-weight:500}.live-bets-table .amount-cell{color:#fff;color:var(--text-primary);font-weight:500}.live-bets-table .multiplier-cell{color:#9ca3af;color:var(--text-secondary);font-weight:600}.live-bets-table .multiplier-cell.win{color:#22c55e;color:var(--accent-green)}.live-bets-table .payout-cell{font-weight:600}.live-bets-table .payout-cell.win{color:#22c55e;color:var(--accent-green)}.live-bets-table .payout-cell.loss{color:#6b7280;color:var(--text-muted)}.bet-row{transition:all .3s ease}.bet-row.win{background:linear-gradient(90deg,#22c55e14,#0000)}.bet-row.loss{background:#0000}.no-bets-message{align-items:center;color:#6b7280;color:var(--text-muted);display:flex;font-size:14px;justify-content:center;padding:60px 20px}@media (max-width:768px){.game-info-header,.live-bets-header{align-items:flex-start;flex-direction:column;gap:12px}.description-header{flex-direction:column}.description-game-card{flex-direction:row;padding:16px;width:100%}.description-game-card svg{height:36px;width:36px}.chips-grid{grid-template-columns:repeat(3,1fr)}.chip-btn{font-size:9px;height:38px;width:38px}.big-wins-table td,.big-wins-table th,.live-bets-table td,.live-bets-table th{font-size:12px;padding:10px 12px}}
/*# sourceMappingURL=main.f0b48086.css.map*/