.help-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.help-modal-container{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border:1px solid #fff3;border-radius:20px;width:100%;max-width:900px;max-height:90vh;animation:.4s cubic-bezier(.4,0,.2,1) slideUp;overflow:hidden;box-shadow:0 25px 50px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.help-modal-header{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);justify-content:space-between;align-items:center;padding:25px 30px;display:flex;position:relative;overflow:hidden}.help-modal-header:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;animation:3s ease-in-out infinite shimmer;position:absolute;top:-50%;right:-50%}@keyframes shimmer{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.help-modal-title{z-index:1;align-items:center;gap:12px;margin:0;font-size:1.5rem;font-weight:700;display:flex;position:relative}.help-icon{font-size:1.8rem;animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.help-modal-close{color:#fff;cursor:pointer;z-index:1;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:relative}.help-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.help-modal-content{scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc;max-height:calc(90vh - 200px);padding:30px;overflow-y:auto}.help-modal-content::-webkit-scrollbar{width:8px}.help-modal-content::-webkit-scrollbar-track{background:#f7fafc;border-radius:4px}.help-modal-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.help-modal-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.help-section{margin-bottom:40px}.help-section:last-child{margin-bottom:0}.help-section-title{color:#2d3748;border-bottom:2px solid #e2e8f0;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:10px;font-size:1.3rem;font-weight:600;display:flex}.section-icon{font-size:1.5rem}.help-steps{flex-direction:column;gap:20px;display:flex}.help-step{background:#f8fafc;border-left:4px solid #2563eb;border-radius:12px;grid-template-columns:48px 1fr;align-items:center;gap:16px;padding:20px;transition:all .3s;display:grid}.help-step:hover{transform:translate(5px);box-shadow:0 8px 25px #2563eb26}.step-number{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.step-content h4{color:#2d3748;margin:0 0 6px;font-size:1.1rem;font-weight:600}.step-content p{color:#4a5568;margin:0;line-height:1.6}.help-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px;display:grid}.help-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:25px;transition:all .3s;box-shadow:0 4px 15px #00000014}.help-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f}.help-card p{color:#2d3748;margin:0;font-weight:500;line-height:1.6}.card-title{color:#1a202c;align-items:center;gap:8px;margin-bottom:15px;font-size:1.2rem;font-weight:700;display:flex}.bet-list{margin:0;padding:0;list-style:none}.bet-list li{color:#4a5568;border-bottom:1px solid #e2e8f0;padding:8px 0}.bet-list li:last-child{border-bottom:none}.payout-table{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.payout-row{color:#2d3748;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:12px 15px;font-weight:500;display:flex}.payout-row:last-child{border-bottom:none}.payout-row:nth-child(2n){background:#f8fafc}.payout{color:#667eea;font-weight:600}.game-steps{counter-reset:step-counter;margin:0;padding:0;list-style:none}.game-steps li{counter-increment:step-counter;color:#4a5568;border-bottom:1px solid #e2e8f0;padding:12px 0 12px 35px;position:relative}.game-steps li:last-child{border-bottom:none}.game-steps li:before{content:counter(step-counter);color:#fff;background:#667eea;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:.9rem;font-weight:600;display:flex;position:absolute;top:12px;left:0}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px;display:grid}.tip-card{background:linear-gradient(135deg,#f0fff4 0%,#c6f6d5 100%);border-left:4px solid #48bb78;border-radius:15px;padding:20px;transition:all .3s}.tip-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #48bb7833}.tip-card h4{color:#2d3748;margin:0 0 10px;font-size:1rem;font-weight:600}.tip-card p{color:#2d3748;margin:0;font-size:.95rem;font-weight:500;line-height:1.5}.support-info{background:linear-gradient(135deg,#f0fff4 0%,#c6f6d5 100%);border-left:4px solid #48bb78;border-radius:15px;padding:25px}.support-info p{color:#2d3748;margin:0 0 20px;font-weight:500}.contact-methods{flex-direction:column;gap:12px;display:flex}.contact-item{color:#4a5568;background:#fff;border-radius:8px;align-items:center;gap:12px;padding:10px 15px;font-weight:500;display:flex}.contact-icon{font-size:1.2rem}.help-modal-footer{background:#f7fafc;border-top:1px solid #e2e8f0;justify-content:center;padding:20px 30px;display:flex}.help-modal-close-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:25px;padding:12px 30px;font-size:1rem;font-weight:600;transition:all .3s}.help-modal-close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}@media (max-width:768px){.help-modal-container{max-height:95vh;margin:10px}.help-modal-header{padding:20px}.help-modal-title{font-size:1.3rem}.help-modal-content{padding:20px}.help-grid,.tips-grid{grid-template-columns:1fr}.help-step{text-align:center;grid-template-columns:1fr}.step-number{margin:0 auto 10px}}@media (max-width:480px){.help-modal-backdrop{padding:10px}.help-modal-container{border-radius:15px}.help-modal-header,.help-modal-content,.help-modal-footer{padding:15px}}.help-description{background:#f8fafc;border-left:4px solid #2563eb;border-radius:12px;margin-top:15px;padding:20px}.help-description p{color:#2d3748;margin:0;font-size:1rem;line-height:1.7}.help-card.full-width{grid-column:1/-1}.warning-card{background:linear-gradient(135deg,#fff5f5 0%,#fed7d7 100%);border-left:4px solid #fc8181}.warning-card .card-title{color:#c53030}.success-text{color:#22543d;background:#c6f6d5;border-radius:6px;margin-top:10px;padding:8px 12px;font-weight:600;display:inline-block}.warning-text{color:#742a2a;background:#fed7d7;border-radius:6px;margin-top:10px;padding:8px 12px;font-weight:600;display:inline-block}.example-box{background:#edf2f7;border:1px solid #cbd5e0;border-radius:12px;margin-top:15px;padding:20px}.example-box h5{color:#2d3748;margin:0 0 12px;font-size:1.1rem;font-weight:600}.example-box p{color:#4a5568;margin:0 0 10px;font-weight:500}.example-box ul{color:#4a5568;margin:10px 0 0 20px;padding:0}.example-box ul li{margin:8px 0;line-height:1.6}.payout-main{color:#00ff9c;font-weight:700}.payout-secondary{color:#667eea;font-weight:600}.payout-house{color:#fc8181;font-weight:600}.faq-list{flex-direction:column;gap:20px;margin-top:20px;display:flex}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 2px 8px #0000000d}.faq-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.faq-question{color:#2d3748;align-items:center;gap:8px;margin:0 0 12px;font-size:1.1rem;font-weight:600;display:flex}.faq-question:before{content:"❓";font-size:1.2rem}.faq-answer{color:#4a5568;margin:0;font-size:.95rem;line-height:1.7}.faq-answer ul{margin:10px 0 0 20px;padding:0}.faq-answer ul li{margin:8px 0;line-height:1.6}@media (max-width:768px){.help-card.full-width{grid-column:1}.example-box,.faq-item{padding:15px}}
.dashboard-shell{--dashboard-bg:#0b1220;--dashboard-bg-soft:#0f1730;--dashboard-card:#121b39;--dashboard-card-2:#0f1530;--dashboard-border:#ffffff14;--dashboard-text:#e6eaf3;--dashboard-muted:#b8c0d9;--dashboard-primary:#6c8cff;--dashboard-primary-2:#4a6cff;--dashboard-success:#00ff9c;--dashboard-danger:#f57;--dashboard-warning:#ffbf3d;--dashboard-shadow:0 20px 50px #00000059;--dashboard-radius:16px;min-height:100vh;color:var(--dashboard-text);background:radial-gradient(1000px 600px at 10% -10%,#1a245a 0%,#0000 60%),radial-gradient(1000px 600px at 90% -10%,#192a4d 0%,#0000 60%),linear-gradient(#0a1122,#0b1220 35%);padding:24px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,Apple Color Emoji,Segoe UI Emoji}.dashboard-grid{grid-template-columns:1.9fr .5fr;gap:18px;max-width:1280px;margin-top:18px;margin-left:auto;margin-right:auto;display:grid}.dashboard-main{gap:14px;display:grid}.dashboard-card{background:linear-gradient(180deg, var(--dashboard-card), var(--dashboard-card-2));border:1px solid var(--dashboard-border);border-radius:var(--dashboard-radius);box-shadow:var(--dashboard-shadow);padding:18px}.dashboard-card h3{color:var(--dashboard-text);margin:0 0 12px;font-size:16px;font-weight:700}.dashboard-card h4{color:var(--dashboard-muted);letter-spacing:.4px;margin:0 0 8px;font-size:12px;font-weight:600}@media (max-width:1100px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-shell{padding:16px}}
.dashboard-header{border:1px solid var(--dashboard-border);border-radius:var(--dashboard-radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--dashboard-shadow);color:#fff;background:linear-gradient(145deg,#2c3e50f2,#2c3e50d9);grid-template-columns:1fr auto;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:18px 20px;display:grid}.dashboard-brand{letter-spacing:.5px;align-items:center;gap:12px;font-weight:800;display:flex}.dashboard-brand-badge{background:linear-gradient(135deg, var(--dashboard-primary), var(--dashboard-primary-2));color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid;box-shadow:0 8px 24px #6c8cff59}.dashboard-brand-subtitle{color:#ffffffb3;font-size:14px}.dashboard-brand-title{letter-spacing:.4px;color:#fff;font-size:18px;font-weight:800}.dashboard-user{align-items:center;gap:14px;display:flex}.dashboard-meta{color:#ffffffb3;gap:2px;font-size:12px;display:grid}.dashboard-badge{color:#93a1ff;border:1px solid var(--border);background:#1a2550;border-radius:999px;padding:6px 10px;font-size:12px}.dashboard-avatar{background:#24305f;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}@media (max-width:768px){.dashboard-header{text-align:center;grid-template-columns:1fr;gap:16px;padding:20px 16px}.dashboard-brand{flex-direction:column;justify-content:center;gap:8px}.dashboard-brand-badge{width:40px;height:40px;font-size:18px}.dashboard-brand-subtitle{margin-bottom:4px;font-size:13px}.dashboard-brand-title{margin:0;font-size:18px}.dashboard-user{flex-direction:column;justify-content:center;align-items:center;gap:12px}.dashboard-meta{text-align:center;gap:4px;font-size:12px}.dashboard-badge{order:1;padding:8px 12px;font-size:12px}.dashboard-avatar{order:2;width:40px;height:40px;font-size:14px}}
.kpi-cards{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.kpi-cards>.dashboard-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#121b39f2,#0f1530fa);border:1px solid #ffffff14;border-radius:16px;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.kpi-cards>.dashboard-card:first-child:before{content:"";background:linear-gradient(90deg,#6c8cffcc 0%,#6c8cff66 100%);border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-cards>.dashboard-card:nth-child(2):before{content:"";background:linear-gradient(90deg,#00d27acc 0%,#00ff9c66 100%);border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-cards>.dashboard-card:nth-child(3):before{content:"";background:linear-gradient(90deg,#f57c 0%,#f576 100%);border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-cards>.dashboard-card:nth-child(4):before{content:"";background:linear-gradient(90deg,#6c8cffcc 0%,#6c8cff66 100%);border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-cards>.dashboard-card.kpi-net-negative:before{background:linear-gradient(90deg,#f57c 0%,#f576 100%)}@keyframes borderPulse{0%,to{opacity:.6}50%{opacity:1}}.kpi-cards>.dashboard-card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 48px #0006,0 0 0 1px #ffffff1a,inset 0 1px #ffffff14}.kpi-cards>.dashboard-card h4{text-transform:uppercase;letter-spacing:.1em;color:#e6eaf399;margin:0 0 .875rem;padding-bottom:.5rem;font-size:.75rem;font-weight:600;position:relative}.kpi-cards>.dashboard-card h4:after{content:"";background:#fff3;border-radius:1px;width:24px;height:1px;position:absolute;bottom:0;left:0}.kpi-value{letter-spacing:-.5px;background:linear-gradient(135deg,#e6eaf3 0%,#b8c0d9 100%);-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;margin:.5rem 0 .75rem;font-size:1.6rem;font-weight:800;line-height:1.1;transition:all .3s}.kpi-cards>.dashboard-card:hover .kpi-value{transform:scale(1.02)}.kpi-success{background:linear-gradient(135deg,#00ff9c 0% 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #00ff9c4d;-webkit-background-clip:text;background-clip:text}.kpi-danger{background:linear-gradient(135deg,#f57 0%,#ff6b8a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.kpi-primary{background:linear-gradient(135deg,#6c8cff 0%,#9cc5ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.kpi-trend{text-transform:uppercase;letter-spacing:.08em;color:#e6eaf380;background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:.375rem;width:fit-content;margin-top:.25rem;padding:.375rem .75rem;font-size:.6875rem;font-weight:500;transition:all .3s;display:inline-flex;position:relative}.kpi-cards>.dashboard-card:nth-child(2) .kpi-trend:before{content:"↑";color:#00ff9c99;font-size:.875rem}.kpi-cards>.dashboard-card:nth-child(3) .kpi-trend:before{content:"↓";color:#f579;font-size:.875rem}.kpi-cards>.dashboard-card:nth-child(4) .kpi-trend:before{content:"→";color:#9cc5ff99;font-size:.875rem;animation:2s ease-in-out infinite pulseArrow}.kpi-cards>.dashboard-card.kpi-net-negative .kpi-trend:before{content:"↓";color:#f579;animation:2s ease-in-out infinite pulseArrowDown}@keyframes pulseArrowDown{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(2px)}}@keyframes pulseArrow{0%,to{opacity:.4;transform:translate(0)}50%{opacity:1;transform:translate(2px)}}.kpi-cards>.dashboard-card:hover .kpi-trend{color:#e6eaf3b3;background:#ffffff0f;border-color:#ffffff1a}.kpi-cards>.dashboard-card:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;transition:opacity .6s;position:absolute;top:-50%;left:-50%}.kpi-cards>.dashboard-card:hover:after{opacity:1}@media (max-width:1100px) and (min-width:769px){.kpi-cards{grid-template-columns:repeat(2,1fr);gap:.875rem}.kpi-value{font-size:1.4rem}}@media (max-width:768px){.kpi-cards{grid-template-columns:repeat(2,1fr);gap:.75rem}.kpi-cards>.dashboard-card{padding:1.25rem}.kpi-value{font-size:1.2rem}.kpi-trend{padding:.3rem .625rem;font-size:.625rem}}@media (max-width:480px){.kpi-cards{grid-template-columns:repeat(2,1fr);gap:.625rem}.kpi-cards>.dashboard-card{padding:1rem}.kpi-value{font-size:1.1rem}.kpi-cards>.dashboard-card h4{margin-bottom:.75rem;font-size:.6875rem}}
.ruleta-metrics-panel{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ruleta-metrics-panel>.dashboard-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#121b39f2,#0f1530fa);border:1px solid #00ff9c26;grid-column:1/-1;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 1px #00ff9c0d,inset 0 1px #ffffff0d}.ruleta-metrics-panel>.dashboard-card:before{content:"";background:linear-gradient(90deg,#0000 0%,#00ff9c99 20%,#00ff9ccc 50%,#00ff9c99 80%,#0000 100%);height:2px;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:1}}.ruleta-metrics-panel>.dashboard-card h3{text-align:center;letter-spacing:.5px;background:linear-gradient(135deg,#e6eaf3 0%,#b8c0d9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.125rem;font-weight:700;display:flex;position:relative}.ruleta-metrics-panel>.dashboard-card h3:after{content:"";background:linear-gradient(90deg,#0000,#00ff9ccc,#0000);border-radius:2px;width:60px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.progress-container{gap:1rem;padding:.5rem 0;display:grid}.progress-item{background:#0f153080;border:1px solid #ffffff0f;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:grid;position:relative;overflow:hidden}.progress-item:before{content:"";opacity:0;background:linear-gradient(#00ff9c99,#00ff9c4d);width:3px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.progress-item:hover{background:#0f1530b3;border-color:#00ff9c33;transform:translate(2px);box-shadow:0 4px 12px #00ff9c1a}.progress-item:hover:before{opacity:1}.progress-item>div:first-child{white-space:nowrap;color:#e6eaf3;letter-spacing:.3px;min-width:90px;font-size:.875rem;font-weight:600}.progress-item>div:last-child{white-space:nowrap;text-align:right;color:#00ff9c;letter-spacing:.5px;background:linear-gradient(135deg,#00ff9c26,#00ff9c14);border:1px solid #00ff9c33;border-radius:8px;justify-content:center;align-items:center;min-width:50px;padding:.35rem .75rem;font-size:.875rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 2px 8px #00ff9c26}.progress-item:hover>div:last-child{background:linear-gradient(135deg,#00ff9c40,#00ff9c26);border-color:#00ff9c59;transform:scale(1.05);box-shadow:0 4px 12px #00ff9c40}.progress-bar{background:#111832cc;border:1px solid #ffffff14;border-radius:999px;height:12px;margin-top:13px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}.progress-bar:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%);animation:2s ease-in-out infinite progressShine;position:absolute;inset:0}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-fill{background:linear-gradient(90deg,#00ff9c 0% 50%,#00ff9c 100%);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);animation:2s ease-in-out infinite pulseGlow;position:relative;box-shadow:0 0 10px #00ff9c66,0 0 20px #00ff9c33,inset 0 1px #fff3}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #00ff9c66,0 0 20px #00ff9c33,inset 0 1px #fff3}50%{box-shadow:0 0 15px #00ff9c99,0 0 30px #00ff9c4d,inset 0 1px #ffffff4d}}.donut-container{align-items:center;gap:20px;height:110px;display:flex}.pie-chart{background:conic-gradient(#00d2ff 0deg 252deg,#ff6b6b 252deg 288deg,#00ff9c 288deg 324deg,#ffbf3d 324deg 360deg);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative}.pie-chart:before{content:"";background:var(--dashboard-bg);border-radius:50%;width:60px;height:60px;position:absolute}.pie-legend{flex:1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.legend-item{color:var(--dashboard-muted);align-items:center;gap:6px;font-size:11px;display:flex}.legend-color{border-radius:2px;width:12px;height:12px}.legend-color.principal{background:#00d2ff}.legend-color.secundario-izq{background:#ff6b6b}.legend-color.secundario-der{background:#00ff9c}.legend-color.casa{background:#ffbf3d}@media (max-width:1100px){.ruleta-metrics-panel{grid-template-columns:1fr}}@media (max-width:768px){.ruleta-metrics-panel .dashboard-card{padding:1.25rem}.ruleta-metrics-panel>.dashboard-card h3{margin-bottom:1.25rem;padding-bottom:.625rem;font-size:1rem}.progress-container{gap:.875rem;padding:.375rem 0}.progress-item{gap:.875rem;padding:.875rem 1rem}.progress-item>div:first-child{min-width:80px;font-size:.8125rem}.progress-item>div:last-child{min-width:45px;padding:.3rem .625rem;font-size:.8125rem}.progress-bar{height:10px}.donut-container{gap:15px;height:100px}.pie-chart{width:84px;height:84px}.pie-chart:before{width:54px;height:54px}.pie-legend{gap:6px}.legend-item{font-size:10px}.legend-color{width:10px;height:10px}}
.activity-feed{margin-top:14px}.activity-feed h3{text-align:center;letter-spacing:.4px;background:linear-gradient(135deg,#e6eaf3 0%,#b8c0d9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;margin-bottom:12px;font-size:1rem;font-weight:700;display:flex;position:relative}.activity-feed h3:after{content:"";background:linear-gradient(90deg,#0000,#00ff9cb3,#0000);border-radius:2px;width:56px;height:2px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.activity-list{gap:10px;display:grid}.activity-item{border:1px solid var(--dashboard-border);background:linear-gradient(#121b39e6,#0f1530f2);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000040,inset 0 1px #ffffff0a}.activity-item:before{content:"";opacity:.6;background:linear-gradient(#00ff9c80,#00ff9c40);border-radius:12px 0 0 12px;width:3px;position:absolute;top:0;bottom:0;left:0}.activity-item:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff0f 50%,#0000 100%);width:80%;height:180%;transition:transform .6s;position:absolute;top:-40%;left:-40%;transform:translate(-120%)rotate(20deg)}.activity-item:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 12px 32px #00000059}.activity-item:hover:after{transform:translate(220%)rotate(20deg)}.activity-time{color:var(--dashboard-muted);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.activity-time:before{content:"🕑";opacity:.85;font-size:12px}.activity-description{color:var(--dashboard-text);letter-spacing:.2px;font-size:14px}.activity-win{color:var(--dashboard-success);text-shadow:0 0 18px #00ff9c40}.activity-tag{color:#9cc5ff;letter-spacing:.3px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:6px 10px;font-size:12px;transition:all .2s;box-shadow:inset 0 0 #0000}.activity-tag:hover{background:#ffffff0f;border-color:#ffffff24;box-shadow:0 4px 10px #9cc5ff1f}.activity-status-success{font-weight:600;color:#00ff9c!important;background:#00ff9c1a!important;border-color:#00ff9c4d!important}.activity-status-success:hover{background:#00ff9c26!important;border-color:#00ff9c66!important;box-shadow:0 4px 10px #00ff9c33!important}.activity-status-danger{font-weight:600;color:#ff4757!important;background:#ff47571a!important;border-color:#ff47574d!important}.activity-status-danger:hover{background:#ff475726!important;border-color:#ff475766!important;box-shadow:0 4px 10px #ff475733!important}.activity-status-warning{font-weight:600;color:#ffa502!important;background:#ffa5021a!important;border-color:#ffa5024d!important}.activity-status-warning:hover{background:#ffa50226!important;border-color:#ffa50266!important;box-shadow:0 4px 10px #ffa50233!important}.activity-status-default{color:#9cc5ff;background:#ffffff0a;border-color:#ffffff14}@media (max-width:560px){.activity-item{grid-template-columns:auto 1fr}.activity-tag{justify-self:start;margin-top:8px}.activity-time{padding:5px 9px;font-size:11px}.activity-description{font-size:13px}}
.quick-actions-container{flex-direction:column;gap:20px;display:flex}.quick-actions-section{flex-direction:column;gap:12px;display:flex}.section-title{color:#fff6;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;padding-left:4px;font-size:.85rem;font-weight:600}.quick-actions{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.action-btn{border:1px solid var(--dashboard-border);color:#c7d2ff;cursor:pointer;text-align:center;word-wrap:break-word;background:linear-gradient(#121b39f2,#0f1530fa);border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:12px 10px;font-size:.9rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 24px #00000040,inset 0 1px #ffffff0d}.action-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #4c6aff47}.quick-actions{position:relative}@keyframes neonPulse{0%{box-shadow:0 0 #00ff9c00}50%{box-shadow:0 0 24px #00ff9c73,inset 0 0 8px #00ff9c40}to{box-shadow:0 0 #00ff9c00}}.quick-actions .action-btn{border-color:#00ff9c;transition:border-color .2s,box-shadow .2s;animation:2.8s ease-in-out infinite neonPulse;box-shadow:0 0 6px #00ff9c40}.quick-actions .action-btn:nth-child(2){animation-delay:.2s}.quick-actions .action-btn:nth-child(3){animation-delay:.4s}.quick-actions .action-btn:nth-child(4){animation-delay:.6s}.action-btn.action-random{color:#c7d2ff;background:linear-gradient(#121b39f2,#0f1530fa);position:relative}.action-btn.action-random:before{content:"";background:radial-gradient(circle at center, var(--accent) 0%, transparent 70%);opacity:0;z-index:-1;filter:blur(6px);border-radius:12px;transition:opacity .3s;position:absolute;inset:0}.action-btn.action-random:after{content:"";background:var(--accent);width:0;height:2px;box-shadow:0 0 8px var(--accent), 0 0 16px var(--accent);border-radius:2px;transition:width .3s;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.action-btn.action-random:hover{color:var(--text-primary);border-color:var(--accent);background:linear-gradient(135deg,#c7a00833,#c7a0081a);transform:translateY(-1px);box-shadow:0 2px 8px #c7a0084d}.action-btn.action-random:hover:before{opacity:.2}.action-btn.action-random:hover:after{width:100%}@media (max-width:1100px){.quick-actions{grid-template-columns:repeat(2,1fr)}.action-btn{padding:10px 6px;font-size:.85rem}}@media (max-width:560px){.quick-actions{grid-template-columns:repeat(2,1fr)}.action-btn{padding:12px 8px;font-size:.9rem}}
.dashboard-sidebar{gap:14px;display:grid}.sidebar-title{color:var(--dashboard-muted);letter-spacing:.4px;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#e6eaf3 0%,#b8c0d9 100%);letter-spacing:.4px;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:13px}.sidebar-header{border:1px solid var(--dashboard-border);background:linear-gradient(#121b39d9,#0f1530e6);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:6px 8px;display:flex}.sidebar-header .sidebar-title{margin:0}.sidebar-header-actions{align-items:center;gap:8px;display:flex}.toggle-info-button{background:linear-gradient(135deg, var(--dashboard-primary), var(--dashboard-primary-2));color:#fff;cursor:pointer;border:1px solid #ffffff26;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s;box-shadow:0 6px 16px #6c8cff40}.toggle-info-button:hover{background:var(--dashboard-secondary);transform:translateY(-1px)}.edit-profile-button{color:#00ff9c;cursor:pointer;background:#00ff9c1a;border:1px solid #00ff9c4d;border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:28px;padding:6px 10px;font-size:14px;transition:all .2s;display:flex}.edit-profile-button:hover{background:#00ff9c33;border-color:#00ff9c80;transform:translateY(-1px);box-shadow:0 4px 12px #00ff9c4d}.user-info{border:1px solid var(--dashboard-border);background:linear-gradient(#121b39e6,#0f1530f2);border-radius:12px;gap:10px;padding:12px;display:grid;box-shadow:0 8px 24px #00000040,inset 0 1px #ffffff0a}.info-item{color:var(--dashboard-muted);grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.info-item span:first-child{letter-spacing:.3px}.info-item span:last-child{color:var(--dashboard-text);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:4px 8px;font-weight:600}.live-list{gap:10px;display:grid}.live-item{border:1px solid var(--dashboard-border);background:#0f1834;border-radius:12px;gap:8px;padding:12px;display:grid}.live-header{color:var(--dashboard-muted);justify-content:space-between;font-size:14px;display:flex}.live-meter{border:1px solid var(--dashboard-border);background:#111832;border-radius:999px;height:8px;overflow:hidden}.live-fill{background:linear-gradient(90deg, var(--dashboard-success), #6cffb7);height:100%}.live-status{color:var(--dashboard-muted);font-size:12px}.winner-list{gap:8px;display:grid}.winner-item{color:var(--dashboard-muted);justify-content:space-between;font-size:13px;display:flex}.quick-links{gap:8px;display:grid}.quick-link{border:1px solid var(--dashboard-border);color:var(--dashboard-text);background:linear-gradient(#121b39d9,#0f1530e6);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.quick-link:hover{color:#eaf0ff;background:linear-gradient(#4c6aff33,#4c6aff26);border-color:#ffffff26;transform:translateY(-1px);box-shadow:0 8px 20px #4c6aff40}
.roulette-page{color:#fff;background:radial-gradient(1200px 600px at 20% 10%,#00ff9c0f,#0000 60%),radial-gradient(1000px 500px at 80% 30%,#c7a0080a,#0000 60%),linear-gradient(135deg,#0a192f 0%,#151a23 50%,#1f2530 100%);min-height:100vh;padding-top:5px;overflow-x:hidden}.roulette-container{max-width:1400px;margin:0 auto;padding:1rem}.roulette-header{text-align:center;margin-bottom:1.5rem}.roulette-title{color:#fff;background:linear-gradient(135deg,#00ff9c,#00ff9c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:3rem;font-weight:900;line-height:1}.roulette-content{box-sizing:border-box;grid-template-columns:2fr 1fr;gap:2rem;width:100%;margin-bottom:2rem;display:grid}.roulette-wheel-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:1rem;width:100%;max-width:100%;padding:2rem;overflow:hidden;box-shadow:0 10px 30px #00000040,inset 0 1px #ffffff0a}.roulette-wheel-container{justify-content:center;align-items:center;margin:1.5rem auto;display:flex}.roulette-wheel{background:#ffffff0d;border:3px solid #00ff9c4d;border-radius:50%;width:300px;height:300px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.roulette-wheel:before{content:"";opacity:.5;background:linear-gradient(45deg,#00ff9c1a,#c7a0081a);position:absolute;inset:0}.roulette-controls-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:1rem;width:100%;max-width:100%;padding:2rem;overflow:hidden;box-shadow:0 10px 30px #00000040,inset 0 1px #ffffff0a}.roulette-bets-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:1rem;grid-column:1/-1;padding:2rem;box-shadow:0 10px 30px #00000040,inset 0 1px #ffffff0a}.roulette-results-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:1rem;grid-column:1/-1;margin-top:2rem;padding:2rem;box-shadow:0 10px 30px #00000040,inset 0 1px #ffffff0a}.section-title{color:#fff;text-align:center;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.section-subtitle{color:#e5e5e5;text-align:center;margin:0 0 1rem;font-size:1rem}.btn-roulette-primary{cursor:pointer;color:#0a192f;background:linear-gradient(135deg,#00ff9c,#00ff9c);border:1px solid #00ff9c73;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #00ff9c40}.btn-roulette-primary:hover{background:linear-gradient(135deg,#00ff9c,#00ff9c);transform:translateY(-2px);box-shadow:0 12px 28px #00ff9c61}.btn-roulette-primary:disabled{color:#b0b0b0;cursor:not-allowed;box-shadow:none;background:#ffffff1a;transform:none}.btn-roulette-secondary{cursor:pointer;color:#fff;background:#ffffff1a;border:2px solid #00ff9c;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-roulette-secondary:hover{background:#00ff9c1a;border-color:#00ff9c;transform:translateY(-2px);box-shadow:0 8px 20px #00ff9c33}.roulette-selector{justify-content:center;gap:1rem;margin-bottom:.5rem;display:flex}.roulette-type-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:2px solid #fff3;border-radius:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.roulette-type-btn:hover{background:#00ff9c1a;border-color:#00ff9c;transform:translateY(-2px)}.roulette-type-btn.active{color:#0a192f;background:linear-gradient(135deg,#00ff9c,#00ff9c);border-color:#00ff9c;box-shadow:0 4px 8px #00ff9c4d}.bets-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:1.5rem;display:grid}.bet-slot{aspect-ratio:1;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.bet-slot:hover{background:#00ff9c1a;border-color:#00ff9c;transform:scale(1.05)}.bet-slot.selected{color:#0a192f;background:linear-gradient(135deg,#00ff9c,#00ff9c);border-color:#00ff9c;box-shadow:0 4px 8px #00ff9c4d}.bet-slot.occupied{cursor:not-allowed;background:#c7a00833;border-color:#c7a008}.bet-slot-number{margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.bet-slot-player{text-align:center;font-size:.75rem;font-weight:500;line-height:1.2}.bet-slot-amount{margin-top:.25rem;font-size:.75rem;font-weight:600}.bets-info{text-align:center;grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.bet-stat{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;padding:1rem}.bet-stat-value{color:#00ff9c;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.bet-stat-label{color:#e5e5e5;font-size:.875rem}.results-container{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.result-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;padding:1.5rem}.result-card.main-winner{background:#00ff9c1a;border-color:#00ff9c}.result-card.secondary-winner{background:#c7a0081a;border-color:#c7a008}.result-title{color:#fff;margin-bottom:1rem;font-size:1rem;font-weight:600}.result-player{color:#00ff9c;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.result-amount{color:#fff;font-size:1.5rem;font-weight:800}.roulette-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.roulette-modal{background:linear-gradient(135deg,#0a192f 0%,#1e1e1e 50%,#2a2a2a 100%);border:1px solid #ffffff1a;border-radius:1rem;width:90%;max-width:500px;padding:2rem;box-shadow:0 20px 40px #00000080}.modal-header{text-align:center;margin-bottom:2rem}.modal-title{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.modal-subtitle{color:#e5e5e5;font-size:1rem}.modal-close{color:#b0b0b0;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:#fff}.loading-state{color:#e5e5e5;justify-content:center;align-items:center;padding:2rem;display:flex}.error-state{color:#ff4757;background:#ff47571a;border:1px solid #ff475733;border-radius:.75rem;justify-content:center;align-items:center;padding:2rem;display:flex}@media (max-width:1024px){.roulette-content{grid-template-columns:1fr;gap:1.5rem}.roulette-title{font-size:2.5rem}.bets-grid{grid-template-columns:repeat(3,1fr)}.results-container{grid-template-columns:1fr}}@media (max-width:768px){.roulette-container{padding:1rem}.roulette-title{font-size:2rem}.roulette-wheel{width:250px;height:250px}.bets-grid{grid-template-columns:repeat(2,1fr)}.bets-info{grid-template-columns:1fr}.roulette-selector{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.roulette-type-btn{width:100%}}@media (max-width:480px){.roulette-wheel{width:200px;height:200px}.bets-grid{grid-template-columns:repeat(2,1fr);gap:.375rem}.bet-slot{padding:.5rem}.bet-slot-number{font-size:1rem}.bet-slot-player,.bet-slot-amount{font-size:.625rem}.roulette-container{padding:4px}.roulette-wheel-section{padding:68px}.roulette-header{margin-bottom:8px}.roulette-content{gap:10px}}
:root{--roulette-primary-color:#2c3e50;--roulette-secondary-color:#3498db;--roulette-accent-color:#e74c3c;--roulette-background-color:#f5f5f5;--roulette-text-color:#333;--roulette-success-color:#00ff9c;--roulette-danger-color:#e74c3c;--roulette-light-color:#ecf0f1;--roulette-dark-color:#2c3e50;--roulette-size-desktop:650px;--roulette-size-tablet:380px;--roulette-size-mobile:min(100vw, 640px);--pointer-size-desktop:12.6px;--pointer-size-tablet:10.8px;--pointer-size-mobile:9px;--pointer-height-desktop:25.2px;--pointer-height-tablet:21.6px;--pointer-height-mobile:18px}.roulette-wheel-container{width:100%;max-width:var(--roulette-size-desktop);perspective:1000px;aspect-ratio:1;opacity:1;justify-content:center;align-items:center;margin:40px auto;transition:opacity .3s ease-in-out;display:flex;position:relative}.roulette-wheel-container.roulette-mounting{opacity:1}.roulette-wheel-container.roulette-mounting:before{content:"";z-index:1;background:radial-gradient(circle,#00ff9c14 0%,#00ff9c05 50%,#0000 100%);border:3px solid #00ff9c26;border-radius:50%;width:80%;height:80%;animation:1.5s ease-in-out infinite roulette-skeleton-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.roulette-wheel-container.roulette-mounting:after{content:"";z-index:2;background:#ffffff08;border:2px solid #ffffff14;border-radius:50%;width:60%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.roulette-wheel-container.roulette-mounting>*{opacity:0;pointer-events:none}@keyframes roulette-skeleton-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.05)}}.roulette-wheel-shadow{transform-origin:50%;background-blend-mode:normal, normal, multiply, multiply, normal;z-index:-1;will-change:contents;contain:layout style paint;background:radial-gradient(at 30% 40%,#ffffff0d 0%,#0000 50%),radial-gradient(at 70% 60%,#ffffff08 0%,#0000 50%),radial-gradient(#0000 0%,#8b45134d 20%,#0000 30%,#a0522d40 40%,#0000 50%,#b8860b33 60%,#0000 70%,#cd853f26 80%,#0000 90%),repeating-linear-gradient(0deg,#8b451366 0,#0000 1px 3px,#a0522d4d 4px,#0000 5px 8px,#b8860b40 9px,#0000 10px),radial-gradient(#8b4513 0%,sienna 20%,#b8860b 40%,peru 60%,tan 80%,#8b451399 95%,#0000 100%);border-radius:50%;width:115%;height:115%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:none!important}.roulette-wheel-canvas{background:#0a192f;border-radius:50%;width:100%;height:auto;display:block}.roulette-pointer{object-fit:contain;z-index:10;filter:drop-shadow(0 4px 10px #00000059);width:50px;height:50px;transition:transform .2s,filter .2s;position:absolute}.roulette-main-pointer{top:-47px;left:calc(50% + 2rem);transform:translate(-50%)}.roulette-right-pointer{top:-1px;left:calc(50% + 11.2rem - 5px);transform:translate(-50%)rotate(24deg)}.roulette-left-pointer{top:-28px;left:calc(50% - 7.2rem);transform:translate(-50%)rotate(-24deg)}.roulette-pointer.winner-active{animation:1.6s ease-in-out infinite alternate pointerPulse}@keyframes pointerPulse{0%{filter:drop-shadow(0 3px 8px #f39c1259);transform:translate(-50%)scale(1)}to{filter:drop-shadow(0 6px 16px #f39c12a6);transform:translate(-50%)scale(1.06)}}.roulette-wheel-center{z-index:5;border:1.5px solid #00ff9c;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%);box-shadow:0 0 8px #00ff9c80}.roulette-wheel-center-wood{background-blend-mode:normal, normal, multiply, multiply, normal;background:radial-gradient(at 30% 40%,#ffffff0d 0%,#0000 50%),radial-gradient(at 70% 60%,#ffffff08 0%,#0000 50%),radial-gradient(#0000 0%,#8b45134d 20%,#0000 30%,#a0522d40 40%,#0000 50%,#b8860b33 60%,#0000 70%,#cd853f26 80%,#0000 90%),repeating-linear-gradient(0deg,#8b451366 0,#0000 1px 3px,#a0522d4d 4px,#0000 5px 8px,#b8860b40 9px,#0000 10px),radial-gradient(#8b4513 0%,sienna 20%,#b8860b 40%,peru 60%,tan 80%,#8b451399 95%,#0000 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.roulette-wheel-center-wood img{object-fit:contain;width:60px;height:60px}@media (max-width:480px){.roulette-wheel-section{overflow:visible}.roulette-wheel-container{overflow:visible;max-width:min(100vw,896px)!important}.roulette-wheel-canvas,.sector-buttons-overlay{transform-origin:50%;transform:none}.roulette-wheel-center{transform-origin:50%;border-width:1.5px;border-color:#00ff9c;width:10px;height:10px;transform:translate(-50%,-50%)}.roulette-wheel-shadow{transform-origin:50%;backface-visibility:hidden;background-blend-mode:normal, normal, multiply, multiply, normal!important;z-index:-1!important;opacity:1!important;visibility:visible!important;will-change:contents!important;contain:layout style paint!important;background:radial-gradient(at 30% 40%,#ffffff0d 0%,#0000 50%),radial-gradient(at 70% 60%,#ffffff08 0%,#0000 50%),radial-gradient(#0000 0%,#8b45134d 20%,#0000 30%,#a0522d40 40%,#0000 50%,#b8860b33 60%,#0000 70%,#cd853f26 80%,#0000 90%),repeating-linear-gradient(0deg,#8b451366 0,#0000 1px 3px,#a0522d4d 4px,#0000 5px 8px,#b8860b40 9px,#0000 10px),radial-gradient(#8b4513 0%,sienna 20%,#b8860b 40%,peru 60%,tan 80%,#8b451399 95%,#0000 100%)!important;width:110%!important;height:110%!important;transition:none!important;display:block!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.roulette-wheel-container{background:0 0!important}}@keyframes roulette-wheel-spin{0%{transform:rotate(0)}to{transform:rotate(3600deg)}}.roulette-wheel-spinning{animation:4s cubic-bezier(.17,.67,.12,.99) forwards roulette-wheel-spin}.roulette-winner-glow{animation:1.5s infinite alternate roulette-winner-glow}@keyframes roulette-winner-glow{0%{box-shadow:0 0 10px #ffd70080}to{box-shadow:0 0 30px #ffd700e6}}.roulette-secondary-glow{animation:1.5s infinite alternate roulette-secondary-glow}@keyframes roulette-secondary-glow{0%{box-shadow:0 0 10px #3498db80}to{box-shadow:0 0 20px #3498dbb3}}.roulette-user-info{background-color:#ffffff26;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:15px 20px;display:flex;box-shadow:0 6px 18px #0003}.roulette-user-info span{color:#fff;letter-spacing:.5px;text-shadow:0 2px 4px #00000040;font-weight:600}.roulette-user-info .balance{color:#f1c40f;font-size:1.05rem}.roulette-title{color:#fff;text-shadow:0 2px 4px #0000004d;text-align:center;margin-bottom:30px;font-size:2.5rem}.roulette-main-container{text-align:center;background-color:#ffffff1a;border-radius:15px;width:100%;max-width:900px;margin:0 auto;padding:20px;box-shadow:0 10px 30px #0003}.countdown-display{color:#e74c3c;text-align:center;text-shadow:0 0 10px #e74c3ccc;margin-top:15px;font-size:2rem;font-weight:700;animation:1s infinite alternate countdown-pulse}@keyframes countdown-pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.waiting-display{color:#3498db;text-align:center;text-shadow:0 0 10px #3498dbcc;background:#3498db1a;border:2px solid #3498db4d;border-radius:8px;margin-top:15px;padding:10px 20px;font-size:1.2rem;font-weight:700;animation:2s infinite waiting-pulse}@keyframes waiting-pulse{0%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(1.05)}}@media (max-width:1024px){:root{--roulette-size-desktop:var(--roulette-size-tablet);--pointer-size-desktop:var(--pointer-size-tablet);--pointer-height-desktop:var(--pointer-height-tablet)}.roulette-wheel-container{max-width:var(--roulette-size-tablet);margin-bottom:30px}.roulette-wheel-shadow{background-blend-mode:normal, normal, multiply, multiply, normal;transform-origin:50%;background:radial-gradient(at 30% 40%,#ffffff0d 0%,#0000 50%),radial-gradient(at 70% 60%,#ffffff08 0%,#0000 50%),radial-gradient(#0000 0%,#8b45134d 20%,#0000 30%,#a0522d40 40%,#0000 50%,#b8860b33 60%,#0000 70%,#cd853f26 80%,#0000 90%),repeating-linear-gradient(0deg,#8b451366 0,#0000 1px 3px,#a0522d4d 4px,#0000 5px 8px,#b8860b40 9px,#0000 10px),radial-gradient(#8b4513 0%,sienna 20%,#b8860b 40%,peru 60%,tan 80%,#8b451399 95%,#0000 100%);top:50%;left:50%;transform:translate(-50%,-50%)}.roulette-pointer{width:30px;height:30px}.roulette-main-pointer{top:-25px;left:calc(50% + 1.2rem);transform:translate(-50%)rotate(6deg)}.roulette-left-pointer{top:-18px;left:calc(50% - 4.1rem + 4px);transform:translate(-50%)rotate(-30deg)}.roulette-right-pointer{top:-4px;left:calc(50% + 6.1rem - 5px);transform:translate(-50%)rotate(30deg)}.roulette-title{font-size:2rem}.roulette-user-info{flex-direction:column;gap:10px;padding:12px 16px}.roulette-main-container{padding:15px}.countdown-display{font-size:1.8rem}.waiting-display{padding:8px 16px;font-size:1.1rem}.roulette-wheel-center-wood img{width:55px;height:55px}}@media (max-width:480px){:root{--roulette-size-desktop:var(--roulette-size-mobile);--pointer-size-desktop:var(--pointer-size-mobile);--pointer-height-desktop:var(--pointer-height-mobile)}.roulette-wheel-container{position:relative;left:-47px;width:80vw!important;max-width:90vw!important;height:80vw!important;margin:0 auto!important}.roulette-wheel-shadow{background-blend-mode:normal, normal, multiply, multiply, normal;transform-origin:50%;background:radial-gradient(at 30% 40%,#ffffff0d 0%,#0000 50%),radial-gradient(at 70% 60%,#ffffff08 0%,#0000 50%),radial-gradient(#0000 0%,#8b45134d 20%,#0000 30%,#a0522d40 40%,#0000 50%,#b8860b33 60%,#0000 70%,#cd853f26 80%,#0000 90%),repeating-linear-gradient(0deg,#8b451366 0,#0000 1px 3px,#a0522d4d 4px,#0000 5px 8px,#b8860b40 9px,#0000 10px),radial-gradient(#8b4513 0%,sienna 20%,#b8860b 40%,peru 60%,tan 80%,#8b451399 95%,#0000 100%);top:50%;left:50%;transform:translate(-50%,-50%)}.roulette-pointer{width:25px;height:25px}.roulette-main-pointer{top:-20px;left:calc(50% + 1.1rem);transform:translate(-50%)rotate(6deg)}.roulette-left-pointer{top:-14px;left:calc(50% - 3.8rem + 4px);transform:translate(-50%)rotate(-30deg)}.roulette-right-pointer{top:0;left:calc(50% + 5.8rem - 5px);transform:translate(-50%)rotate(30deg)}.roulette-title{margin-bottom:20px;font-size:1.8rem}.roulette-user-info{margin-bottom:20px;padding:10px 12px}.roulette-user-info span{font-size:.9rem}.roulette-user-info .balance{font-size:1rem}.roulette-main-container{padding:12px 0!important}.countdown-display{font-size:1.5rem}.waiting-display{padding:6px 12px;font-size:1rem}.roulette-wheel-center{border-width:1.5px;width:50px;height:50px;box-shadow:0 0 6px #00ff9c80}.roulette-wheel-center-wood,.roulette-wheel-center-wood img{width:50px;height:50px}}@media (min-width:381px) and (max-width:480px){.roulette-wheel-container{max-width:min(100vw,560px)}}@media (max-width:360px){.roulette-wheel-container{max-width:250px}.roulette-wheel-shadow{background-blend-mode:overlay, overlay, multiply, multiply, normal;transform-origin:50%;background:radial-gradient(at 30% 40%,#ffffff26 0%,#0000 50%),radial-gradient(at 70% 60%,#ffffff1a 0%,#0000 50%),radial-gradient(#0000 0%,#8b45134d 20%,#0000 30%,#a0522d40 40%,#0000 50%,#b8860b33 60%,#0000 70%,#cd853f26 80%,#0000 90%),repeating-linear-gradient(0deg,#8b451366 0,#0000 1px 3px,#a0522d4d 4px,#0000 5px 8px,#b8860b40 9px,#0000 10px),radial-gradient(#8b4513 0%,sienna 20%,#b8860b 40%,peru 60%,tan 80%,#8b451399 95%,#0000 100%);top:50%;left:50%;transform:translate(-50%,-50%)}.roulette-title{font-size:1.6rem}.roulette-user-info{padding:8px 10px}.roulette-main-container{padding:10px}.countdown-display{font-size:1.3rem}.waiting-display{padding:5px 10px;font-size:.9rem}}.sector-buttons-overlay{pointer-events:auto;z-index:5;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:768px){.sector-buttons-overlay{width:100%;height:100%}}@media (max-width:480px){.sector-buttons-overlay{width:100%;height:100%}}@media (max-width:360px){.sector-buttons-overlay{width:100%;height:100%}}
.roulette-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#ffffff1a;border-radius:15px;padding:25px;position:relative;overflow:visible;box-shadow:0 6px 18px #0003}@media (min-width:1025px){.roulette-controls{padding:12px 15px}.bet-controls{margin-bottom:12px}.bet-button{border-radius:25px;min-width:150px;padding:8px 15px;font-size:.9rem}.status-message{margin-top:10px;padding:8px 12px;font-size:.85rem}.mesa-info{gap:8px;padding:10px 0}.mesa-id,.mesa-status,.mesa-progress{padding:5px 0;font-size:.85rem}.progress-bar{height:6px;margin-top:5px}}.bet-controls{text-align:center;margin-bottom:25px}.bet-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);border:none;border-radius:50px;min-width:200px;padding:15px 30px;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 8px #0003}.bet-button:hover:not(:disabled){background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);transform:translateY(-3px);box-shadow:0 6px 12px #0000004d}.bet-button:active:not(:disabled){transform:translateY(-1px)}.bet-button:disabled{cursor:not-allowed;opacity:.7;background:#95a5a6;box-shadow:none!important;transform:none!important}.spin-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border:none;border-radius:50px;min-width:200px;margin-top:15px;padding:15px 30px;font-size:1.1rem;font-weight:700;transition:all .3s;animation:2s infinite pulse;box-shadow:0 4px 8px #0003}.spin-button:hover:not(:disabled){background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);animation:none;transform:translateY(-3px);box-shadow:0 6px 12px #0000004d}.spin-button:active:not(:disabled){transform:translateY(-1px)}.spin-button:disabled{cursor:not-allowed;opacity:.7;background:#95a5a6;animation:none;box-shadow:none!important;transform:none!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.status-message{text-align:center;border-radius:8px;margin-top:15px;padding:12px 20px;font-weight:500;transition:all .3s}.status-message.success{color:#00ff9c;background-color:#00ff9c33;border:1px solid #00ff9c4d}.status-message.error{color:#e74c3c;background-color:#e74c3c33;border:1px solid #e74c3c4d}.status-message.loading{color:#3498db;background-color:#3498db33;border:1px solid #3498db4d}.status-message.spinning{color:#9b59b6;background-color:#9b59b633;border:1px solid #9b59b64d;animation:2s infinite pulse}.status-message.closed{color:#95a5a6;background-color:#95a5a633;border:1px solid #95a5a64d}.status-message.info{color:#ecf0f1;background-color:#3498db1a;border:1px solid #3498db33}.mesa-info{z-index:1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:12px;padding:20px;display:flex;position:relative;overflow:visible}.mesa-info .status-label,.mesa-info .id-label,.mesa-info .progress-label{position:relative;z-index:100!important;pointer-events:auto!important}.mesa-id{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:10px;display:flex}.id-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;position:relative;color:#fff!important;text-shadow:0 2px 4px #000c,0 1px 2px #000000e6!important;opacity:1!important;z-index:10!important}.id-value{color:#f39c12;background-color:#f39c1233;border:1px solid #f39c124d;border-radius:20px;padding:4px 12px;font-size:.9rem;font-weight:700}.mesa-status{z-index:10;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:10px;display:flex;position:relative;overflow:visible}.status-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;position:relative;color:#000!important;text-shadow:0 1px 2px #ffffff80!important;opacity:1!important;z-index:10!important}.status-value{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:.9rem;font-weight:700}.status-value.open{color:#2ecc71;background-color:#2ecc7133;border:1px solid #2ecc714d;font-weight:700}.status-value.spinning{color:#9b59b6;background-color:#9b59b633;border:1px solid #9b59b64d;animation:2s infinite pulse}.status-value.closed{color:#95a5a6;background-color:#95a5a633;border:1px solid #95a5a64d}.mesa-progress{margin-top:0}.progress-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:8px;font-weight:700;display:block;position:relative;color:#fff!important;text-shadow:0 2px 4px #000c,0 1px 2px #000000e6!important;opacity:1!important;z-index:10!important}.progress-value{color:#3498db;margin-bottom:8px;font-weight:700;display:block}@media (min-width:769px){.progress-label{margin-bottom:10px;font-size:1.2rem}.progress-value{margin-bottom:10px;font-size:1.3rem}}.progress-bar{background-color:#ffffff1a;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3498db 0%,#2980b9 100%);border-radius:4px;height:100%;transition:width .5s;position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:768px){.roulette-controls{flex-direction:column;padding:20px;display:flex}.mesa-info{order:1;padding:15px}.bet-controls{order:2;margin-top:20px;margin-bottom:0}.bet-button{min-width:180px;padding:12px 25px;font-size:1rem}}@media (max-width:480px){.roulette-controls{flex-direction:column;padding:15px;display:flex}.mesa-info{order:1}.bet-controls{order:2;margin-top:15px;margin-bottom:0}.bet-button{min-width:160px;padding:10px 20px;font-size:.9rem}.status-message{padding:10px 15px;font-size:.9rem}}
.roulette-bets{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;padding:25px;box-shadow:0 6px 18px #0003}.bets-header{text-align:center;border-bottom:2px solid #fff3;margin-bottom:25px;padding-bottom:15px}.bets-title{color:#fff;text-shadow:0 2px 4px #0000004d;margin-bottom:10px;font-size:1.5rem;font-weight:700}.bets-summary{justify-content:center;gap:20px;font-size:.9rem;display:flex}.filled-count{color:#00ff9c;background:#00ff9c33;border:1px solid #00ff9c4d;border-radius:15px;padding:4px 12px;font-weight:700}.empty-count{color:#3498db;background:#3498db33;border:1px solid #3498db4d;border-radius:15px;padding:4px 12px;font-weight:700}.no-bets-message{text-align:center;background:#ffffff0d;border:2px dashed #fff3;border-radius:10px;margin:20px 0;padding:30px 20px}.no-bets-message p{color:#ecf0f1;margin:8px 0;font-size:1rem}.no-bets-message p:first-child{color:#f39c12;font-size:1.1rem;font-weight:700}.bets-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:25px;display:grid}.bet-slot{text-align:center;background:#ffffffe6;border:2px solid #0000;border-radius:10px;padding:15px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 3px 10px #0000001a}.bet-slot:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0003}.bet-slot.occupied{color:#fff;background:linear-gradient(135deg,#00ff9c 0% 100%);border-color:#00ff9c}.bet-slot.empty{color:#fff;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border-color:#3498db}.bet-slot.empty:hover{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border-color:#e74c3c}.slot-number{color:inherit;margin-bottom:8px;font-size:1.2rem;font-weight:700}.slot-content{font-size:.85rem}.player-name{color:inherit;word-break:break-word;margin-bottom:4px;font-weight:700}.bet-amount{color:inherit;font-size:.9rem;font-weight:700}.empty-text{opacity:.8;color:inherit;font-style:italic}.bets-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:20px}.total-bet,.potential-prize{justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 0;display:flex}.potential-prize{border-top:1px solid #ffffff1a;margin-bottom:0;padding-top:12px}.info-label{color:#ecf0f1;font-weight:600}.info-value{color:#f1c40f;font-size:1.1rem;font-weight:700}@keyframes slotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.bet-slot.occupied{animation:2s infinite slotPulse}@media (max-width:768px){.roulette-bets{padding:20px}.bets-title{font-size:1.3rem}.bets-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.bet-slot{padding:12px}.slot-number{font-size:1.1rem}.slot-content{font-size:.8rem}}@media (max-width:480px){.roulette-bets{padding:15px}.bets-title{font-size:1.2rem}.bets-summary{flex-direction:column;gap:10px}.bets-grid{grid-template-columns:repeat(3,1fr);gap:8px}.bet-slot{padding:10px}.slot-number{font-size:1rem}.slot-content{font-size:.75rem}.bets-info{padding:15px}}
.roulette-results{color:#2c3e50;background:#fffffff2;border-radius:15px;margin-top:20px;padding:25px;animation:.5s ease-out slideInUp;box-shadow:0 5px 20px #0003}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.results-header{text-align:center;border-bottom:2px solid #ecf0f1;margin-bottom:25px;padding-bottom:15px}.results-title{color:#2c3e50;margin-bottom:10px;font-size:1.5rem;font-weight:700}.winners-section{margin-bottom:25px}.winner-card{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-left:4px solid #0000;border-radius:12px;margin-bottom:15px;padding:20px;transition:all .3s;box-shadow:0 3px 10px #0000001a}.winner-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000026}.winner-card.main-winner{background:linear-gradient(135deg,#fff3cd 0%,#ffeaa7 100%);border-left-color:#f1c40f}.winner-card.secondary-winner{background:linear-gradient(135deg,#d1ecf1 0%,#bee5eb 100%);border-left-color:#3498db}.winner-header{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.winner-label{text-transform:uppercase;letter-spacing:.5px;color:#6c757d;font-size:.9rem;font-weight:700}.winner-prize{color:#00ff9c;font-size:1.2rem;font-weight:700}.winner-details{color:#495057}.winner-name{color:#2c3e50;margin-bottom:8px;font-size:1.3rem;font-weight:700}.winner-info{color:#6c757d;font-size:.95rem}.winner-info strong{color:#2c3e50}.secondary-winners{grid-template-columns:1fr 1fr;gap:15px;display:grid}.results-summary{background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;margin-bottom:20px;padding:20px}.summary-item{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.summary-item:last-child{border-bottom:none}.summary-item.house{background:#e74c3c1a;border-bottom:none;border-radius:0 0 10px 10px;margin:0 -20px -20px;padding:15px 20px}.summary-label{color:#495057;font-weight:600}.summary-value{color:#2c3e50;font-size:1.1rem;font-weight:700}.summary-item.house .summary-value{color:#e74c3c}.results-percentages{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;display:grid}.percentage-item{text-align:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:15px}.percentage-label{color:#6c757d;margin-bottom:5px;font-size:.85rem;font-weight:600;display:block}.percentage-value{color:#2c3e50;font-size:1.5rem;font-weight:700;display:block}.results-footer{text-align:center;border-top:1px solid #dee2e6;padding-top:15px}.results-note{color:#6c757d;margin:0;font-size:.9rem;font-style:italic}@media (max-width:768px){.roulette-results{padding:20px}.results-title{font-size:1.3rem}.winner-card{padding:15px}.winner-name{font-size:1.2rem}.secondary-winners,.results-percentages{grid-template-columns:1fr;gap:10px}.results-summary{padding:15px}}@media (max-width:480px){.roulette-results{padding:15px}.results-title{font-size:1.2rem}.winner-card{padding:12px}.winner-header{flex-direction:column;align-items:flex-start;gap:5px}.winner-name{font-size:1.1rem}.winner-info{font-size:.9rem}.results-summary{padding:12px}.summary-item.house{margin:0 -12px -12px;padding:12px}}
.winner-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.winner-modal{color:#2c3e50;text-align:left;background:#fff;border-radius:15px;width:100%;max-width:500px;max-height:90vh;padding:30px;animation:.4s ease-out slideInScale;position:relative;overflow-y:auto;box-shadow:0 10px 30px #00000059}@keyframes slideInScale{0%{opacity:0;transform:scale(.8)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.winner-modal-close{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.8rem;transition:color .3s;display:flex;position:absolute;top:15px;right:20px}.winner-modal-close:hover{color:#e74c3c;background:#e74c3c1a}.winner-modal-title{color:#2c3e50;text-align:center;text-shadow:0 2px 4px #0000001a;margin:0 0 25px;font-size:1.6rem;font-weight:700}.winner-modal-content{margin-bottom:25px}.winner-item{background:#f8f9fa;border-left:4px solid #0000;border-radius:12px;align-items:center;margin-bottom:15px;padding:20px;transition:all .3s;display:flex;box-shadow:0 3px 10px #0000001a}.winner-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000026}.winner-item.main-winner{background:linear-gradient(135deg,#fff3cd 0%,#ffeaa7 100%);border-left-color:#f1c40f}.winner-item.secondary-winner{background:linear-gradient(135deg,#d1ecf1 0%,#bee5eb 100%);border-left-color:#3498db}.winner-icon{flex-shrink:0;margin-right:20px;font-size:2.5rem}.winner-info{flex:1}.winner-title{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:.9rem;font-weight:700}.winner-name{color:#2c3e50;margin-bottom:8px;font-size:1.3rem;font-weight:700}.winner-details{color:#495057;font-size:.95rem}.winner-details strong{color:#2c3e50}.winner-summary{background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;margin-bottom:25px;padding:20px}.summary-row{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.summary-row:last-child{background:#e74c3c1a;border-bottom:none;border-radius:0 0 10px 10px;margin:0 -20px -20px;padding:15px 20px}.summary-label{color:#495057;font-weight:600}.summary-value{color:#2c3e50;font-size:1.1rem;font-weight:700}.summary-value.house{color:#e74c3c}.winner-modal-footer{text-align:center;border-top:1px solid #dee2e6;padding-top:20px}.winner-note{color:#6c757d;margin:0 0 20px;font-size:.9rem;font-style:italic}.winner-modal-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);border:none;border-radius:25px;padding:12px 30px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 8px #0003}.winner-modal-btn:hover{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.winner-modal-btn:active{transform:translateY(0)}@keyframes winnerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.winner-item.main-winner{animation:2s infinite winnerPulse}@media (max-width:768px){.winner-modal-overlay{padding:15px}.winner-modal{max-width:100%;padding:25px}.winner-modal-title{font-size:1.4rem}.winner-item{padding:15px}.winner-icon{margin-right:15px;font-size:2rem}.winner-name{font-size:1.2rem}.winner-summary{padding:15px}.summary-row:last-child{margin:0 -15px -15px;padding:12px 15px}}@media (max-width:480px){.winner-modal-overlay{padding:10px}.winner-modal{padding:20px}.winner-modal-title{font-size:1.3rem}.winner-item{text-align:center;flex-direction:column;padding:12px}.winner-icon{margin-bottom:10px;margin-right:0;font-size:1.8rem}.winner-name{font-size:1.1rem}.winner-details{font-size:.9rem}.winner-summary{padding:12px}.summary-row:last-child{margin:0 -12px -12px;padding:10px 12px}.winner-modal-btn{padding:10px 25px;font-size:.9rem}}
:root{--dp-bg:#0a0b0d;--dp-surface:#ffffff0a;--dp-border:#ffffff14;--dp-text:#f1f1f1;--dp-accent:#00ff9c;--dp-gold:#d4af37;--dp-blur:20px;--dp-radius:16px;--dp-shadow:0 0 40px #00ff9c1a;--dp-transition:.3s ease;--dp-font:"Inter", "SF Pro Display", sans-serif}.darkpremium-backdrop{-webkit-backdrop-filter:blur(var(--dp-blur));backdrop-filter:blur(var(--dp-blur));opacity:0;visibility:hidden;transition:opacity var(--dp-transition);z-index:99999;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.darkpremium-backdrop.visible{opacity:1;visibility:visible}.darkpremium-container{background:var(--dp-surface);border:1px solid var(--dp-border);border-radius:var(--dp-radius);box-shadow:var(--dp-shadow);width:100%;max-width:860px;color:var(--dp-text);font-family:var(--dp-font);opacity:0;transition:all var(--dp-transition);overflow:hidden;transform:translateY(30px)scale(.96)}.darkpremium-container.visible{opacity:1;transform:translateY(0)scale(1)}.dp-header{border-bottom:1px solid var(--dp-border);text-align:center;background:linear-gradient(135deg,#00ff9c1a,#00ff9c05);padding:2rem 2.5rem 1.5rem;position:relative}.dp-title{color:var(--dp-accent);letter-spacing:-.5px;justify-content:center;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:800;display:flex}.dp-icon{filter:drop-shadow(0 0 6px #00ff9c4d);font-size:2.2rem}.dp-subtitle{color:#aaa;letter-spacing:.3px;margin-top:.5rem;font-size:.9rem}.dp-close{border:1px solid var(--dp-border);width:36px;height:36px;color:var(--dp-text);cursor:pointer;transition:all var(--dp-transition);background:#ffffff0d;border-radius:50%;font-size:1.1rem;position:absolute;top:1.5rem;right:1.5rem}.dp-close:hover{background:var(--dp-accent);color:#000;transform:scale(1.1)}.dp-content{padding:2rem 2.5rem}.dp-card{border:1px solid var(--dp-border);border-radius:var(--dp-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--dp-transition);background:#ffffff08;margin-bottom:2rem;padding:1.5rem}.dp-card:hover{border-color:var(--dp-accent);transform:translateY(-2px);box-shadow:0 0 20px #00ff9c1a}.dp-card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.dp-card-header .rank{text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:.5rem;font-weight:600;display:flex}.dp-card-header .prize{background:linear-gradient(90deg, var(--dp-accent), var(--dp-gold));color:#000;border-radius:8px;padding:.4rem 1rem;font-weight:700}.dp-card-body h3{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.dp-card-body .info{color:#bbb;flex-wrap:wrap;gap:1.25rem;font-size:.9rem;display:flex}.dp-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.dp-stats{border-top:1px solid var(--dp-border);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.5rem;font-size:.95rem;display:flex}.dp-stats div{text-align:center;flex:1}.dp-stats span{color:#999;text-transform:uppercase;margin-bottom:.3rem;font-size:.8rem;display:block}.dp-stats strong{color:var(--dp-accent);font-size:1.1rem;font-weight:700}.dp-footer{border-top:1px solid var(--dp-border);background:#ffffff05;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex}.dp-footer p{color:#aaa;font-size:.85rem}.dp-btn{background:linear-gradient(90deg, var(--dp-accent), var(--dp-gold));color:#000;cursor:pointer;transition:all var(--dp-transition);border:none;border-radius:10px;padding:.8rem 1.6rem;font-size:.95rem;font-weight:700}.dp-btn:hover{transform:translateY(-2px);box-shadow:0 0 16px #00ff9c66}.dp-btn:active{transform:translateY(0);box-shadow:0 0 6px #00ff9c33}@media (max-width:768px){.darkpremium-container{-webkit-overflow-scrolling:touch;max-height:90vh;overflow-y:auto}.dp-content,.dp-header{padding:1.5rem}.dp-footer{text-align:center;flex-direction:column}.dp-btn{width:100%}}
.countdown-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.countdown-content{text-align:center;color:#fff;animation:1s infinite pulse}.countdown-number{color:#e74c3c;text-shadow:0 0 20px #e74c3ccc;margin-bottom:1rem;font-size:8rem;font-weight:700;animation:1s infinite bounce}.countdown-spinning{margin-bottom:1rem;font-size:6rem;animation:.5s linear infinite spin}.countdown-text{color:#f39c12;text-shadow:0 0 10px #f39c12cc;font-size:2rem;font-weight:600}.countdown-spinning.girando{animation:.1s linear infinite spin}.countdown-text.girando{color:#e74c3c;animation:.5s infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.countdown-number{font-size:6rem}.countdown-text{font-size:1.5rem}.countdown-spinning{font-size:4rem}}
.roulette-selector{justify-content:center;gap:15px;margin-bottom:25px;display:flex}.rouleta-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #0000;border-radius:25px;padding:12px 25px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 8px #0003}.rouleta-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.rouleta-btn.active{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border-color:#e74c3c;transform:scale(1.05);box-shadow:0 0 15px #e74c3c80}.rouleta-btn.active:hover{background:linear-gradient(135deg,#c0392b 0%,#a93226 100%);transform:scale(1.05)translateY(-2px)}@keyframes selectorPulse{0%,to{box-shadow:0 0 15px #e74c3c80}50%{box-shadow:0 0 25px #e74c3ccc}}.rouleta-btn.active{animation:2s infinite selectorPulse}@media (max-width:768px){.roulette-selector{gap:12px;margin-bottom:20px}.rouleta-btn{padding:10px 20px;font-size:.9rem}}@media (max-width:480px){.roulette-selector{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.rouleta-btn{width:100%;min-width:auto;padding:10px 15px;font-size:.9rem}}
@media (max-width:1024px){.roulette-container{max-width:100%;padding:15px}.roulette-content{gap:25px}.roulette-wheel-container{max-width:350px}}@media (max-width:768px){.roulette-page{padding:15px;overflow-x:hidden}.roulette-container{max-width:100%;padding:15px;overflow-x:hidden}.roulette-header{margin-bottom:25px}.roulette-title{margin-bottom:15px;font-size:2rem}.roulette-content{grid-template-columns:1fr;gap:20px;width:100%;max-width:100%}.roulette-controls-section{box-sizing:border-box;order:1;width:100%;max-width:100%;overflow:hidden}.roulette-wheel-section{box-sizing:border-box;order:2;width:100%;max-width:100%;overflow:hidden}.roulette-bets-section{order:3}.roulette-results-section{order:4}.roulette-wheel-container{max-width:300px;margin-bottom:30px}.roulette-controls .mesa-info{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;display:flex}.roulette-controls .mesa-info .mesa-id{order:1}.roulette-controls .mesa-info .mesa-status{order:2}.roulette-controls .mesa-info .mesa-progress{order:3;margin-top:12px}}@media (max-width:480px){.roulette-page{padding:10px;overflow-x:hidden}.roulette-container{max-width:100%;padding:10px;overflow-x:hidden}.roulette-header{margin-bottom:20px}.roulette-title{margin-bottom:10px;font-size:1.5rem}.roulette-content{gap:15px;width:100%;max-width:100%}.roulette-wheel-container{max-width:250px;margin-bottom:25px}.roulette-controls,.roulette-bets,.roulette-results{padding:15px}.roulette-controls .mesa-info .mesa-progress{order:3;margin-top:12px}}@media (max-width:360px){.roulette-page,.roulette-container{padding:5px}.roulette-title{font-size:1.3rem}.wheel-container{max-width:220px}.roulette-controls,.roulette-bets,.roulette-results{padding:12px}}@media (max-height:500px) and (orientation:landscape){.roulette-page,.roulette-container{padding:10px}.roulette-title{margin-bottom:10px;font-size:1.5rem}.roulette-content{grid-template-columns:1fr 1fr;gap:15px}.wheel-container{max-width:200px;margin-bottom:15px}.roulette-controls,.roulette-bets{padding:15px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.roulette-wheel-canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{.roulette-page{color:#000!important}.roulette-controls,.roulette-bets,.roulette-results{color:#000!important;box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}.bet-button,.rouleta-btn{display:none!important}}@media (prefers-reduced-motion:reduce){.wheel,.bet-slot,.winner-item,.rouleta-btn{transition:none!important;animation:none!important}.loading-spinner{animation:none!important}}@media (prefers-color-scheme:dark){.roulette-results,.winner-modal{color:#ecf0f1!important;background:#2c3e50!important}.winner-modal-close{color:#ecf0f1!important}.winner-modal-close:hover{color:#e74c3c!important}}.rouleta-btn:focus,.bet-button:focus,.winner-modal-btn:focus,.winner-modal-close:focus{outline-offset:2px;outline:2px solid #3498db}.wheel:focus{outline-offset:4px;outline:2px solid #3498db}.winner-modal::-webkit-scrollbar{width:8px}.winner-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.winner-modal::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.winner-modal::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
.bingo-page{color:#fff;background:radial-gradient(1200px 600px at 20% 10%,#00ff9c0f,#0000 60%),radial-gradient(1000px 500px at 80% 30%,#c7a0080a,#0000 60%),linear-gradient(135deg,#0a192f 0%,#151a23 50%,#1f2530 100%);min-height:100vh;padding-top:5px;overflow-x:hidden}.bingo-container{max-width:1400px;margin:0 auto;padding:1rem}.bingo-header{text-align:center;margin-bottom:1.5rem}.bingo-title{color:#fff;background:linear-gradient(135deg,#00ff9c,#00ff9c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:3rem;font-weight:900;line-height:1}.bingo-btn{cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;position:relative;overflow:hidden}.bingo-btn-primary{color:#0a192f;background:linear-gradient(135deg,#00ff9c,#00ff9c);box-shadow:0 6px 18px #00ff9c40}.bingo-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#00ff9c,#00ff9c);transform:translateY(-2px);box-shadow:0 12px 28px #00ff9c61}.bingo-btn-secondary{color:#fff;background:#ffffff1a;border:2px solid #00ff9c}.bingo-btn-secondary:hover:not(:disabled){background:#00ff9c1a;border-color:#00ff9c;transform:translateY(-2px);box-shadow:0 8px 20px #00ff9c33}.bingo-btn:disabled{color:#b0b0b0;cursor:not-allowed;box-shadow:none;background:#ffffff1a;transform:none}.bingo-status-draft{color:#b0b0b0}.bingo-status-selling{color:#00ff9c}.bingo-status-drawing{color:#c7a008;animation:2s infinite pulse}.bingo-status-ended{color:#b0b0b0}.bingo-status-cancelled{color:#ff4757}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.bingo-loading,.bingo-lobby-loading,.bingo-card-shop-loading,.bingo-admin-loading{color:#e5e5e5;justify-content:center;align-items:center;padding:2rem;display:flex}.bingo-error,.bingo-lobby-empty,.bingo-card-shop-error,.bingo-admin-error{color:#ff4757;text-align:center;background:#ff47571a;border:1px solid #ff475733;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.bingo-card-shop-empty{color:#e5e5e5;text-align:center;justify-content:center;align-items:center;padding:2rem;display:flex}@media (max-width:1024px){.bingo-title{font-size:2.5rem}}@media (max-width:768px){.bingo-container{padding:1rem}.bingo-title{font-size:2rem}}@media (max-width:480px){.bingo-title{font-size:1.75rem}}