.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-fullscreen{position:fixed;inset:0;background:#000c;z-index:9999}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.loading-text{margin-top:1rem;color:#fff;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:90vw;width:400px}.toast{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;background:#fff;box-shadow:0 4px 12px #00000026;cursor:pointer;animation:slideIn .3s ease-out}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:16px}.toast-message{flex:1;font-size:14px;line-height:1.5;color:#1f2937;font-weight:500}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{background:#d1fae5;color:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{background:#fee2e2;color:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{background:#fef3c7;color:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{background:#dbeafe;color:#3b82f6}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:480px){.toast-container{top:10px;right:10px;left:10px;width:auto}}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-small{padding:8px 16px;font-size:14px}.btn-medium{padding:12px 24px;font-size:16px}.btn-large{padding:16px 32px;font-size:18px}.btn-full{width:100%}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.bet-selector{display:flex;flex-direction:column;gap:1.5rem;overflow:visible;position:relative;z-index:1}.bet-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.category-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;background:#ffffff0d;border:2px solid transparent;border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s}.category-btn:hover{background:#ffffff1a;border-color:#667eea4d}.category-btn.active{background:#667eea33;border-color:#667eea;color:#fff}.category-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.category-icon svg{width:1.5rem;height:1.5rem}.category-label{font-size:.875rem;font-weight:600}.amount-selector{overflow:visible!important;position:relative;z-index:100}.amount-selector h3{font-size:1rem;margin-bottom:1rem;color:#e2e8f0}.chip-container{position:relative;z-index:100;overflow:visible;padding:0;margin:0}.chip-scroll-wrapper{display:flex;flex-wrap:nowrap;gap:1rem;padding:1.5rem .5rem;margin:-.8rem 0;overflow-x:auto;overflow-y:visible;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.5) rgba(255,255,255,.1);justify-content:flex-start;align-items:center}.chip-scroll-wrapper::-webkit-scrollbar{height:8px}.chip-scroll-wrapper::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.chip-scroll-wrapper::-webkit-scrollbar-thumb{background:#667eea80;border-radius:4px}.chip-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#667eeab3}.chip{width:80px;height:80px;min-width:80px;min-height:80px;border-radius:50%;background:radial-gradient(ellipse 60% 30% at 50% 20%,rgba(255,255,255,.4),transparent),conic-gradient(from 0deg,var(--chip-color, #94a3b8) 0deg 35deg,#ffffff 35deg 50deg,var(--chip-color, #94a3b8) 50deg 80deg,#ffffff 80deg 95deg,var(--chip-color, #94a3b8) 95deg 125deg,#ffffff 125deg 140deg,var(--chip-color, #94a3b8) 140deg 170deg,#ffffff 170deg 185deg,var(--chip-color, #94a3b8) 185deg 215deg,#ffffff 215deg 230deg,var(--chip-color, #94a3b8) 230deg 260deg,#ffffff 260deg 275deg,var(--chip-color, #94a3b8) 275deg 305deg,#ffffff 305deg 320deg,var(--chip-color, #94a3b8) 320deg 350deg,#ffffff 350deg 360deg);border:4px solid var(--chip-color, #94a3b8);cursor:pointer;position:relative;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #000000b3,0 3px 8px #00000080,inset 0 1px #fff9,inset 0 -1px #00000080;transform:translateZ(0);will-change:transform}.chip:before{content:"";position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff,#f8f8f8,#eee);border:2.5px solid var(--chip-color, #94a3b8);box-shadow:0 2px 6px #0006,inset 0 1px 2px #ffffffe6,inset 0 -1px 2px #0000001a;pointer-events:none}.chip:after{content:"";position:absolute;inset:8px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);pointer-events:none;box-shadow:inset 0 0 0 1px #0003,0 0 0 1px #ffffff1a}.chip:hover{transform:translateY(-4px) scale(1.05);z-index:10;box-shadow:0 12px 28px #000000bf,0 6px 14px #0000008c,0 0 8px var(--chip-color, #94a3b8),inset 0 1px #fffc,inset 0 -1px #0009}.chip:active{transform:translateY(-2px) scale(1.02);z-index:10;box-shadow:0 6px 14px #0009,0 3px 7px #00000073,inset 0 1px #ffffff80,inset 0 -1px #0006}.chip.active{transform:translateY(-5px) scale(1.08) rotate(5deg);z-index:20;box-shadow:0 16px 36px #000c,0 8px 18px #0009,0 0 10px var(--chip-color, #94a3b8),0 0 18px var(--chip-color, #94a3b8),inset 0 2px #ffffffe6,inset 0 -2px #000000b3;animation:chipPulse 1.5s ease-in-out infinite}@keyframes chipPulse{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.2) saturate(1.3)}}.chip-inner{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chip-amount,.chip-label{font-size:1.5rem;font-weight:900;color:var(--chip-color, #1a1a1a);text-shadow:0 2px 4px rgba(0,0,0,.3),0 1px 0 rgba(255,255,255,.3),0 -1px 0 rgba(0,0,0,.2);letter-spacing:-.5px;font-family:Arial Black,Impact,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1;-webkit-text-stroke:.5px rgba(255,255,255,.3)}.chip-amount.size-3{font-size:1.25rem;letter-spacing:-.8px}.chip-amount.size-4{font-size:1rem;letter-spacing:-1px;font-weight:800}.chip-amount.size-5{font-size:.85rem;letter-spacing:-1.2px;font-weight:800}.chip-amount.size-6{font-size:.7rem;letter-spacing:-1.5px;font-weight:800}.chip.add-custom{--chip-color: #94a3b8;border-style:dashed;opacity:.7}.chip.add-custom .chip-amount{font-size:2.5rem;font-weight:300;letter-spacing:0;line-height:.7;transform:translateY(-4px)}.chip.add-custom:hover{opacity:1;border-style:dashed}.remove-chip-btn{position:absolute;top:-4px;right:-4px;width:24px;height:24px;border-radius:50%;background:#ef4444;color:#fff;border:2px solid #1e293b;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:2;padding:0;font-weight:700}.remove-chip-btn:hover{background:#dc2626;transform:scale(1.1)}.custom-amount-input{display:flex;gap:.5rem;margin-top:1rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-amount-input input{flex:1;padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:1rem;outline:none}.custom-amount-input input:focus{border-color:#667eea;background:#ffffff26}.custom-amount-input input::placeholder{color:#94a3b8}.custom-amount-input .confirm-btn,.custom-amount-input .cancel-btn{padding:.75rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.custom-amount-input .confirm-btn{background:#10b981;color:#fff}.custom-amount-input .confirm-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.custom-amount-input .confirm-btn:disabled{opacity:.5;cursor:not-allowed}.custom-amount-input .cancel-btn{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.custom-amount-input .cancel-btn:hover{background:#ef44444d;transform:translateY(-1px)}.betting-options{background:linear-gradient(135deg,#1e293b99,#0f172acc);border:1px solid rgba(102,126,234,.2);border-radius:16px;padding:1.5rem 1.25rem 1.25rem;box-shadow:0 4px 16px #00000026;position:relative;z-index:1;overflow:visible}.betting-options:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:16px 16px 0 0}.betting-options h3{font-size:1rem;margin-bottom:.75rem;margin-top:.5rem;color:#e2e8f0;font-weight:600;letter-spacing:.3px}.options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.option-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1rem .5rem;background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:2px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00000026}.option-btn svg{width:1.25rem;height:1.25rem;display:inline-block;vertical-align:middle;margin-right:.25rem}.option-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f64d,#3b82f633);border-color:#3b82f6;transform:translateY(-3px);box-shadow:0 4px 16px #3b82f64d}.option-btn:disabled{opacity:.3;cursor:not-allowed}.option-label{font-size:1rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.3)}.option-odds{font-size:.75rem;color:#fbbf24;font-weight:600;text-shadow:0 0 8px rgba(251,191,36,.4)}.no-options{text-align:center;padding:2rem;color:#64748b}.position-betting{display:flex;flex-direction:column;gap:1rem}.odds-info{font-size:.875rem;color:#fbbf24;font-weight:600}.position-grid{display:flex;flex-direction:column;gap:.25rem;overflow:visible}.position-header,.position-row{display:grid;grid-template-columns:60px repeat(10,minmax(0,1fr));gap:.25rem;align-items:center}.position-label{font-size:.75rem;font-weight:600;color:#94a3b8;text-align:center;padding:.5rem}.position-cell{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:0;box-sizing:border-box}.position-cell:hover{background:#3b82f64d;border-color:#3b82f6;transform:scale(1.05)}.position-cell.selected{background:#10b9814d;border-color:#10b981}.sum-betting{display:flex;flex-direction:column;gap:1.5rem}.sum-values h4,.sum-options h4{font-size:.875rem;color:#e2e8f0;margin-bottom:.75rem}.sum-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem}.sum-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.sum-btn:hover{background:#3b82f633;border-color:#3b82f6;transform:translateY(-2px)}.sum-value{font-size:1.25rem;font-weight:700}.sum-odds{font-size:.75rem;color:#fbbf24}.position-based-betting{display:flex;flex-direction:column;gap:1rem}.position-option-group{background:#ffffff08;padding:.75rem;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.position-title{font-size:.875rem;color:#e2e8f0;margin-bottom:.5rem;font-weight:600}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.dragon-tiger-betting,.dragon-tiger-grid{display:flex;flex-direction:column;gap:1rem}.dragon-tiger-item{background:#ffffff08;padding:.75rem;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.dragon-tiger-title{font-size:.875rem;color:#e2e8f0;margin-bottom:.5rem;font-weight:600;text-align:center}.dragon-tiger-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media(max-width:640px){.bet-categories{grid-template-columns:repeat(5,1fr)}.category-btn{padding:.75rem .25rem}.category-icon{font-size:1.25rem}.category-label{font-size:.75rem}.amount-buttons{grid-template-columns:repeat(3,1fr)}.options-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.bet-list{background:#ffffff0d;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.bet-list.empty{padding:2rem;text-align:center}.empty-message{color:#64748b;font-size:.875rem}.bet-list-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.bet-list-header h3{font-size:1.125rem;margin:0}.clear-btn{padding:.5rem 1rem;background:#ef444433;border:1px solid #ef4444;border-radius:6px;color:#ef4444;font-size:.875rem;cursor:pointer;transition:all .2s}.clear-btn:hover{background:#ef44444d}.bet-items{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.bet-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s}.bet-item:hover{background:#ffffff0d;border-color:#fff3}.bet-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.bet-label{font-weight:600;color:#e2e8f0}.bet-details{display:flex;gap:.5rem;align-items:center;font-size:.875rem;color:#94a3b8}.bet-amount{color:#3b82f6;font-weight:600}.bet-odds{color:#fbbf24}.bet-win{color:#10b981;font-weight:600}.remove-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:50%;color:#ef4444;font-size:1rem;cursor:pointer;transition:all .2s;flex-shrink:0}.remove-btn:hover{background:#ef444433;transform:scale(1.1)}.bet-summary{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#ffffff08;border-radius:8px}.summary-row{display:flex;justify-content:space-between;align-items:center;color:#94a3b8;font-size:.875rem}.summary-row.potential{font-size:1rem;font-weight:600;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.summary-row .amount{color:#fff;font-weight:600}.summary-row.potential .amount{color:#10b981;font-size:1.125rem}.bet-items::-webkit-scrollbar{width:6px}.bet-items::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.bet-items::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.bet-items::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.countdown{background:linear-gradient(135deg,#1e293b99,#0f172acc);border:1px solid rgba(102,126,234,.25);border-radius:16px;padding:20px;text-align:center;margin-bottom:20px;min-height:120px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 24px #0003;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;z-index:1}.countdown:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.countdown:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000004d}#roundInfo{font-size:16px;margin-bottom:10px;color:#e2e8f0;font-weight:600;letter-spacing:.5px}.waiting-message{font-size:18px;font-weight:700;color:#cbd5e1;text-shadow:0 2px 8px rgba(0,0,0,.3)}.countdown-timer{font-weight:700;margin:10px 0;transition:all .3s ease;font-variant-numeric:tabular-nums;font-family:Courier New,monospace;text-shadow:0 0 20px currentColor}.countdown-timer.large{font-size:42px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.countdown-timer.medium{font-size:28px}.countdown-timer.small{font-size:22px}#countdownLabel{font-size:14px;color:#94a3b8;font-weight:500;letter-spacing:.3px;text-transform:uppercase}@media(max-width:640px){.countdown{padding:16px;min-height:100px}.countdown-timer.large{font-size:36px}.countdown-timer.medium{font-size:24px}.countdown-timer.small{font-size:20px}#roundInfo{font-size:15px}#countdownLabel{font-size:13px}}.last-result-section{background:linear-gradient(135deg,#1e293b99,#0f172acc);border:1px solid rgba(102,126,234,.25);border-radius:16px;padding:18px 15px 15px;margin-bottom:20px;text-align:center;position:relative;box-shadow:0 8px 24px #0003;transition:transform .2s ease,box-shadow .2s ease;z-index:1}.last-result-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:16px 16px 0 0}.last-result-section:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000004d}.last-result-section.empty{padding:2rem;color:#64748b}.lr-header{display:flex;align-items:center;margin-bottom:15px;min-height:28px;padding-right:70px}.lr-title{flex:1;min-width:0;font-size:14px;color:#e2e8f0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;letter-spacing:.3px;margin-top:.25rem}.expand-btn{position:absolute!important;top:12px!important;right:12px!important;z-index:10!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;border-radius:15px!important;padding:5px 14px!important;font-size:12px!important;font-weight:500;cursor:pointer!important;box-shadow:0 2px 6px #667eea66!important;transition:all .3s!important}.expand-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea80!important}.expand-btn:active{transform:translateY(0)}.history-numbers{display:grid!important;grid-template-columns:repeat(5,36px)!important;column-gap:10px!important;row-gap:10px!important;justify-content:center!important;justify-items:center!important;margin:0 auto!important}.history-number{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;box-shadow:0 4px 12px #667eea66;border:2px solid rgba(255,255,255,.2);text-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s ease}.history-number:hover{transform:scale(1.1);box-shadow:0 6px 16px #667eea80}.history-modal{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.history-modal-content{background:#1e293b;border:1px solid rgba(102,126,234,.3);border-radius:16px;max-width:600px;width:100%;max-height:85vh;overflow:visible;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.history-header{padding:20px;border-bottom:1px solid rgba(102,126,234,.2);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:16px 16px 0 0;flex-shrink:0}.history-header h3{margin:0;font-size:18px;color:#e2e8f0;font-weight:600}.close-btn{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s;font-weight:300}.close-btn:hover{background:#ef44444d;transform:rotate(90deg)}.history-body{padding:20px;flex:1;min-height:0;overflow-y:auto;overflow-x:visible;display:flex;flex-direction:column;gap:15px}.history-record{position:relative;background:linear-gradient(135deg,#1e293b99,#0f172acc);border:1px solid rgba(102,126,234,.2);border-radius:12px;padding:18px 15px 15px;transition:all .2s;overflow:visible;box-shadow:0 4px 12px #00000026}.history-record:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:12px 12px 0 0}.history-record:hover{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border-color:#667eea66;transform:translateY(-2px);box-shadow:0 6px 16px #667eea33}.record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.record-title{font-size:14px;font-weight:600;color:#e2e8f0}.record-time{font-size:12px;color:#94a3b8}.record-numbers{display:grid;grid-template-columns:repeat(5,1fr);column-gap:10px;row-gap:10px;justify-content:center;margin-bottom:12px;max-width:280px;margin-left:auto;margin-right:auto}.record-number{width:100%;aspect-ratio:1;max-width:48px;max-height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;box-shadow:0 4px 12px #667eea66,inset 0 1px #ffffff4d;text-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s ease;margin:0 auto}.record-number:hover{transform:scale(1.1);box-shadow:0 6px 16px #667eea80,inset 0 1px #ffffff4d}.record-stats{display:flex;gap:8px;justify-content:center;padding-top:12px;margin-top:12px;border-top:1px solid rgba(102,126,234,.2)}.stat-badge{padding:6px 14px;border-radius:16px;font-size:13px;font-weight:600;background:#ffffff14;color:#e2e8f0;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 6px #0000001a;transition:all .2s ease}.stat-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.stat-badge.big{background:linear-gradient(135deg,#ef444440,#dc262640);color:#fca5a5;border-color:#ef444466}.stat-badge.small{background:linear-gradient(135deg,#3b82f640,#2563eb40);color:#93c5fd;border-color:#3b82f666}.stat-badge.odd{background:linear-gradient(135deg,#10b98140,#05966940);color:#6ee7b7;border-color:#10b98166}.stat-badge.even{background:linear-gradient(135deg,#8b5cf640,#7c3aed40);color:#c4b5fd;border-color:#8b5cf666}.history-pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:15px;padding:15px;background:#ffffff08;border-radius:8px}.pagination-btn{padding:8px 20px;background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid rgba(102,126,234,.4);border-radius:6px;color:#e2e8f0;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;min-width:80px}.loading-indicator{text-align:center;padding:30px;color:#94a3b8;font-size:14px}.history-body::-webkit-scrollbar{width:8px}.history-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.history-body::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}.history-body::-webkit-scrollbar-thumb:hover{background:#667eea80}@media(max-width:480px){.expand-btn{font-size:11px!important;padding:4px 10px!important}.history-numbers{grid-template-columns:repeat(5,32px)!important;column-gap:8px!important;row-gap:8px!important}.history-number{width:32px;height:32px;font-size:13px}.history-modal{padding:10px}.history-modal-content{max-height:90vh}.history-header,.history-body{padding:15px}.record-numbers{grid-template-columns:repeat(5,1fr);column-gap:6px;row-gap:6px;max-width:200px}.record-number{max-width:36px;max-height:36px;font-size:13px}.stat-badge{padding:5px 10px;font-size:11px}}.hot-bets-container{background:linear-gradient(135deg,#1e293b99,#0f172acc);border:1px solid rgba(102,126,234,.2);border-radius:16px;padding:1.25rem;margin-top:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 16px #00000026;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden;z-index:1}.hot-bets-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.hot-bets-container:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.hot-bets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;margin-top:.5rem}.hot-bets-title{margin:0;font-size:1rem;font-weight:600;color:#e2e8f0;display:flex;align-items:center;gap:.5rem}.hot-bets-title:before{font-size:1.125rem}.hot-bets-summary{font-size:.875rem;color:#94a3b8;font-weight:500}.hot-bets-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,.3) 50%,transparent 100%);margin-bottom:1rem}.hot-bets-list{display:flex;flex-direction:column;gap:.75rem}.hot-bet-row{display:grid;grid-template-columns:60px 1fr 50px 50px 80px;align-items:center;gap:.75rem;font-size:.875rem;padding:.5rem;border-radius:8px;transition:background .2s ease}.hot-bet-row:hover{background:#8b5cf61a}.bet-option{font-weight:600;color:#e2e8f0;text-shadow:0 1px 3px rgba(0,0,0,.3)}.bar-container{height:10px;background:#ffffff14;border-radius:5px;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}.bar-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:5px;transition:width .5s ease;box-shadow:0 0 10px #8b5cf680}.bet-percentage{font-weight:600;color:#a78bfa;text-align:right;text-shadow:0 0 10px rgba(167,139,250,.5)}.bet-count{color:#94a3b8;text-align:right;font-weight:500}.bet-amount{color:#fbbf24;font-weight:600;text-align:right;text-shadow:0 0 10px rgba(251,191,36,.4)}.hot-bets-list .empty-message{text-align:center;padding:2rem 1rem;color:#64748b;font-size:.875rem}@media(max-width:640px){.hot-bet-row{grid-template-columns:50px 1fr 45px;gap:.5rem;font-size:.8rem}.bet-count,.bet-amount{display:none}.bet-option{font-size:.875rem}}.live-player{display:flex;flex-direction:column;gap:1.5rem}.player-mode-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:8px;font-size:.875rem}.mode-label{color:#94a3b8}.mode-value{color:#667eea;font-weight:600}.player-container{background:#000;border-radius:12px;overflow:hidden;position:relative;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.player-element{width:100%;height:100%;position:absolute;top:0;left:0}.ivs-player{display:flex;align-items:center;justify-content:center}.ivs-video{width:100%;height:100%;object-fit:contain;background:#000}.player-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1rem;color:#64748b;text-align:center}.placeholder-icon{font-size:4rem;opacity:.5}.player-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.no-stream{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1rem;color:#64748b;text-align:center}.no-stream-icon{font-size:4rem;opacity:.5}.no-stream .hint{font-size:.875rem;color:#475569}.stream-info{background:#ffffff0d;border-radius:12px;padding:1.5rem}.stream-info h4{font-size:1rem;margin:0 0 1rem;color:#e2e8f0}.info-grid{display:flex;flex-direction:column;gap:.75rem}.info-item{display:flex;justify-content:space-between;padding:.75rem;background:#ffffff08;border-radius:6px;font-size:.875rem}.info-label{color:#94a3b8}.info-value{color:#e2e8f0;font-weight:600;word-break:break-all}.viewer-stats{display:flex;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:12px;justify-content:space-around}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.25rem;font-weight:700;color:#e2e8f0}.stat-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase}.stat-badge{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600}.stat-badge.live{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;animation:pulse 2s ease-in-out infinite}.stat-badge.offline{background:#94a3b833;color:#94a3b8}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:640px){.player-controls{gap:.75rem}.no-stream{padding:2rem 1rem}.no-stream-icon,.placeholder-icon{font-size:3rem}}.user-profile{display:flex;flex-direction:column;gap:1.5rem;max-width:600px;margin:0 auto;padding:.5rem}.user-profile.empty{text-align:center;padding:2rem;color:#64748b}.profile-header{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 2rem;background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:20px;border:1px solid rgba(102,126,234,.2);box-shadow:0 8px 32px #0003;position:relative;overflow:hidden}.profile-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.profile-avatar{width:100px;height:100px;border-radius:50%;border:4px solid rgba(102,126,234,.3);box-shadow:0 8px 24px #667eea4d;transition:transform .3s ease,box-shadow .3s ease}.profile-avatar:hover{transform:scale(1.05);box-shadow:0 12px 32px #667eea66}.profile-name{font-size:1.5rem;font-weight:700;margin:0;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.profile-status{font-size:.875rem;color:#cbd5e1;text-align:center;margin:0;opacity:.9}.profile-info-card,.app-info{background:linear-gradient(135deg,#1e293b99,#0f172acc);border:1px solid rgba(102,126,234,.2);border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px #00000026;transition:transform .2s ease,box-shadow .2s ease}.profile-info-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.profile-info-card h3,.app-info h3{font-size:1.125rem;margin:0 0 1.25rem;color:#e2e8f0;font-weight:600;display:flex;align-items:center;gap:.5rem}.profile-info-card h3:before{content:"";width:4px;height:1.125rem;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px}.info-list{display:flex;flex-direction:column;gap:0}.info-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.06);transition:background .2s ease}.info-row:last-child{border-bottom:none}.info-row.highlight{background:linear-gradient(135deg,#10b9811a,#0596690d);padding:1.25rem 1rem;margin:.75rem -1rem;border-radius:12px;border:1px solid rgba(16,185,129,.2);box-shadow:0 0 20px #10b9811a;position:relative;overflow:hidden}.info-row.highlight:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#10b981,#059669)}.info-label{font-size:.875rem;color:#94a3b8;font-weight:500;letter-spacing:.3px}.info-value{font-size:.875rem;color:#e2e8f0;font-weight:600;word-break:break-all;text-align:right;max-width:60%}.info-row.highlight .info-label{color:#a7f3d0;font-weight:600}.info-row.highlight .info-value{color:#fff}.info-value-with-copy{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:flex-end}.info-value.user-id{font-family:Courier New,monospace;font-size:.813rem;word-break:break-all;max-width:none}.copy-btn{background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:6px;padding:.5rem;color:#667eea;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;flex-shrink:0}.copy-btn:hover{background:#667eea33;border-color:#667eea80;transform:translateY(-1px)}.copy-btn:active{transform:translateY(0)}.copy-btn svg{font-size:.875rem}.copy-btn .icon-success{color:#10b981}.info-value.balance{font-size:1.75rem;color:#10b981;font-weight:700;text-shadow:0 0 20px rgba(16,185,129,.4);letter-spacing:1px;animation:balanceGlow 2s ease-in-out infinite}@keyframes balanceGlow{0%,to{text-shadow:0 0 20px rgba(16,185,129,.4)}50%{text-shadow:0 0 25px rgba(16,185,129,.6)}}.ban-notice{display:flex;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid rgba(239,68,68,.3);border-radius:16px;box-shadow:0 4px 16px #ef444433;position:relative;overflow:hidden}.ban-notice:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#ef4444,#dc2626)}.ban-icon{font-size:2rem;flex-shrink:0}.ban-content{flex:1}.ban-content h4{margin:0 0 .5rem;color:#ef4444;font-size:1rem}.ban-content p{margin:.25rem 0;font-size:.875rem;color:#fca5a5}.ban-time,.ban-until{font-size:.75rem!important;color:#94a3b8!important;margin-top:.5rem!important}.profile-actions{display:flex;flex-direction:column;gap:.75rem}@media(max-width:640px){.profile-header{padding:1.5rem}.profile-avatar{width:80px;height:80px}.profile-name,.info-value.balance{font-size:1.25rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Microsoft JhengHei,sans-serif;background:#0f172a;color:#fff;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column}.app-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.app-header{background:linear-gradient(135deg,#1e293b,#0f172a);border-bottom:1px solid rgba(102,126,234,.3);padding:1rem 1.5rem;box-shadow:0 4px 16px #0000004d;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:1rem}.app-logo{width:80px;height:80px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 8px rgba(102,126,234,.5))}.app-logo img{width:100%;height:100%;object-fit:contain}.header-text{display:flex;flex-direction:column;gap:.25rem}.app-title{font-size:1.5rem;font-weight:800;color:#e8e8e8;letter-spacing:1px;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.6),0 0 12px rgba(139,92,246,.6),0 0 20px rgba(139,92,246,.4),0 0 30px rgba(139,92,246,.3);animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 1px 2px rgba(0,0,0,.6),0 0 12px rgba(139,92,246,.6),0 0 20px rgba(139,92,246,.4),0 0 30px rgba(139,92,246,.3)}50%{text-shadow:0 1px 3px rgba(0,0,0,.7),0 0 16px rgba(139,92,246,.8),0 0 28px rgba(139,92,246,.6),0 0 40px rgba(139,92,246,.4)}}.connection-status{display:flex;align-items:center;gap:.4rem}.status-dot{width:6px;height:6px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-dot.connected{background:#10b981;box-shadow:0 0 8px #10b981}.status-dot.disconnected{background:#ef4444;box-shadow:0 0 8px #ef4444}.status-text{font-size:.75rem;color:#94a3b8}.header-right{display:flex;align-items:center}.user-balance{display:flex;flex-direction:row;align-items:center;gap:.5rem}.balance-label{font-size:.875rem;color:#94a3b8;font-weight:500;white-space:nowrap}.balance-amount{font-size:1.5rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4),0 0 12px rgba(139,92,246,.8),0 0 24px rgba(139,92,246,.5);font-variant-numeric:tabular-nums;letter-spacing:.5px;white-space:nowrap}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.app-content{flex:1;overflow-y:auto;padding-bottom:80px}.tab-content{max-width:1200px;margin:0 auto;padding:1.5rem}.tab-content h2{margin-bottom:1.5rem;font-size:1.5rem}.game-tab{display:flex;flex-direction:column;gap:1.5rem}.game-layout{display:grid;grid-template-columns:1fr 400px;gap:1.5rem}.betting-section{display:flex;flex-direction:column;gap:1.5rem}.results-section{position:sticky;top:1.5rem;align-self:start}.live-game-info{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.live-placeholder{background:#ffffff0d;padding:4rem 2rem;border-radius:12px;text-align:center;color:#94a3b8}.history-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.history-record{position:relative;background:linear-gradient(135deg,#1e293b99,#0f172acc);border:1px solid rgba(102,126,234,.2);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.875rem;transition:all .3s ease}.history-record:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea26;border-color:#667eea66}.status-indicator{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:16px 0 0 16px}.status-indicator.win{background:linear-gradient(180deg,#10b981,#059669);box-shadow:0 0 12px #10b98180}.status-indicator.lose{background:linear-gradient(180deg,#ef4444,#dc2626);box-shadow:0 0 12px #ef44444d}.status-indicator.pending{background:linear-gradient(180deg,#f59e0b,#d97706);box-shadow:0 0 12px #f59e0b4d}.record-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.round-info{display:flex;flex-direction:column;gap:.25rem}.round-label{font-size:1.125rem;font-weight:700;color:#e2e8f0;letter-spacing:.02em}.bet-time{font-size:.75rem;color:#94a3b8;font-weight:500}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:20px;font-size:.813rem;font-weight:600;white-space:nowrap;transition:all .2s}.status-badge svg{font-size:.875rem}.status-badge.win{background:linear-gradient(135deg,#10b98133,#05966926);color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.lose{background:linear-gradient(135deg,#ef444426,#dc26261a);color:#ef4444;border:1px solid rgba(239,68,68,.25)}.status-badge.pending{background:linear-gradient(135deg,#f59e0b26,#d977061a);color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.bet-content{display:flex;flex-direction:column;gap:.5rem;padding:.875rem;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.bet-type-label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.bet-details{font-size:1rem;font-weight:600;color:#e2e8f0;line-height:1.4}.bet-amounts{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.bet-cost,.bet-win,.bet-odds{display:flex;align-items:center;gap:.5rem;flex:1}.amount-label,.odds-label{font-size:.813rem;font-weight:600;color:#94a3b8}.amount-value{font-size:1.125rem;font-weight:700;letter-spacing:.01em}.amount-value.cost{color:#ff6b6b}.amount-value.win{color:#10b981;font-size:1.25rem}.odds-value{font-size:.875rem;font-weight:700;color:#00d9ff;background:#00d9ff1a;padding:.25rem .5rem;border-radius:6px;display:inline-block;width:fit-content}.load-more-btn{width:100%;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8f0;font-size:1rem;cursor:pointer;transition:all .2s}.load-more-btn:hover:not(:disabled){background:#ffffff1a}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.history-pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:1.5rem;padding:1rem;background:#ffffff08;border-radius:8px}.pagination-btn{padding:.5rem 1.25rem;background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid rgba(102,126,234,.4);border-radius:6px;color:#e2e8f0;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;min-width:80px}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea99;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed;background:#ffffff0d;border-color:#ffffff1a}.page-info{color:#cbd5e1;font-size:14px;font-weight:600;min-width:60px;text-align:center}.loading-indicator{text-align:center;padding:2rem;color:#94a3b8;font-size:14px}.empty-message{text-align:center;padding:3rem 1rem;color:#64748b;font-size:.875rem}.app-nav{position:fixed;bottom:0;left:0;right:0;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-around;padding:.5rem;border-top:1px solid rgba(255,255,255,.1);z-index:1000}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;background:none;border:none;color:#94a3b8;cursor:pointer;transition:all .2s}.nav-btn.active{color:#667eea}.nav-icon{font-size:1.5rem}.nav-label{font-size:.75rem}@media(max-width:1024px){.game-layout{grid-template-columns:1fr}.results-section{position:static}}@media(max-width:640px){.app-header{padding:.75rem 1rem}.header-left{gap:.75rem}.app-logo{width:55px;height:55px}.app-title{font-size:1.2rem}.balance-label{font-size:.65rem}.balance-amount{font-size:1.1rem}.user-balance{padding:.5rem .875rem}.tab-content{padding:1rem}.game-tab{gap:1rem}}