:root{--bg-primary:#0d0c15;--bg-secondary:#191826;--bg-tertiary:#232235;--border-color:#ffffff14;--border-glow:#e21b3c33;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--color-danger:#e21b3c;--color-success:#2cf187;--color-warning:#f1b32c;--color-info:#3b82f6;--color-accent:#aa3bff;--sans-font:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--mono-font:"Fira Code", ui-monospace, monospace;font-family:var(--sans-font);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-primary);color:var(--text-primary)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-danger)}.glass-panel{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);background:#191826a6;border-radius:12px}.glass-panel-glow{-webkit-backdrop-filter:blur(20px);background:#191826b3;border:1px solid #e21b3c26;border-radius:16px;box-shadow:0 8px 32px #e21b3c14}.app-container{grid-template-rows:60px 1fr;width:100vw;height:100vh;display:grid;overflow:hidden}.header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0d0c15f2;grid-row:1;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.dashboard-layout{grid-row:2;grid-template-columns:280px 1fr;height:calc(100vh - 60px);display:grid;overflow:hidden}.game-area{grid-template-rows:auto auto 1fr auto;gap:16px;height:100%;padding:16px;display:grid;overflow:hidden}.game-area-container{flex-shrink:0;height:calc(100vh - 60px)}.betting-container{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid}.canvas-wrapper{width:100%;height:100%;min-height:0;position:relative}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.w-full{width:100%}.text-center{text-align:center}.flex-1{flex:1}.bet-card-panel{box-shadow:0 10px 30px #0006;background:#171526!important;border:1.5px solid #aa3bff2e!important;border-radius:16px!important;padding:14px 16px!important}.bet-card-label{color:var(--text-secondary);letter-spacing:.8px;font-size:.72rem;font-weight:800}.bet-indicator-dot{background:var(--color-danger);width:6px;height:6px;box-shadow:0 0 8px var(--color-danger);border-radius:50%}.bet-input-container{-webkit-backdrop-filter:blur(4px);background:#0b0a1273;border:1.5px solid #ffffff0a;border-radius:8px;padding:2px 8px}.bet-amount-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:1.3rem;font-weight:900}.bet-amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bet-amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bet-adjust-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;transition:color .1s;display:flex}.bet-adjust-btn:hover:not(:disabled){color:#fff}.bet-adjust-btn:disabled{opacity:.3;cursor:not-allowed}.bet-factor-btn-square{color:#f3f4f6;cursor:pointer;-webkit-backdrop-filter:blur(4px);background:#23213573;border:1px solid #ffffff0f;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;transition:all .15s;display:flex}.bet-factor-btn-square:hover:not(:disabled){background:#2b2942;border-color:#ffffff2e;box-shadow:0 0 10px #ffffff0d}.bet-factor-btn-square:disabled{opacity:.4;cursor:not-allowed}.custom-toggle-switch{cursor:pointer;background:#252438;border:1px solid #ffffff0d;border-radius:9999px;width:36px;height:18px;transition:background .25s cubic-bezier(.4,0,.2,1);position:relative}.switch-handle{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:3px}.switch-active-green{background:var(--color-success)!important}.switch-active-green .switch-handle{transform:translate(16px)}.toggle-status-badge{text-align:center;letter-spacing:.3px;border-radius:4px;width:34px;padding:2px 6px;font-size:9px;font-weight:900;display:inline-block}.status-active{color:var(--color-success);background:#2cf1871f;border:1.5px solid #2cf18740}.status-inactive{color:var(--text-muted);background:#ffffff08;border:1.5px solid #ffffff0f}.auto-cashout-input-wrapper{background:#0b0a12;border:1.5px solid #ffffff1f;border-radius:6px;align-items:center;margin-right:4px;padding:2px 4px;transition:border-color .2s;display:flex}.auto-cashout-input-wrapper:focus-within{border-color:var(--color-success)}.auto-cashout-input{color:#fff;text-align:center;background:0 0;border:none;outline:none;width:44px;font-size:12px;font-weight:800}.auto-cashout-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.auto-cashout-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bet-action-btn{cursor:pointer;border:none;border-radius:12px;width:100%;padding:10px 0;transition:all .2s}.btn-bet-success{-webkit-backdrop-filter:blur(8px);background:linear-gradient(#6ede1b38 0%,#3ca8021f 100%);border:1.5px solid #6ede1b;box-shadow:0 4px 20px #6ede1b59,inset 0 1px 1px #fff3}.btn-bet-success:hover{background:linear-gradient(#6ede1b4d 0%,#3ca8022e 100%);transform:translateY(-1px);box-shadow:0 6px 24px #6ede1b73}.btn-bet-danger{-webkit-backdrop-filter:blur(8px);background:linear-gradient(#f72c4438 0%,#b300161f 100%);border:1.5px solid #ff5a70;box-shadow:0 4px 20px #f72c4459,inset 0 1px 1px #fff3}.btn-bet-danger:hover{background:linear-gradient(#f72c444d 0%,#b300162e 100%);transform:translateY(-1px);box-shadow:0 6px 24px #f72c4473}.btn-bet-warning{-webkit-backdrop-filter:blur(8px);background:linear-gradient(#f59e0b38 0%,#b464001f 100%);border:1.5px solid #f59e0b;box-shadow:0 4px 20px #f59e0b59,inset 0 1px 1px #fff3}.btn-bet-warning:hover{background:linear-gradient(#f59e0b4d 0%,#b464002e 100%);transform:translateY(-1px);box-shadow:0 6px 24px #f59e0b73}.btn-bet-disabled{color:var(--text-muted);cursor:not-allowed;box-shadow:none;background:#25243859;border:1.5px solid #ffffff0a}.bet-btn-title{letter-spacing:.5px;color:#fff;font-size:1.05rem;font-weight:800;line-height:1}.bet-btn-amount{color:#fff;margin:1px 0;font-size:1.45rem;font-weight:900;line-height:1}.bet-btn-status{color:#ffffffb3;letter-spacing:.3px;text-transform:uppercase;font-size:.65rem;font-weight:700}.btn{cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--sans-font);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--color-danger);color:#fff;box-shadow:0 4px 12px #e21b3c4d}.btn-primary:hover{background:#f12546;transform:translateY(-1px);box-shadow:0 6px 16px #e21b3c66}.btn-success{background:var(--color-success);color:#0d0c15;box-shadow:0 4px 12px #2cf1874d}.btn-success:hover{background:#46f596;transform:translateY(-1px);box-shadow:0 6px 16px #2cf18766}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{color:#fff;background:#ffffff14}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.input-field{border:1px solid var(--border-color);color:#fff;font-size:.95rem;font-family:var(--sans-font);background:#0d0c15b3;border-radius:8px;outline:none;padding:10px 14px;transition:border-color .2s}.input-field:focus{border-color:var(--color-danger)}.multiplier-badge{font-size:.78rem;font-weight:800;font-family:var(--sans-font);border:1.5px solid #0000;border-radius:9999px;justify-content:center;align-items:center;padding:5px 13px;transition:all .2s;display:inline-flex}.mult-low{color:#60a5fa;background:#3b82f61f;border-color:#3b82f640;box-shadow:0 0 10px #3b82f61a}.mult-medium{color:#c084fc;background:#aa3bff1f;border-color:#aa3bff40;box-shadow:0 0 10px #aa3bff1a}.mult-high{color:#fbbf24;background:#f1b32c1f;border-color:#f1b32c40;box-shadow:0 0 10px #f1b32c1a}@keyframes pulseGlowText{0%{text-shadow:0 0 4px #f1b32c4d;opacity:.85}50%{text-shadow:0 0 10px #f1b32c99;opacity:1}to{text-shadow:0 0 4px #f1b32c4d;opacity:.85}}.pulse-glow-text{animation:1.4s ease-in-out infinite pulseGlowText}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-muted{color:var(--text-muted)}.font-mono{font-family:var(--mono-font)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-bold{font-weight:700}.hover-glow:hover{border-color:#e21b3c4d;box-shadow:0 0 15px #e21b3c26}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#08070dd9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex;position:fixed;top:0;left:0}.modal-content{width:100%;max-width:480px;max-height:90vh;padding:24px;overflow-y:auto}@keyframes pulseGlow{0%{box-shadow:0 0 5px #e21b3c66}50%{box-shadow:0 0 15px #e21b3cb3}to{box-shadow:0 0 5px #e21b3c66}}.pulse-glow{animation:1.5s infinite pulseGlow}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.game-selector-mobile{display:none}.game-selector-desktop{display:block}@media (width<=1024px){.dashboard-layout{flex-direction:column;height:auto;display:flex;overflow:visible}.sidebar-bets{order:2;width:100%;border-right:none!important;border-top:1px solid var(--border-color)!important;height:480px!important;display:flex!important}.game-viewport-scrollable{order:1;height:auto!important;overflow:visible!important}}@media (width<=768px){.app-container{flex-direction:column;height:auto;min-height:100vh;display:flex;overflow-y:auto}.header{flex-wrap:wrap;justify-content:center;gap:8px;height:auto;padding:12px 16px}.dashboard-layout{flex-direction:column;height:auto;display:flex;overflow:visible}.game-area{flex-direction:column;gap:12px;height:auto;padding:12px;display:flex;overflow:visible}.betting-container{grid-template-columns:1fr;gap:12px}.canvas-wrapper{height:280px;min-height:280px}.modal-content{padding:16px}.game-area-container{height:auto!important}.game-selector-tabs{margin-bottom:4px;padding:4px 6px}.game-tab{gap:4px;padding:6px 10px;font-size:11px}.game-selector-mobile{display:block}.game-selector-desktop{display:none}}@keyframes pulseDot{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.pulse-dot{animation:1.2s ease-in-out infinite pulseDot}.game-selector-tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);scrollbar-width:none;background:#191826b3;border-radius:12px;gap:8px;margin-bottom:8px;padding:8px 12px;display:flex;overflow-x:auto}.game-selector-tabs::-webkit-scrollbar{display:none}.game-tab{cursor:pointer;white-space:nowrap;font-family:var(--sans-font);color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff0a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.game-tab:hover{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff1a;transform:translateY(-1px)}.game-tab.active{color:var(--color-danger);background:#e21b3c1f;border-color:#e21b3c59;box-shadow:0 0 12px #e21b3c26}.game-tab.active span{text-shadow:0 0 8px #e21b3c66}.lobby-container{flex-direction:column;gap:24px;height:100%;padding:24px;display:flex;overflow-y:auto}.lobby-hero{text-align:center;background:radial-gradient(circle,#aa3bff26 0%,#e21b3c0d 50%,#0d0c1500 100%);border:1px dashed #ffffff0d;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;display:flex}.lobby-hero h1{letter-spacing:2px;color:#fff;text-shadow:0 0 15px #fff3;margin-bottom:8px;font-size:2.2rem;font-weight:900}.lobby-hero p{color:var(--text-secondary);max-width:600px;font-size:14px}.lobby-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;padding-bottom:40px;display:grid}.lobby-card{border:1px solid var(--border-color);background:#19182699;border-radius:14px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.lobby-card:hover{border-color:#e21b3c4d;transform:translateY(-6px);box-shadow:0 12px 30px #e21b3c1f,0 0 20px #aa3bff0d}.lobby-card-image{aspect-ratio:1;border-bottom:1px solid var(--border-color);background-position:50%;background-size:cover;width:100%;position:relative}.lobby-card-overlay{background:linear-gradient(#0d0c1500 60%,#0d0c15f2 100%);width:100%;height:100%;position:absolute;top:0;left:0}.lobby-card-content{flex-direction:column;flex-grow:1;gap:12px;padding:16px;display:flex}.lobby-card-title{color:#fff;letter-spacing:.5px;font-size:16px;font-weight:800}.lobby-card-desc{color:var(--text-secondary);flex-grow:1;font-size:12px;line-height:1.4}.lobby-card-btn{width:100%;font-family:var(--sans-font);color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:700;transition:all .25s;display:flex}.lobby-card:hover .lobby-card-btn{background:var(--color-danger);border-color:var(--color-danger);box-shadow:0 0 15px #e21b3c66}@media (width<=768px){.game-selector-tabs{flex-wrap:wrap;justify-content:center;overflow-x:visible}}@media (width<=600px){.lobby-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 4px}.lobby-card-content{gap:8px;padding:10px}.lobby-card-title{font-size:14px!important}.lobby-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;height:34px;line-height:1.3;display:-webkit-box;overflow:hidden;font-size:11px!important}.lobby-card-btn{padding:6px 8px!important;font-size:11px!important}}.cashout-notif{animation:.35s cubic-bezier(.16,1,.3,1) forwards slide-down-fade}@keyframes slide-down-fade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}