.profile-page{min-height:calc(100vh - 64px);padding:40px 20px;animation:fadeIn .3s ease}.profile-container{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.profile-empty{text-align:center;color:#fff6;font-size:1.1rem;padding:80px 20px}.profile-header{display:flex;align-items:center;gap:20px;padding:24px;background:linear-gradient(135deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.06);border-radius:12px}.profile-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#00e5c8,#00b89c);display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;color:#0c0e14;flex-shrink:0}.profile-info{flex:1;min-width:0}.profile-username{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 6px}.profile-meta{display:flex;gap:12px;flex-wrap:wrap}.profile-level{background:#c9a22726;color:#c9a227;padding:2px 10px;border-radius:100px;font-size:.75rem;font-weight:700}.profile-xp{color:#fff6;font-size:.75rem;font-weight:600}.profile-email{color:#ffffff40;font-size:.75rem;font-weight:500}.profile-balance-card{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.profile-balance-label{font-size:.6rem;color:#ffffff4d;letter-spacing:.12em;font-weight:600}.profile-balance-value{font-size:1.4rem;font-weight:800;color:#00e5c8;font-variant-numeric:tabular-nums}.profile-xp-bar-wrap{padding:0 4px}.profile-xp-bar{width:100%;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.profile-xp-fill{height:100%;background:linear-gradient(90deg,#c9a227,#e8c44a);border-radius:3px;transition:width .5s ease}.profile-xp-text{font-size:.7rem;color:#ffffff4d;margin-top:6px;text-align:right}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:18px 14px;text-align:center}.profile-stat-value{font-size:1.2rem;font-weight:800;color:#fff;margin-bottom:4px;font-variant-numeric:tabular-nums}.profile-stat-label{font-size:.65rem;color:#ffffff4d;letter-spacing:.08em;font-weight:600;text-transform:uppercase}.profile-section{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px 24px}.profile-section-title{font-size:.85rem;color:#fff6;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 0 16px}.profile-account-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.profile-account-row:last-child{border-bottom:none}.profile-account-label{font-size:.8rem;color:#fff6;font-weight:600}.profile-account-value{font-size:.8rem;color:#ffffffb3;font-weight:500}.profile-uid{font-size:.65rem;font-family:monospace;color:#ffffff4d}@media (max-width: 600px){.profile-header{flex-direction:column;text-align:center}.profile-balance-card{align-items:center}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.profile-meta{justify-content:center}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:20px}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);position:relative;max-width:440px;width:100%;animation:fadeInUp .3s var(--ease-out)}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted);font-size:.9rem;transition:all .15s;z-index:1}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.auth-modal{padding:40px 36px 32px}.auth-header{text-align:center;margin-bottom:28px}.auth-title{font-family:var(--font-display);font-size:1.6rem;font-weight:600;margin-bottom:6px;background:linear-gradient(135deg,var(--text-primary),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-subtitle{color:var(--text-secondary);font-size:.88rem}.auth-tabs{display:flex;background:var(--bg-input);border-radius:var(--radius);padding:3px;margin-bottom:24px}.auth-tab{flex:1;padding:10px;border-radius:calc(var(--radius) - 2px);font-weight:600;font-size:.85rem;color:var(--text-muted);transition:all .2s}.auth-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 8px #0003}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-error{padding:10px 14px;background:var(--red-dim);border:1px solid rgba(255,71,87,.2);border-radius:var(--radius-sm);color:var(--red);font-size:.82rem}.auth-footer-text{text-align:center;font-size:.75rem;color:var(--text-muted);margin-top:24px}.navbar{position:sticky;top:0;z-index:100;background:#0c0e14d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.navbar-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:8px;padding:0 24px;height:64px}.navbar-logo{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:16px;flex-shrink:0}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--gold),#a88420);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.7rem;color:#0c0e14;letter-spacing:-.02em}.logo-text{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.navbar-games{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}.nav-game-link{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius);text-decoration:none;color:var(--text-secondary);font-size:.85rem;font-weight:500;transition:all .2s;white-space:nowrap}.nav-game-link:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.nav-game-link.active{background:var(--teal-dim);color:var(--teal)}.nav-game-icon{font-size:1rem}.nav-game-label{font-weight:600}.navbar-right{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.daily-bonus-btn{padding:7px 14px;background:var(--gold-dim);border:1px solid rgba(201,162,39,.25);border-radius:var(--radius);color:var(--gold);font-size:.78rem;font-weight:700;white-space:nowrap;animation:glow 2s ease-in-out infinite;transition:all .2s}.daily-bonus-btn:hover{background:#c9a22733;transform:translateY(-1px)}.wallet-display{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius)}.wallet-icon{font-size:.9rem}.wallet-balance{font-weight:700;font-size:.9rem;color:var(--teal);font-variant-numeric:tabular-nums}.user-menu-wrapper{position:relative}.user-avatar-btn{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--teal),#009e8c);color:#0c0e14;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:transform .15s}.user-avatar-btn:hover{transform:scale(1.08)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--bg-elevated, var(--bg-card));border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 40px #00000080;animation:slideDown .2s var(--ease-out);overflow:hidden;z-index:50}.user-dropdown-header{padding:14px 16px}.user-dropdown-name{font-weight:600;font-size:.9rem}.user-dropdown-level{font-size:.75rem;color:var(--text-muted);margin-top:2px}.user-dropdown-divider{height:1px;background:var(--border)}.user-dropdown-item{display:block;width:100%;padding:10px 16px;text-align:left;font-size:.85rem;color:var(--text-secondary);transition:all .15s;text-decoration:none;background:none;border:none;cursor:pointer}.user-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}@media (max-width: 900px){.navbar-inner{padding:0 12px}.logo-text,.nav-game-label{display:none}.nav-game-link{padding:8px 10px}.nav-game-icon{font-size:1.2rem}.daily-bonus-btn span{display:none}}@media (max-width: 480px){.wallet-display{padding:6px 10px}.wallet-balance{font-size:.8rem}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);margin-top:auto}.footer-inner{max-width:1400px;margin:0 auto;padding:48px 24px 32px}.footer-brand{margin-bottom:32px}.footer-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.footer-tagline{color:var(--text-muted);font-size:.85rem}.footer-links{display:flex;gap:64px;margin-bottom:40px}.footer-col h4{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px}.footer-col a{display:block;color:var(--text-secondary);font-size:.88rem;padding:4px 0;text-decoration:none;transition:color .15s}.footer-col a:hover{color:var(--teal);text-decoration:none}.footer-bottom{border-top:1px solid var(--border);padding-top:24px}.footer-bottom p{font-size:.78rem;color:var(--text-muted)}.footer-disclaimer{margin-top:4px;font-size:.72rem!important;opacity:.7}@media (max-width: 600px){.footer-links{gap:32px}}.lobby{display:flex;flex-direction:column;gap:48px}.lobby-hero{position:relative;padding:64px 40px;border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border);overflow:hidden}.hero-bg-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.hero-glow-1{width:400px;height:400px;background:var(--teal);top:-150px;right:-100px;opacity:.08}.hero-glow-2{width:300px;height:300px;background:var(--gold);bottom:-100px;left:-50px;opacity:.06}.hero-content{position:relative;z-index:1}.hero-title{font-family:var(--font-display);font-size:3.2rem;font-weight:700;line-height:1.1;letter-spacing:-.02em;margin-bottom:16px}.hero-title-accent{background:linear-gradient(135deg,var(--gold),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{color:var(--text-secondary);font-size:1.05rem;max-width:480px;line-height:1.6}.hero-stats{display:flex;gap:40px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.hero-stat{display:flex;flex-direction:column;gap:4px}.hero-stat-value{font-size:1.4rem;font-weight:700;color:var(--teal);font-variant-numeric:tabular-nums}.hero-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.section-title{display:flex;align-items:center;gap:16px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.section-title-line{flex:1;height:1px;background:var(--border)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:20px}.game-card{position:relative;border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;text-decoration:none;color:inherit;transition:all .3s var(--ease-out);animation:fadeInUp .5s var(--ease-out) both}.game-card:hover{transform:translateY(-4px);border-color:var(--card-accent, var(--teal));box-shadow:0 8px 32px #0000004d,0 0 0 1px var(--card-accent, var(--teal));text-decoration:none}.game-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-gradient, var(--bg-card));opacity:.8}.game-card-content{position:relative;padding:28px 24px;display:flex;flex-direction:column;gap:8px}.game-card-icon{font-size:2.2rem;margin-bottom:4px}.game-card-name{font-family:var(--font-display);font-size:1.3rem;font-weight:600}.game-card-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.game-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.game-card-play{font-size:.82rem;font-weight:600;color:var(--card-accent, var(--teal));opacity:0;transform:translate(-8px);transition:all .3s var(--ease-out)}.game-card:hover .game-card-play{opacity:1;transform:translate(0)}.pf-card{padding:36px}.pf-title{font-family:var(--font-display);font-size:1.2rem;margin-bottom:12px}.pf-text{color:var(--text-secondary);font-size:.9rem;line-height:1.7;max-width:600px}@media (max-width: 768px){.lobby-hero{padding:40px 24px}.hero-title{font-size:2.2rem}.hero-stats{gap:24px;flex-wrap:wrap}.game-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.game-grid{grid-template-columns:1fr}.hero-title{font-size:1.8rem}}.game-title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.3rem;font-weight:600}.game-title-icon{font-size:1.4rem}.crash-canvas-wrapper{width:100%;height:100%;min-height:460px;padding:0}.crash-canvas{width:100%;height:100%;min-height:460px;display:block}.dice-direction-toggle{display:flex;gap:4px;background:var(--bg-input);border-radius:var(--radius);padding:3px}.dice-dir-btn{flex:1;padding:10px;border-radius:calc(var(--radius) - 2px);font-weight:600;font-size:.82rem;color:var(--text-muted);transition:all .2s}.dice-dir-btn.active.under{background:var(--green-dim);color:var(--green)}.dice-dir-btn.active.over{background:var(--red-dim);color:var(--red)}.dice-stats{display:flex;gap:8px}.dice-stat{flex:1;padding:10px;background:var(--bg-input);border-radius:var(--radius-sm);text-align:center}.dice-stat-label{display:block;font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.dice-stat-value{display:block;font-weight:700;font-size:.9rem;font-variant-numeric:tabular-nums}.dice-arena-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;min-height:460px;gap:60px}.dice-result-display{width:220px;height:220px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border:3px solid var(--border);transition:all .3s var(--ease-out)}.dice-result-display.win{border-color:var(--green);box-shadow:0 0 40px #2ed57333}.dice-result-display.lose{border-color:var(--red);box-shadow:0 0 40px #ff475733}.dice-result-number{font-size:3rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.dice-slider-container{width:100%;max-width:600px;position:relative}.dice-slider-track{height:12px;background:var(--bg-hover);border-radius:6px;position:relative;overflow:visible}.dice-slider-fill{height:100%;border-radius:6px;transition:width .15s}.dice-roll-marker{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2;animation:fadeIn .3s var(--ease-out)}.dice-roll-marker-dot{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--bg-primary);box-shadow:0 0 10px #ffffff4d}.dice-slider-input{position:absolute;top:0;left:0;width:100%;height:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;z-index:3}.dice-slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--teal);border:3px solid var(--bg-primary);box-shadow:0 2px 8px #00e5c84d;cursor:grab}.dice-slider-input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--teal);border:3px solid var(--bg-primary);cursor:grab}.dice-slider-labels{display:flex;justify-content:space-between;margin-top:10px;font-size:.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.dice-target-label{color:var(--teal);font-weight:700;font-size:.85rem}.plinko-risk-btns,.plinko-rows-btns{display:flex;gap:4px;background:var(--bg-input);border-radius:var(--radius);padding:3px}.plinko-risk-btn{flex:1;padding:9px;border-radius:calc(var(--radius) - 2px);font-weight:600;font-size:.82rem;color:var(--text-muted);transition:all .2s}.plinko-risk-btn.active{background:var(--bg-card);color:var(--gold);box-shadow:0 2px 8px #0003}.plinko-canvas-wrapper{width:100%;height:100%;min-height:500px}.plinko-canvas{width:100%;height:100%;min-height:500px;display:block}.bj-page{display:flex;flex-direction:column;animation:fadeIn .3s var(--ease-out);margin:-24px -24px 0;min-height:calc(100vh - 64px)}.bj-table-wrap{position:relative;width:100%;height:0;padding-bottom:52%}.bj-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.bj-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bj-overlay>*{pointer-events:auto}.ov-dealer{position:absolute;top:20%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.ov-spot{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;transition:filter .2s}.ov-spot-active{filter:drop-shadow(0 0 14px rgba(255,215,0,.6))}.active-indicator{position:absolute;transform:translate(-50%);color:gold;font-size:.6rem;font-weight:800;letter-spacing:.1em;text-align:center;animation:pulseGlow 1s ease infinite;pointer-events:none}@keyframes pulseGlow{0%,to{opacity:.7}50%{opacity:1}}.ov-cards{display:flex;justify-content:center}.ov-cards .bj-card{margin-left:-8px}.ov-cards .bj-card:first-child{margin-left:0}.bj-card{width:clamp(50px,5.8vw,72px);height:clamp(70px,8.1vw,100px);border-radius:6px;box-shadow:0 3px 12px #0000008c;animation:dealCard .35s var(--ease-out) both;flex-shrink:0;position:relative}@keyframes dealCard{0%{opacity:0;transform:translateY(-60px) rotateY(90deg) scale(.6)}60%{opacity:1;transform:translateY(4px) rotateY(-5deg) scale(1.02)}to{opacity:1;transform:translateY(0) rotateY(0) scale(1)}}.card-front{width:100%;height:100%;background:linear-gradient(160deg,#fff,#f8f8f5 40%,#f0efe8);border-radius:6px;position:relative;padding:4px;overflow:hidden}.card-front:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border:1px solid rgba(0,0,0,.07);border-radius:4px}.card-front:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.3) 45%,transparent 50%);pointer-events:none}.card-red{color:#c10}.card-black{color:#1a1a1a}.card-tl{display:flex;flex-direction:column;align-items:center;position:absolute;top:3px;left:4px}.card-br{display:flex;flex-direction:column;align-items:center;position:absolute;bottom:3px;right:4px;transform:rotate(180deg)}.card-rank{font-size:clamp(.75rem,1.1vw,.95rem);font-weight:800;line-height:1}.card-suit-sm{font-size:clamp(.45rem,.7vw,.6rem);line-height:1;margin-top:-1px}.card-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(1.3rem,2.4vw,1.9rem);opacity:.85}.card-back{width:100%;height:100%;background:linear-gradient(145deg,#9b2020,#b22222 20%,#a51a1a,#8b0000 60%,#6b0000);border-radius:6px;padding:3px}.card-back-inner{width:100%;height:100%;border-radius:3px;border:1.5px solid rgba(255,255,255,.15);position:relative;overflow:hidden;background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(255,255,255,.04) 4px,rgba(255,255,255,.04) 8px),repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(255,255,255,.04) 4px,rgba(255,255,255,.04) 8px),radial-gradient(ellipse at center,rgba(180,30,30,.3) 0%,transparent 70%)}.card-back-diamond{position:absolute;top:50%;left:50%;width:22px;height:22px;transform:translate(-50%,-50%) rotate(45deg);border:2px solid rgba(255,215,0,.5);background:#ffd70014}.card-back-diamond.d2{width:12px;height:12px;border-color:#ffd70099;background:#ffd7001f}.hv-badge{padding:2px 8px;border-radius:4px;font-weight:800;font-size:.7rem;color:#fff;background:#000000a6;border:1px solid rgba(255,255,255,.15);text-align:center;letter-spacing:.05em;line-height:1.2}.hv-spot{align-self:flex-start}.hv-bust{background:#c0392bd9;border-color:#e74c3c66;color:#ff6b6b}.hv-bj{background:#c9a227d9;border-color:#ffd70080;color:#1a0e08}.doubled-badge{padding:1px 6px;border-radius:3px;font-size:.5rem;font-weight:800;letter-spacing:.1em;color:#fff;background:#9b59b6cc;border:1px solid rgba(155,89,182,.5);text-align:center;animation:fadeIn .3s ease}.spot-result-side{position:absolute;top:50%;transform:translateY(-50%);text-align:center;padding:6px 10px;border-radius:6px;animation:resultPop .4s cubic-bezier(.23,1,.32,1) both;white-space:nowrap;z-index:25;min-width:70px}@keyframes resultPop{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}.spot-result-left{right:calc(100% + 10px)}.spot-result-right{left:calc(100% + 10px)}.sr-win{background:#2ecc714d;border:2px solid rgba(46,204,113,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 12px #2ecc714d}.sr-push{background:#3498db4d;border:2px solid rgba(52,152,219,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 12px #3498db4d}.sr-lose{background:#e74c3c4d;border:2px solid rgba(231,76,60,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 12px #e74c3c4d}.sr-label{font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.8)}.sr-win .sr-label{color:#5fff97}.sr-push .sr-label{color:#74c0ff}.sr-lose .sr-label{color:#ff8a7a}.sr-amount{font-size:.85rem;font-weight:900;text-shadow:0 1px 4px rgba(0,0,0,.8)}.sr-win .sr-amount{color:#5fff97}.sr-push .sr-amount{color:#74c0ff}.sr-lose .sr-amount{color:#ff8a7a}.sr-doubled{font-size:.5rem;color:#fff9;font-weight:600;margin-top:1px}.side-bet-results{display:flex;flex-direction:column;gap:3px;align-items:center;margin-top:3px;animation:fadeIn .4s ease}.sb-result{padding:3px 8px;border-radius:4px;font-weight:700;white-space:nowrap;display:flex;gap:6px;align-items:center}.sb-win{background:#ffd70033;border:1.5px solid rgba(255,215,0,.6);color:gold;box-shadow:0 0 8px #ffd70033}.sb-lose{background:#e74c3c26;border:1px solid rgba(231,76,60,.4);color:#ff8a7a}.sb-type{font-size:.5rem;text-transform:uppercase;letter-spacing:.06em}.sb-pay{font-size:.65rem;font-weight:900;color:#5fff97}.fw-wrap{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none;z-index:30}.fw-flash-ring{position:absolute;top:0;left:0;width:60px;height:60px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(255,215,0,.8);background:radial-gradient(circle,rgba(255,215,0,.4),transparent 60%);animation:fwRing .7s ease-out forwards}@keyframes fwRing{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}.fw-dot{position:absolute;top:0;left:0;border-radius:50%;animation:fwDot .9s ease-out forwards;opacity:0;box-shadow:0 0 4px currentColor}@keyframes fwDot{0%{opacity:1;transform:translate(-50%,-50%) translate(0) scale(1)}30%{opacity:1;transform:translate(-50%,-50%) translate(var(--end-x),var(--end-y)) scale(1.3)}to{opacity:0;transform:translate(-50%,-50%) translate(var(--end-x),var(--end-y)) scale(0)}}.bj-result{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:20;animation:fadeInUp .4s var(--ease-out)}.result-text{font-family:var(--font-display);font-size:clamp(1.3rem,3.5vw,2.2rem);font-weight:700;letter-spacing:.08em;padding:10px 28px;border-radius:10px;text-shadow:0 3px 15px rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.result-win .result-text{color:gold;background:#0000008c;border:2px solid rgba(255,215,0,.5)}.result-lose .result-text{color:#ff6b6b;background:#0000008c;border:2px solid rgba(255,107,107,.35)}.result-push .result-text{color:#74b9ff;background:#0000008c;border:2px solid rgba(116,185,255,.35)}.result-pay{font-size:1.1rem;font-weight:700;color:#2ecc71;margin-top:5px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.result-ins-won{font-size:.75rem;font-weight:700;color:gold;margin-top:3px}.result-ins-lost{font-size:.7rem;font-weight:600;color:#ff6b6bb3;margin-top:3px}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.bj-insurance-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:30;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .3s ease}.bj-insurance-box{background:linear-gradient(145deg,#1a1a38,#0e0e20);border:2px solid rgba(201,162,39,.6);border-radius:12px;padding:20px 28px;text-align:center;box-shadow:0 8px 40px #000000b3,0 0 30px #c9a22726;max-width:320px;width:90%}.ins-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:gold;letter-spacing:.1em;margin-bottom:6px}.ins-desc{font-size:.75rem;color:#fff9;margin-bottom:12px;line-height:1.4}.ins-spots{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.ins-spot-row{display:flex;justify-content:space-between;padding:4px 8px;background:#ffffff0a;border-radius:4px}.ins-spot-label{font-size:.7rem;font-weight:600;color:#ffffff80}.ins-spot-val{font-size:.7rem;font-weight:700;color:gold}.ins-total{font-size:.85rem;font-weight:700;color:#fff;margin-bottom:14px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.ins-btns{display:flex;gap:8px;justify-content:center}.ins-btns .abtn{font-size:.75rem;padding:10px 16px}.ov-prompt{position:absolute;top:44%;left:50%;transform:translate(-50%);color:#ffffff80;font-size:.9rem;font-weight:600;text-align:center;letter-spacing:.05em;text-shadow:0 2px 8px rgba(0,0,0,.5);pointer-events:none}.dealing-pulse{animation:pulseGlow .8s ease infinite;color:#ffd700b3}.bj-error{text-align:center;color:#ff6b6b;font-size:.8rem;font-weight:600;padding:4px 0;animation:fadeIn .2s ease}.bj-bar{background:linear-gradient(180deg,#1a1a38,#0e0e20);border-top:2px solid #2a1508;flex-shrink:0;padding:8px 12px 10px}.bj-hist{display:flex;justify-content:center;gap:4px;min-height:8px;margin:0 auto 6px}.hd{width:8px;height:8px;border-radius:50%}.hw{background:#2ecc71;box-shadow:0 0 4px #2ecc7180}.hl{background:#e74c3c;box-shadow:0 0 4px #e74c3c80}.hp{background:#3498db;box-shadow:0 0 4px #3498db80}.bj-bar-row{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative}.log-toggle{cursor:pointer;display:flex;align-items:center;flex-shrink:0}.log-toggle input{display:none}.log-toggle-icon{width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff6;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.log-toggle input:checked+.log-toggle-icon{border-color:#c9a22799;color:gold;background:#c9a2271f}.log-toggle:hover .log-toggle-icon{border-color:#c9a22766;color:#fff9}.bj-chips-tray{display:flex;align-items:flex-end;gap:6px;padding:18px 12px 6px;background:linear-gradient(180deg,#1e1e3a,#0c0c1e);border-radius:40px;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 2px 8px #00000080;flex-shrink:0;max-width:250px;overflow-x:auto;overflow-y:visible;scrollbar-width:none}.bj-chips-tray::-webkit-scrollbar{display:none}.chip-btn{width:46px;height:46px;border-radius:50%;cursor:pointer;transition:all .2s;position:relative;background:none;border:none;padding:0;flex-shrink:0}.chip-btn:hover:not(:disabled){transform:translateY(-4px) scale(1.08)}.chip-selected{transform:translateY(-14px) scale(1.3)!important;z-index:5;filter:brightness(1.15)}.chip-btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.chip-face{width:100%;height:100%;border-radius:50%;position:relative;box-shadow:0 4px 10px #0009,inset 0 2px 3px #fff3,inset 0 -2px 3px #0000004d;display:flex;align-items:center;justify-content:center;overflow:hidden}.chip-face:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;border:3px dashed var(--chip-dash,rgba(255,255,255,.35))}.chip-face:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;border:2px solid var(--chip-inner,rgba(255,255,255,.18));background:var(--chip-center,rgba(0,0,0,.08))}.chip-denom{position:relative;z-index:2;font-weight:800;font-size:.75rem;text-shadow:0 1px 3px rgba(0,0,0,.7);line-height:1}.chip-selected .chip-face{box-shadow:0 8px 24px #000000b3,0 0 24px #ffd70099,inset 0 2px 3px #ffffff4d,inset 0 -2px 3px #0000004d}.chip-selected .chip-face:before{border-color:gold;border-style:solid}.bj-bals-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;flex-shrink:0;z-index:1}.bl{text-align:center}.bl-l{display:block;font-size:.55rem;color:#ffffff59;letter-spacing:.1em;font-weight:600;text-transform:uppercase}.bl-v{display:block;font-size:1rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.bj-acts{display:flex;align-items:center;gap:6px;flex-shrink:0}.abtn{padding:10px 18px;border-radius:8px;font-weight:700;font-size:.8rem;letter-spacing:.05em;cursor:pointer;transition:all .15s;border:none;text-transform:uppercase;color:#fff;display:flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0}.abtn:disabled{opacity:.35;cursor:not-allowed}.abtn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.15)}.abtn-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:900;background:#fff3;flex-shrink:0}.a-deal{background:linear-gradient(135deg,#1e8449,#27ae60);box-shadow:0 3px 12px #27ae6066}.a-hit{background:linear-gradient(135deg,#2471a3,#2e86c1);box-shadow:0 3px 12px #2e86c166}.a-stand{background:linear-gradient(135deg,#ca6f1e,#e67e22);box-shadow:0 3px 12px #e67e2266}.a-dbl{background:linear-gradient(135deg,#7d3c98,#9b59b6);box-shadow:0 3px 12px #9b59b666}.a-clear{background:linear-gradient(135deg,#922b21,#c0392b);box-shadow:0 3px 12px #c0392b59}.a-undo{background:linear-gradient(135deg,#2c3e50,#34495e);box-shadow:0 3px 12px #34495e59}.hand-log{max-width:1200px;margin:8px auto 0;padding:10px;background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:6px;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(201,162,39,.3) transparent;animation:fadeIn .3s ease}.hand-log-title{font-size:.55rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#ffffff4d;margin-bottom:6px}.hand-log-empty{font-size:.6rem;color:#fff3;font-style:italic}.hl-row{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border-radius:4px;margin-bottom:2px;font-size:.62rem;gap:8px}.hl-win{background:#2ecc710f;border-left:2px solid rgba(46,204,113,.5)}.hl-push{background:#3498db0f;border-left:2px solid rgba(52,152,219,.4)}.hl-lose{background:#e74c3c0f;border-left:2px solid rgba(231,76,60,.4)}.hl-cards{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.hl-spot{display:inline-flex;align-items:center;gap:3px}.hl-hand{color:#ffffffb3;font-weight:500;font-family:monospace;font-size:.6rem}.hl-val{color:#fff6;font-size:.55rem}.hl-dbl{color:#9b59b6;font-size:.5rem;font-weight:700}.hl-side-win{color:gold;font-size:.5rem;font-weight:700;padding:1px 4px;background:#ffd7001a;border-radius:2px}.hl-vs{color:#fff3;font-size:.5rem;font-weight:600}.hl-dealer{color:#ffffff80;font-family:monospace;font-size:.6rem}.hl-result{flex-shrink:0}.hl-profit{font-weight:800;font-size:.7rem}.hl-pos{color:#5fff97}.hl-neg{color:#ff8a7a}.hl-even{color:#74c0ff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.bj-bar-row{flex-wrap:wrap;justify-content:center;gap:8px}.bj-chips-tray{order:1;max-width:220px}.bj-bals-center{order:2;position:static;transform:none}.bj-acts{order:3}}@media (max-width:768px){.bj-table-wrap{padding-bottom:60%}.chip-btn{width:40px;height:40px}.chip-denom{font-size:.65rem}.abtn{padding:8px 14px;font-size:.74rem}.bj-card{width:clamp(44px,5vw,62px);height:clamp(62px,7vw,87px)}.spot-result-side{padding:4px 7px;min-width:60px}.sr-label{font-size:.55rem}.sr-amount{font-size:.72rem}}@media (max-width:480px){.bj-table-wrap{padding-bottom:70%}.chip-btn{width:34px;height:34px}.chip-denom{font-size:.58rem}.abtn{padding:7px 10px;font-size:.68rem}.bl-v{font-size:.85rem}.bj-chips-tray{max-width:180px}.bj-card{width:clamp(38px,4.5vw,52px);height:clamp(53px,6.3vw,73px)}.spot-result-side{padding:3px 5px;min-width:50px}.ins-btns{flex-direction:column}}.roulette-page .game-arena{overflow-x:auto}.roulette-arena{display:flex;flex-direction:column}.roulette-chips{display:flex;gap:6px}.roulette-chip{width:44px;height:44px;border-radius:50%;border:3px dashed var(--border-light);font-weight:800;font-size:.78rem;color:var(--text-secondary);transition:all .2s;display:flex;align-items:center;justify-content:center;background:var(--bg-input)}.roulette-chip.active{border-color:var(--gold);border-style:solid;color:var(--gold);background:var(--gold-dim);box-shadow:0 0 12px #c9a22733;transform:scale(1.1)}.roulette-bet-summary{display:flex;gap:8px}.roulette-bet-summary .dice-stat{flex:1}.roulette-spinning-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0e14d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:10;font-size:1.1rem;font-weight:600;color:var(--text-secondary);animation:fadeIn .3s ease}.roulette-wheel-anim{width:100px;height:100px;border:4px solid var(--border);border-top-color:var(--gold);border-right-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}.roulette-grid-wrapper{padding:24px;overflow-x:auto}.roulette-grid{display:flex;flex-direction:column;gap:0;min-width:600px}.roulette-numbers{display:flex;flex-direction:column}.roulette-row{display:flex}.roulette-cell{min-width:46px;height:46px;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.82rem;transition:all .15s;position:relative;cursor:pointer;flex:1}.roulette-cell:hover{filter:brightness(1.4);z-index:2}.roulette-cell.red{background:#c81e1eb3;color:#fff}.roulette-cell.black{background:#1e1e28e6;color:#ddd}.roulette-cell.zero{background:#1e823cb3;color:#fff;grid-row:span 3;min-height:138px}.roulette-cell.winning{box-shadow:inset 0 0 0 2px var(--gold),0 0 20px #c9a22766;animation:glow 1s ease-in-out infinite}.roulette-cell.has-bet:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:2px solid var(--gold);border-radius:3px;pointer-events:none}.cell-chip{position:absolute;top:2px;right:2px;background:var(--gold);color:#000;font-size:.6rem;font-weight:800;padding:1px 4px;border-radius:3px;line-height:1.2}.outside-cell{background:var(--bg-input);color:var(--text-secondary)}.outside-cell.wide{flex:4}.red-bet{background:#c81e1e4d!important;color:var(--red)!important}.black-bet{background:#3c3c4680!important;color:var(--text-secondary)!important}.roulette-outside{display:flex;flex-direction:column}.roulette-outside-row{display:flex}.roulette-outside-row .roulette-cell,.roulette-cols-row .roulette-cell{flex:1}.roulette-result-number{font-weight:800;font-size:1.1rem}@media (max-width: 700px){.roulette-cell{min-width:36px;height:36px;font-size:.72rem}}:root{--bg-primary: #0c0e14;--bg-secondary: #111520;--bg-card: #161a26;--bg-input: #1a1f2e;--bg-hover: #1e2436;--bg-elevated: #1c2233;--teal: #00e5c8;--teal-rgb: 0, 229, 200;--teal-dim: rgba(0, 229, 200, .12);--teal-glow: 0 0 20px rgba(0, 229, 200, .3);--gold: #c9a227;--gold-rgb: 201, 162, 39;--gold-dim: rgba(201, 162, 39, .12);--gold-glow: 0 0 20px rgba(201, 162, 39, .35);--red: #ff4757;--red-dim: rgba(255, 71, 87, .12);--green: #2ed573;--green-dim: rgba(46, 213, 115, .12);--blue: #3b82f6;--orange: #ff9f43;--purple: #a855f7;--text-primary: #e8eaed;--text-secondary: #8a8f9c;--text-muted: #555a68;--border: #1e2436;--border-light: #2a3045;--radius-xs: 4px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--font-body: "DM Sans", -apple-system, sans-serif;--font-display: "Playfair Display", Georgia, serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.5}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}::selection{background:#00e5c840;color:#fff}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}#root{display:flex;flex-direction:column;min-height:100vh}.page-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px 24px 48px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 15px #00e5c833}50%{box-shadow:0 0 30px #00e5c866}}.animate-in{animation:fadeIn .4s var(--ease-out) both}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius);font-weight:600;font-size:.9rem;letter-spacing:.01em;transition:all .2s var(--ease-out);white-space:nowrap;position:relative;overflow:hidden}.btn-primary{background:var(--teal);color:#0c0e14}.btn-primary:hover{background:#00ffdf;box-shadow:var(--teal-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--border-light);color:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.btn-gold{background:var(--gold);color:#0c0e14}.btn-gold:hover{background:#d9b22e;box-shadow:var(--gold-glow);transform:translateY(-1px)}.btn-ghost{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--border-light)}.btn-danger{background:var(--red-dim);color:var(--red);border:1px solid rgba(255,71,87,.2)}.btn-danger:hover{background:#ff475733}.btn-sm{padding:8px 16px;font-size:.82rem}.btn-lg{padding:16px 32px;font-size:1rem}.btn-block{width:100%}.input-field{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.9rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-dim);outline:none}.input-field::placeholder{color:var(--text-muted)}.input-label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-glow:hover{border-color:#00e5c833;box-shadow:0 4px 24px #0000004d,0 0 0 1px #00e5c814}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-teal{background:var(--teal-dim);color:var(--teal)}.badge-gold{background:var(--gold-dim);color:var(--gold)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-green{background:var(--green-dim);color:var(--green)}.divider{height:1px;background:var(--border);margin:16px 0}.spinner{width:20px;height:20px;border:2px solid var(--border-light);border-top-color:var(--teal);border-radius:50%;animation:spin .6s linear infinite}.toast-container{position:fixed;top:80px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:14px 20px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);font-size:.85rem;animation:slideDown .3s var(--ease-out);box-shadow:0 8px 32px #0006;max-width:360px}.toast-success{border-left:3px solid var(--green)}.toast-error{border-left:3px solid var(--red)}.toast-info{border-left:3px solid var(--teal)}.game-page{display:grid;grid-template-columns:320px 1fr;gap:20px;animation:fadeIn .3s var(--ease-out)}.game-controls{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:20px;height:fit-content;position:sticky;top:90px}.game-arena{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;min-height:500px;position:relative}.bet-input-group{display:flex;flex-direction:column;gap:6px}.bet-input-row{display:flex;gap:6px}.bet-input-row .input-field{flex:1}.bet-multiplier-btns{display:flex;gap:4px}.bet-multiplier-btns button{padding:8px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.78rem;font-weight:600;transition:all .15s}.bet-multiplier-btns button:hover{background:var(--bg-hover);color:var(--text-primary)}.game-result{text-align:center;padding:12px;border-radius:var(--radius);font-weight:700;font-size:.9rem;animation:fadeIn .3s var(--ease-out)}.game-result.win{background:var(--green-dim);color:var(--green)}.game-result.lose{background:var(--red-dim);color:var(--red)}.game-history-bar{display:flex;gap:6px;padding:12px 16px;overflow-x:auto;border-bottom:1px solid var(--border)}.history-pill{padding:4px 10px;border-radius:100px;font-size:.75rem;font-weight:600;white-space:nowrap;flex-shrink:0}@media (max-width: 900px){.game-page{grid-template-columns:1fr}.game-controls{position:static;order:1}.game-arena{order:0;min-height:350px}.page-content{padding:16px 12px 32px}}