@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;800&family=Playfair+Display:ital,wght@0,700;1,400&display=swap";.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);padding:1rem}.login-wrapper{max-width:28rem;width:100%}.login-logo-container{text-align:center;margin-bottom:2rem}.login-logo{height:8rem;width:auto;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,215,0,.3));margin:0 auto}.login-card{background:#1e293b;border-radius:1rem;box-shadow:0 25px 50px -12px #00000080;padding:2rem;border:1px solid #334155}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-label{display:block;font-size:.875rem;font-weight:500;color:#cbd5e1;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;background:#0f172a;border:1px solid #475569;border-radius:.5rem;color:#fff;font-size:1rem;transition:all .2s}.form-input::placeholder{color:#64748b}.form-input:focus{outline:none;ring:2px solid #fbbf24;border-color:transparent;box-shadow:0 0 0 2px #fbbf24}.password-container{position:relative}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover{color:#cbd5e1}.password-toggle svg{width:1.25rem;height:1.25rem}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.5);border-radius:.5rem;padding:1rem}.error-message p{color:#fca5a5;font-size:.875rem;text-align:center;margin:0}.login-button{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a;font-weight:700;font-size:1rem;border:none;border-radius:.5rem;box-shadow:0 10px 15px -3px #fbbf244d;cursor:pointer;transform:scale(1);transition:all .2s}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);transform:scale(1.02)}.login-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-footer{margin-top:1.5rem;text-align:center}.no-account-text{font-size:.875rem;color:#94a3b8;margin:0 0 .25rem}.agent-contact-text{font-size:.75rem;color:#fbbf24;margin:0}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid rgba(15,23,42,.3);border-radius:50%;border-top-color:#0f172a;animation:spin .6s linear infinite;margin-right:.75rem}@keyframes pulse-gold{0%{box-shadow:0 0 #ffd700b3;transform:scale(1)}50%{box-shadow:0 0 30px 10px #ffd700e6,0 0 60px 30px #ffa50099;transform:scale(1.1)}to{box-shadow:0 0 #ffd70000;transform:scale(1)}}.casino-lobby{min-height:100vh;background:#0d0c0f;background-image:linear-gradient(#0d0c0fd9,#0d0c0fbf),radial-gradient(ellipse at 10% 20%,rgba(212,175,55,.15) 0%,transparent 40%),radial-gradient(ellipse at 90% 80%,rgba(0,191,255,.1) 0%,transparent 50%),var(--lobby-bg-image);background-size:cover,auto,auto,cover;background-position:center,center,center,center;background-attachment:fixed,scroll,scroll,fixed;background-repeat:no-repeat;color:#eaeaea;font-family:Roboto,sans-serif;padding:0;overflow-x:hidden;position:relative;animation:lobby-fade-in .8s ease-out}.user-top-bar{background:linear-gradient(to bottom,#00000080,#00000080);border-bottom:1px solid rgba(212,175,55,.3);padding:.5rem 1.5rem;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;z-index:100;flex-wrap:nowrap;gap:1rem}.user-info-section{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap}.user-name{font-size:1.1rem;font-weight:700;color:#fde047;text-shadow:0 0 10px rgba(253,224,71,.5);white-space:nowrap}.vip-badge{padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 0 10px #0000004d;display:flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.2);margin-left:8px;animation:fadeIn .5s ease-out}.vip-badge.bronze{background:linear-gradient(135deg,#cd7f32,#a05a2c);color:#fff;border-color:#cd7f32;box-shadow:0 0 10px #cd7f3266}.vip-badge.silver{background:linear-gradient(135deg,#e0e0e0,#9e9e9e);color:#333;border-color:#fff;box-shadow:0 0 10px #fff6}.vip-badge.gold{background:linear-gradient(135deg,gold,#fdb931);color:#000;border-color:gold;box-shadow:0 0 15px #ffd70099;animation:pulse-gold-badge 2s infinite}.vip-badge.ambassador{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#34d399;box-shadow:0 0 15px #10b98199}@keyframes pulse-gold-badge{0%{box-shadow:0 0 10px #ffd70099}50%{box-shadow:0 0 20px gold}to{box-shadow:0 0 10px #ffd70099}}.user-resources{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap}.balance{font-size:1.2rem;font-weight:800;color:#10b981;background:#10b9811a;padding:.4rem .8rem;border-radius:8px;border:2px solid rgba(16,185,129,.3);text-shadow:0 0 10px rgba(16,185,129,.5);white-space:nowrap}.tickets-display{display:flex;gap:.5rem;flex-wrap:nowrap}.ticket-item{background:#ffffff1a;padding:.3rem .6rem;border-radius:6px;border:1px solid rgba(212,175,55,.3);font-weight:600;font-size:.85rem;white-space:nowrap}.user-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:nowrap}.profile-menu-container{position:relative}.btn-profile{background:#1e293bb3;color:#e2e8f0;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:8px;font-family:Montserrat,sans-serif;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.4rem;box-shadow:0 4px 6px #0000001a;white-space:nowrap;backdrop-filter:blur(5px)}.btn-profile:hover{background:#334155e6;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;border-color:#fff6;color:#fff}.btn-glass{background:#ffffff0d;border:1px solid rgba(255,255,255,.15)}.btn-glass:hover{background:#ffffff1a;border-color:#ffffff4d}.btn-icon-green{color:#10b981}.btn-icon-blue{color:#6366f1}.btn-icon-gold{color:#f59e0b}.glow-active{box-shadow:0 0 15px #f59e0b66;border-color:#f59e0b99;animation:pulse-border 2s infinite}@keyframes pulse-border{0%{border-color:#f59e0b66}50%{border-color:#f59e0b}to{border-color:#f59e0b66}}.btn-vip{background:linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);background-size:300% 100%;color:#1a1a1a!important;border:1px solid rgba(255,255,255,.6)!important;box-shadow:0 0 15px #d4af3780!important;font-weight:800!important;letter-spacing:.5px;position:relative;overflow:hidden;animation:gold-gradient-move 4s ease infinite alternate}.btn-vip:hover{background:linear-gradient(135deg,#d4a746,#fffacd,#c6952d,#fff7bd,#bd841f);background-size:300% 100%;transform:translateY(-2px) scale(1.02);box-shadow:0 0 30px #ffd700cc,0 0 60px #ffd70066,inset 0 0 10px #ffffff80!important;border-color:#fff!important}.btn-vip .vip-icon{color:#3e2723;filter:drop-shadow(0 1px 0 rgba(255,255,255,.5));font-size:1.1rem}.btn-vip:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#fffc,#fff0);transform:skew(-25deg);animation:vip-shine 3s infinite}.btn-withdrawal,.btn-purchase{border:1px solid rgba(255,255,255,.8)!important}@keyframes vip-shine{0%{left:-100%}20%{left:200%}to{left:200%}}@keyframes gold-gradient-move{0%{background-position:0% 50%}to{background-position:100% 50%}}.profile-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:linear-gradient(135deg,#1e293b,#334155);border:2px solid rgba(212,175,55,.4);border-radius:10px;padding:.5rem;min-width:220px;box-shadow:0 10px 30px #00000080;z-index:1000}.dropdown-item{width:100%;background:transparent;color:#fff;border:none;padding:.75rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.75rem;text-align:left}.dropdown-item:hover{background:#d4af3726;transform:translate(4px)}.dropdown-item.logout{color:#ef4444;border-top:1px solid rgba(255,255,255,.1);margin-top:.5rem}.dropdown-item.logout:hover{background:#ef444426}@keyframes lobby-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.casino-lobby:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(212,175,55,.03) 0%,transparent 50%);animation:parallax-float 20s ease-in-out infinite;pointer-events:none;z-index:0}.casino-lobby:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(212,175,55,.4),transparent),radial-gradient(2px 2px at 60% 70%,rgba(212,175,55,.4),transparent),radial-gradient(1px 1px at 50% 50%,rgba(212,175,55,.4),transparent),radial-gradient(1px 1px at 80% 10%,rgba(212,175,55,.4),transparent),radial-gradient(2px 2px at 90% 60%,rgba(212,175,55,.4),transparent),radial-gradient(1px 1px at 33% 85%,rgba(212,175,55,.4),transparent),radial-gradient(2px 2px at 75% 25%,rgba(212,175,55,.4),transparent);background-size:200% 200%;background-position:0% 0%;animation:particles-float 30s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes parallax-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.02)}}@keyframes particles-float{0%,to{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}.player-info-bar{position:fixed;top:0;left:0;width:100%;background:linear-gradient(to bottom,#000c,#000000b3);backdrop-filter:blur(10px);border-bottom:2px solid rgba(212,175,55,.4);padding:12px 0;z-index:1000;box-shadow:0 4px 20px #00000080}.player-info-content{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1600px;margin:0 auto;padding:0 40px}.player-info-item{display:flex;align-items:center;gap:8px;font-size:.9rem}.player-username{background:linear-gradient(135deg,#d4af3740,#d4af3726);padding:10px 20px;border-radius:25px;border:2px solid rgba(212,175,55,.6);box-shadow:0 0 20px #d4af374d,0 4px 15px #0000004d;animation:username-glow 3s ease-in-out infinite}@keyframes username-glow{0%,to{box-shadow:0 0 20px #d4af374d,0 4px 15px #0000004d;border-color:#d4af3799}50%{box-shadow:0 0 30px #d4af3780,0 4px 15px #0000004d;border-color:#d4af37cc}}.player-username .info-label{color:#d4af37;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 8px rgba(212,175,55,.4)}.player-username .info-value{color:#f5e6c8;font-weight:700;font-size:1.1rem;letter-spacing:.5px;text-shadow:0 0 12px rgba(212,175,55,.5)}.player-balance{background:linear-gradient(135deg,#4caf5040,#4caf5026);padding:10px 20px;border-radius:25px;border:2px solid rgba(76,175,80,.6);box-shadow:0 0 20px #4caf504d,0 4px 15px #0000004d;cursor:pointer;transition:all .3s ease;position:relative;animation:balance-glow 3s ease-in-out infinite}@keyframes balance-glow{0%,to{box-shadow:0 0 20px #4caf504d,0 4px 15px #0000004d;border-color:#4caf5099}50%{box-shadow:0 0 30px #4caf5080,0 4px 15px #0000004d;border-color:#4caf50cc}}.player-balance:hover{transform:translateY(-1px);box-shadow:0 0 35px #4caf5080,0 4px 15px #0000004d}.player-balance .info-label{color:#4caf50;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 8px rgba(76,175,80,.4)}.balance-icon{width:24px;height:24px;filter:drop-shadow(0 0 5px rgba(205,127,50,.6))}.balance-hidden{display:flex;align-items:center;min-width:70px}.hidden-dots{color:#9e9e9e;font-size:1.2rem;letter-spacing:2px}.balance-toggle{background:none;border:none;color:#4caf50;font-size:1.1rem;cursor:pointer;padding:0;margin-left:8px;display:flex;align-items:center;transition:all .3s ease;filter:drop-shadow(0 0 5px rgba(76,175,80,.4))}.balance-toggle:hover{color:#66bb6a;transform:scale(1.15);filter:drop-shadow(0 0 10px rgba(76,175,80,.6))}.player-tickets{font-weight:600;color:#d4af37}.ticket-count{background:#ffffff0d;padding:6px 12px;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.info-label{color:#9e9e9e;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value{color:#eaeaea;font-weight:600;font-size:.95rem}.balance-amount{color:#4caf50;font-family:Roboto,monospace;font-size:1.1rem;font-weight:700;text-shadow:0 0 10px rgba(76,175,80,.3)}.ticket-label{color:#b0b0b0;font-size:.85rem}.ticket-value{color:#00bfff;font-weight:700;font-size:1rem;font-family:Roboto,monospace}.info-icon{color:#d4af37;font-size:1.1rem;filter:drop-shadow(0 0 5px rgba(212,175,55,.4))}.player-info-separator{width:1px;height:24px;background:linear-gradient(to bottom,transparent,rgba(212,175,55,.5),transparent)}.support-button{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#d4af3733,#d4af371a);color:#d4af37;border:1px solid rgba(212,175,55,.5);padding:8px 18px;border-radius:20px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 10px #d4af3733;filter:drop-shadow(0 2px 5px rgba(212,175,55,.3))}.support-button:hover{background:linear-gradient(135deg,#d4af374d,#d4af3733);border-color:#d4af37b3;box-shadow:0 0 20px #d4af3766;filter:drop-shadow(0 4px 10px rgba(212,175,55,.5));transform:translateY(-2px)}.support-icon{font-size:1.2rem;animation:support-pulse 3s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(212,175,55,.5))}@keyframes support-pulse{0%,to{opacity:1;filter:drop-shadow(0 0 5px rgba(212,175,55,.5))}50%{opacity:.8;filter:drop-shadow(0 0 15px rgba(212,175,55,.8))}}.lobby-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:40px;padding:100px 40px 10px;margin-bottom:10px;border-bottom:1px solid rgba(212,175,55,.25);position:relative}.logo-container{position:relative;text-align:center;grid-column:2}.logo-image{width:480px;height:auto;position:relative;z-index:1;filter:drop-shadow(0 5px 15px rgba(212,175,55,.5));animation:logo-shine 4s ease-in-out infinite;transition:opacity .3s ease,filter .3s ease;will-change:filter}@keyframes logo-shine{0%,to{filter:drop-shadow(0 5px 15px rgba(212,175,55,.5)) brightness(1)}50%{filter:drop-shadow(0 5px 25px rgba(212,175,55,.8)) brightness(1.1)}}.logo-shine{position:absolute;top:-50%;left:-30%;width:160%;height:200%;background:radial-gradient(circle,rgba(212,175,55,.15),transparent 60%);filter:blur(40px);animation:logo-pulse 4s ease-in-out infinite;pointer-events:none}@keyframes logo-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.logo-text{position:relative;z-index:1;margin:0;line-height:.9}.logo-bingo{display:block;font-family:Playfair Display,serif;font-size:3.5rem;font-weight:900;letter-spacing:5px;color:#d4af37;text-shadow:0 0 15px rgba(212,175,55,.5),0 0 30px rgba(212,175,55,.3)}.logo-karat{display:block;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:300;letter-spacing:10.5px;color:silver;text-transform:uppercase;margin-top:10px;margin-left:2px;text-shadow:0 0 10px rgba(192,192,192,.3)}.logo-tagline{font-size:.9rem;color:#8a8a8a;letter-spacing:1px;margin-top:5px;font-style:italic}.header-stats{display:flex;flex-direction:column;gap:15px}.header-stats.left{align-items:flex-start}.header-stats.right{align-items:flex-end}.stat-card{display:flex;align-items:center;gap:18px;background:#0f0f0fcc;backdrop-filter:blur(10px);padding:18px 24px;border-radius:12px;border:1px solid rgba(212,175,55,.3);box-shadow:0 4px 15px #0000004d,0 0 20px #d4af3726;transition:all .3s ease;min-width:240px;animation:stat-card-shine 4s ease-in-out infinite}@keyframes stat-card-shine{0%,to{box-shadow:0 4px 15px #0000004d,0 0 20px #d4af3726;border-color:#d4af374d}50%{box-shadow:0 4px 15px #0000004d,0 0 30px #d4af374d;border-color:#d4af3780}}.stat-card:hover{transform:translateY(-2px);border-color:#d4af3799;box-shadow:0 6px 20px #d4af374d,0 0 40px #d4af3766}.stat-icon{font-size:2.2rem;color:#d4af37;filter:drop-shadow(0 0 10px rgba(212,175,55,.6));animation:stat-icon-pulse 3s ease-in-out infinite}@keyframes stat-icon-pulse{0%,to{opacity:1;transform:scale(1);filter:drop-shadow(0 0 10px rgba(212,175,55,.6))}50%{opacity:.9;transform:scale(1.08);filter:drop-shadow(0 0 20px rgba(212,175,55,.8))}}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:1.65rem;font-weight:700;color:#d4af37;font-family:Roboto,monospace;letter-spacing:1px;text-shadow:0 0 15px rgba(212,175,55,.5)}.stat-label{font-size:.8rem;color:#9e9e9e;text-transform:uppercase;letter-spacing:1px;font-weight:500}.lobby-title{text-align:center;margin-bottom:60px}.lobby-title h2{font-family:Playfair Display,serif;font-size:3rem;font-weight:700;margin-bottom:15px;color:#f0e6d2;letter-spacing:2px}.lobby-title p{font-size:1.2rem;color:#a0a0a0;letter-spacing:.5px;font-style:italic;font-weight:300}.rooms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;max-width:1700px;margin:0 auto 60px;padding:20px;position:relative;z-index:1}.room-turquoise .room-card{background:linear-gradient(160deg,#00f5d40d,#1a1a1ccc);animation:gradient-shift-turquoise 8s ease-in-out infinite}.room-bronze .room-card{background:linear-gradient(160deg,#e49b390d,#1a1a1ccc);animation:gradient-shift-bronze 8s ease-in-out infinite}.room-silver .room-card{background:linear-gradient(160deg,#e0e0e00d,#1a1a1ccc);animation:gradient-shift-silver 8s ease-in-out infinite}.room-gold .room-card{background:linear-gradient(160deg,#ffd70014,#1a1a1ccc);animation:gradient-shift-gold 8s ease-in-out infinite}@keyframes gradient-shift-turquoise{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes gradient-shift-bronze{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes gradient-shift-silver{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes gradient-shift-gold{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.room-link{text-decoration:none;color:inherit;display:block;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.room-link:hover{transform:translateY(-15px)}.room-card{height:100%;position:relative;background:linear-gradient(160deg,#2c2c2ecc,#1a1a1ccc);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:25px;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:580px;box-shadow:0 10px 30px #00000080,0 0 0 1px #ffffff0d inset,0 8px 32px #1f268733;animation:card-entrance .8s ease-out backwards;transform:translateZ(0)}@keyframes card-entrance{0%{opacity:0;transform:translateY(60px) scale(.95) rotateX(10deg);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0);filter:blur(0px)}}.room-card.featured{border-width:2px;animation:featured-pulse 2.5s ease-in-out infinite}@keyframes featured-pulse{0%,to{box-shadow:0 10px 30px #00000080,0 0 20px #d4af3766}50%{box-shadow:0 10px 30px #00000080,0 0 40px #d4af37b3}}.room-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;opacity:.5}.particle{position:absolute;background:currentColor;border-radius:50%;animation:particle-float 8s ease-in-out infinite;opacity:0}@keyframes particle-float{0%{transform:translateY(100%) scale(.5);opacity:0}10%,90%{opacity:1}to{transform:translateY(-200%) scale(1);opacity:0}}.room-texture{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;background-size:50px 50px;background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.1) 75%),linear-gradient(-45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.1) 75%)}.room-status-badge{position:absolute;top:20px;right:20px;padding:6px 14px;border-radius:30px;font-size:.8rem;font-weight:700;letter-spacing:.5px;z-index:2;backdrop-filter:blur(5px);border:1px solid}.room-status-badge.active,.room-status-badge.drawing{background:#00bfff26;color:#00bfff;border-color:#00bfff80;animation:badge-blink 1.5s ease-in-out infinite}.room-status-badge.opening{background:#ffab0026;color:#ffab00;border-color:#ffab0080}.room-status-badge.soon{background:#9e9e9e26;color:#9e9e9e;border-color:#9e9e9e80}.room-status-badge.closed{background:#61616126;color:#616161;border-color:#61616180}@keyframes badge-blink{0%,to{opacity:1;box-shadow:0 0 5px currentColor}50%{opacity:.6;box-shadow:none}}.room-icon{font-size:3.5rem;margin:30px 0 20px;position:relative;z-index:1;filter:drop-shadow(0 5px 10px rgba(0,0,0,.4));animation:icon-bounce 3s ease-in-out infinite}.room-icon-img{width:80px;height:80px;object-fit:contain;margin:30px 0 20px;position:relative;z-index:1;filter:drop-shadow(0 5px 10px rgba(0,0,0,.4));animation:icon-bounce 3s ease-in-out infinite;transition:opacity .3s ease;will-change:transform}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.room-name{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;letter-spacing:1px;margin-bottom:10px;position:relative;z-index:1;color:#fff;filter:drop-shadow(0 3px 8px currentColor);animation:metallic-shine 4s ease-in-out infinite}@keyframes metallic-shine{0%,to{filter:drop-shadow(0 3px 8px currentColor) brightness(1)}50%{filter:drop-shadow(0 5px 15px currentColor) brightness(1.15)}}.room-time{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:400;margin-bottom:15px;color:#bdbdbd;position:relative;z-index:1}.time-icon{font-size:1.2rem}.room-description{font-size:1rem;color:#9e9e9e;margin-bottom:25px;font-style:italic;font-weight:300;position:relative;z-index:1}.room-divider{width:60%;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.15),transparent);margin:20px 0;position:relative;z-index:1}.room-price-section{margin-bottom:25px;position:relative;z-index:1}.price-label{font-size:.8rem;color:#8a8a8a;letter-spacing:1.5px;margin-bottom:8px;text-transform:uppercase;font-weight:400}.room-price{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;letter-spacing:1px;text-shadow:0 2px 10px rgba(0,0,0,.3);padding:5px 20px;border-radius:10px;display:inline-block;animation:price-rotate-3d 8s ease-in-out infinite;transform-style:preserve-3d}@keyframes price-rotate-3d{0%,to{transform:rotateY(0)}50%{transform:rotateY(360deg)}}.room-turquoise .room-price{color:#00f5d4}.room-bronze .room-price{color:#e49b39;animation-delay:8s}.room-silver .room-price{color:#e0e0e0;animation-delay:16s}.room-gold .room-price{color:gold;text-shadow:0 0 20px rgba(255,215,0,.6);animation-delay:24s}.room-pots-container{flex:1;display:flex;flex-direction:column;gap:15px;margin:20px 0;position:relative;z-index:1;width:100%;padding:0 10px}.pot-main{background:#0003;border-radius:12px;padding:15px;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 10px #0003 inset}.pot-main .pot-label{font-size:.8rem;color:#bdbdbd;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase;font-weight:700;text-align:center}.pot-main .pot-amount{font-size:2rem;font-weight:700;font-family:Roboto,monospace;letter-spacing:1px;text-align:center}.room-bronze .pot-main .pot-amount{color:#e49b39}.room-silver .pot-main .pot-amount{color:#e0e0e0}.room-gold .pot-main{border-color:#d4af374d;background:#d4af370d}.room-gold .pot-main .pot-amount{color:gold;font-size:2.2rem;text-shadow:0 0 25px rgba(255,215,0,.5);animation:pot-shine 2.5s ease-in-out infinite}@keyframes pot-shine{0%,to{text-shadow:0 0 25px rgba(255,215,0,.4);transform:scale(1)}50%{text-shadow:0 0 40px rgba(255,215,0,.7);transform:scale(1.02)}}.pots-secondary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pot-secondary{background:#00000026;border-radius:10px;padding:10px;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:10px}.pot-secondary-icon{font-size:1.5rem;flex-shrink:0;opacity:.7}.pot-secondary-info{flex:1;text-align:left}.pot-secondary-label{font-size:.7rem;color:#9e9e9e;letter-spacing:.5px;text-transform:uppercase;font-weight:400;margin-bottom:4px}.pot-secondary-amount{font-size:1.1rem;font-weight:700;font-family:Roboto,monospace}.room-bronze .pot-secondary-amount{color:#e49b39}.room-silver .pot-secondary-amount{color:#e0e0e0}.room-gold .pot-secondary{border-color:#d4af3726;background:#d4af3708}.room-gold .pot-secondary-amount{color:gold}.starter-rewards{margin:20px 0;flex:1;display:flex;flex-direction:column;justify-content:center}.rewards-details{margin-top:12px;display:flex;flex-direction:column;gap:8px}.reward-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#0003;border-radius:8px;border:1px solid rgba(0,245,212,.2)}.reward-label{font-size:.9rem;color:#ffffffb3;font-weight:500}.reward-value{font-size:1rem;color:#00f5d4;font-weight:700;display:flex;align-items:center;gap:4px}.rewards-icons{display:flex;justify-content:center;gap:15px;margin-top:15px}.reward-icon{font-size:2rem;animation:reward-float 3.5s ease-in-out infinite;filter:drop-shadow(0 0 5px currentColor)}.room-turquoise .reward-icon{color:#00f5d4}.reward-icon:nth-child(1){animation-delay:0s}.reward-icon:nth-child(2){animation-delay:.3s}.reward-icon:nth-child(3){animation-delay:.6s}.reward-icon:nth-child(4){animation-delay:.9s}@keyframes reward-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(8deg)}75%{transform:translateY(-4px) rotate(-8deg)}}.room-enter-btn{margin-top:auto;padding:18px 45px;font-size:1.1rem;font-weight:700;letter-spacing:1.5px;border:1px solid;border-radius:50px;cursor:pointer;transition:all .3s ease;position:relative;z-index:1;text-transform:uppercase;background:transparent;backdrop-filter:blur(3px)}.room-turquoise .room-enter-btn{border-color:#00f5d4;color:#00f5d4}.room-bronze .room-enter-btn{border-color:#e49b39;color:#e49b39}.room-silver .room-enter-btn{border-color:#e0e0e0;color:#e0e0e0}.room-gold .room-enter-btn{border-color:gold;color:gold}.room-link:hover .room-enter-btn{background:currentColor;color:#1a1a1c;box-shadow:0 0 20px currentColor;transform:scale(1.05)}.room-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 50%);transform:scale(0);transition:transform .6s ease;pointer-events:none;border-radius:50%}.room-link:hover .room-shine{transform:scale(2)}.winners-ticker{position:fixed;bottom:0;left:0;width:100%;background:linear-gradient(to top,#000,#000c);border-top:1px solid rgba(212,175,55,.3);padding:15px 0;z-index:100;overflow:hidden}.ticker-label{text-align:center;font-size:.9rem;font-weight:700;letter-spacing:1.5px;color:#d4af37;margin-bottom:12px;text-transform:uppercase}.ticker-content{overflow:hidden;white-space:nowrap}.ticker-track{display:inline-flex;gap:60px;animation:ticker-scroll 80s linear infinite}.ticker-item{display:inline-flex;align-items:center;gap:12px;font-size:1.1rem;padding:8px 25px;background:#ffffff08;border-radius:30px;border:1px solid rgba(255,255,255,.08)}.winner-name{font-weight:400;color:#eaeaea}.winner-separator{color:#555}.winner-amount{font-weight:700;color:#4caf50;font-family:Roboto,monospace}.winner-room{font-size:.8rem;font-weight:700;padding:5px 12px;border-radius:15px;text-transform:uppercase}.winner-room.room-oro{background:#d4af3733;color:#d4af37}.winner-room.room-plata{background:#c0c0c033;color:silver}.winner-room.room-bronce{background:#cd7f3233;color:#cd7f32}.lobby-footer{padding:50px 20px 140px;text-align:center}.footer-info{display:flex;justify-content:center;gap:70px;flex-wrap:wrap}.info-item{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:1rem;color:#a0a0a0;font-weight:300}.info-icon{font-size:2.2rem;color:#d4af37;opacity:.7}@media (max-width: 1600px){.rooms-grid{grid-template-columns:repeat(2,1fr);max-width:850px}}@media (max-width: 900px){.rooms-grid{grid-template-columns:1fr;max-width:450px}.lobby-header{flex-direction:column;gap:30px;text-align:center}.logo-bingo{font-size:2.8rem}.logo-karat{font-size:1.2rem;letter-spacing:8.5px}.lobby-title h2{font-size:2.2rem}.room-card{min-height:auto}.footer-info{gap:40px}}@media (max-width: 480px){.casino-lobby{padding:10px}.lobby-header{padding:20px 15px}.rooms-grid{padding:0 10px}.pot-main .pot-amount{font-size:1.8rem}.pots-secondary{grid-template-columns:1fr}}.room-turquoise.room-link:hover .room-card{border-color:#00f5d4;box-shadow:0 20px 40px #0009,0 0 30px #00f5d4}.room-bronze.room-link:hover .room-card{border-color:#cd7f32;box-shadow:0 20px 40px #0009,0 0 30px #cd7f32}.room-silver.room-link:hover .room-card{border-color:#e0e0e0;box-shadow:0 20px 40px #0009,0 0 30px #e0e0e0}.room-gold.room-link:hover .room-card{border-color:#d4af37;box-shadow:0 20px 40px #0009,0 0 30px #d4af37}.ribbon-wrapper{position:absolute;top:0;left:0;width:180px;height:180px;overflow:hidden;z-index:3}.ribbon{position:absolute;left:-48px;top:42px;transform:rotate(-45deg);width:240px;background:#00f5d4;color:#0d0c0f;text-align:center;font-weight:900;font-size:1.2rem;letter-spacing:1.5px;padding:10px 0;box-shadow:0 5px 10px #0000004d;font-family:Playfair Display,serif;text-transform:uppercase}.sidebar-toggle-btn{position:fixed;top:20px;left:20px;z-index:1001;width:50px;height:50px;background:linear-gradient(135deg,#d4af3733,#d4af371a);border:2px solid rgba(212,175,55,.4);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(10px)}.sidebar-toggle-btn:hover{background:linear-gradient(135deg,#d4af374d,#d4af3733);border-color:#d4af3799;transform:scale(1.05);box-shadow:0 8px 20px #d4af374d}.hamburger-icon{display:flex;flex-direction:column;gap:5px}.hamburger-icon span{width:25px;height:3px;background:#d4af37;border-radius:2px;transition:all .3s ease}.sidebar-toggle-btn:hover .hamburger-icon span{background:gold}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:999;animation:fadeIn .3s ease}.lobby-sidebar{position:fixed;top:0;left:-350px;width:350px;height:100vh;background:linear-gradient(180deg,#0d0c0ffa,#141219fa);backdrop-filter:blur(20px);border-right:2px solid rgba(212,175,55,.3);box-shadow:5px 0 30px #000c;z-index:1000;transition:left .4s cubic-bezier(.68,-.55,.265,1.55);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.5) transparent}.lobby-sidebar::-webkit-scrollbar{width:6px}.lobby-sidebar::-webkit-scrollbar-track{background:#0000004d}.lobby-sidebar::-webkit-scrollbar-thumb{background:#d4af3780;border-radius:3px}.lobby-sidebar.open{left:0}.sidebar-header{padding:25px 20px;background:linear-gradient(135deg,#d4af3726,#00bfff1a);border-bottom:2px solid rgba(212,175,55,.3);display:flex;justify-content:space-between;align-items:center}.sidebar-title{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:#d4af37;text-shadow:0 2px 10px rgba(212,175,55,.5);margin:0}.sidebar-close-btn{background:none;border:none;color:#d4af37;font-size:2rem;cursor:pointer;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.sidebar-close-btn:hover{background:#d4af3733;color:gold;transform:rotate(90deg)}.sidebar-content{padding:20px}.sidebar-section{margin-bottom:25px;padding:20px;background:linear-gradient(135deg,#d4af370d,#00bfff08);border:1px solid rgba(212,175,55,.2);border-radius:15px;transition:all .3s ease}.sidebar-section:hover{background:linear-gradient(135deg,#d4af3714,#00bfff0d);border-color:#d4af3766;transform:translate(5px);box-shadow:-5px 0 15px #d4af3733}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(212,175,55,.2)}.section-header.collapsible{cursor:pointer;padding:10px;border-radius:8px;transition:background-color .2s ease;border-bottom:none}.section-header.collapsible:hover{background-color:#ffffff0d}.section-header.collapsible:active{background-color:#ffffff1a}.section-icon{font-size:1.3rem;color:#d4af37}.section-header h3{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;color:#eaeaea;margin:0}.player-info{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.player-name{font-size:1.2rem;font-weight:700;color:gold;text-shadow:0 2px 8px rgba(255,215,0,.4);flex:1}.logout-btn{padding:8px 16px;background:linear-gradient(135deg,#dc3545cc,#b91c1ce6);border:1px solid rgba(220,53,69,.5);border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #dc35454d}.logout-btn:hover{background:linear-gradient(135deg,#dc3545,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px #dc354580}.logout-btn:active{transform:translateY(0);box-shadow:0 2px 6px #dc354566}.balance-info{display:flex;align-items:center;gap:15px;cursor:pointer;padding:15px;background:#d4af370d;border-radius:10px;transition:all .3s ease}.balance-info:hover{background:#d4af371a;transform:scale(1.02)}.balance-icon-sidebar{width:30px;height:30px;filter:drop-shadow(0 2px 5px rgba(212,175,55,.5))}.balance-amount-sidebar{font-size:1.5rem;font-weight:700;color:#00f5d4;text-shadow:0 2px 10px rgba(0,245,212,.5);flex:1}.balance-hidden-sidebar{font-size:1.5rem;color:#888;flex:1}.balance-toggle-sidebar{background:#d4af3733;border:1px solid rgba(212,175,55,.3);color:#d4af37;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease}.balance-toggle-sidebar:hover{background:#d4af374d;color:gold}.tickets-list{display:flex;flex-direction:column;gap:12px;margin-top:10px}.ticket-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#0000004d;border:1px solid rgba(212,175,55,.2);border-radius:10px;transition:all .3s ease}.ticket-item:hover{background:#d4af371a;border-color:#d4af3766;transform:translate(5px)}.ticket-room-name{font-weight:600;color:#eaeaea;font-size:1rem}.ticket-count-badge{background:linear-gradient(135deg,#d4af37,gold);color:#0d0c0f;padding:5px 15px;border-radius:20px;font-weight:700;font-size:.95rem;box-shadow:0 3px 10px #d4af3766}.audio-controls-section{margin-top:20px}.audio-controls{display:flex;flex-direction:column;gap:12px;margin-top:10px}.audio-control-btn{display:flex;align-items:center;gap:12px;padding:12px 18px;background:#0000004d;border:1px solid rgba(212,175,55,.2);border-radius:10px;color:#888;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.audio-control-btn:hover{background:#d4af371a;border-color:#d4af374d;transform:translate(5px)}.audio-control-btn.active{background:linear-gradient(135deg,#00bfff26,#00bfff14);border-color:#00bfff80;color:#00bfff;box-shadow:0 0 15px #00bfff4d}.audio-control-btn.active:hover{box-shadow:0 0 20px #00bfff80;transform:translate(5px) scale(1.02)}.audio-control-btn svg{font-size:1.3rem}.support-button-sidebar{width:100%;padding:15px;background:linear-gradient(135deg,#00f5d433,#00bfff33);border:2px solid rgba(0,245,212,.4);border-radius:12px;color:#00f5d4;font-weight:700;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease}.support-button-sidebar:hover{background:linear-gradient(135deg,#00f5d44d,#00bfff4d);border-color:#00f5d499;transform:scale(1.05);box-shadow:0 8px 20px #00f5d44d}.support-button-sidebar .support-icon{font-size:1.3rem}.countdown-container{display:flex;flex-direction:column;align-items:center;gap:8px}.countdown-label-text{font-size:.85rem;font-weight:500;color:#e0e0e0;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 10px currentColor;opacity:0;animation:label-fade-in .8s ease-out .3s forwards;transition:all .3s ease}.countdown-label-text.drawing{font-size:1rem;font-weight:700;color:#00bfff;letter-spacing:2px;text-shadow:0 0 10px #00BFFF,0 0 20px #00BFFF,0 0 30px #00BFFF;animation:label-fade-in .8s ease-out .3s forwards,drawing-pulse 1.5s ease-in-out infinite}@keyframes drawing-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes label-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:.85;transform:translateY(0)}}.countdown-timer{display:flex;align-items:baseline;justify-content:center;gap:5px;font-family:Roboto,monospace;background:#0003;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);min-width:130px;text-align:center}.countdown-segment{display:flex;flex-direction:column;align-items:center;line-height:1}.countdown-number{font-size:2.8rem;font-weight:700;letter-spacing:1px;color:#0ff}.countdown-label{font-size:.6rem;font-weight:400;color:#9e9e9e;text-transform:uppercase}.countdown-separator{font-size:1.2rem;font-weight:700;color:#616161;animation:separator-blink 1s steps(1,end) infinite}@keyframes separator-blink{0%,50%{opacity:1}51%,to{opacity:.4}}.live-text{font-size:1.1rem;font-weight:700;color:#ff5252;animation:live-pulse 1.5s ease-in-out infinite}@keyframes live-pulse{0%,to{transform:scale(1);text-shadow:0 0 10px rgba(255,82,82,.5)}50%{transform:scale(1.05);text-shadow:0 0 20px rgba(255,82,82,.8)}}.live-draw-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:20px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #dc262680;z-index:10;animation:pulse-glow-live 2s ease-in-out infinite}.live-draw-badge .live-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:blink-live 1.5s ease-in-out infinite}@keyframes pulse-glow-live{0%,to{box-shadow:0 4px 12px #dc262680;transform:scale(1)}50%{box-shadow:0 6px 20px #dc2626cc;transform:scale(1.05)}}@keyframes blink-live{0%,to{opacity:1}50%{opacity:.3}}.room-card{position:relative}.header-stats,.footer-info{display:none!important}.leaderboard-widget,.leaderboard-container,.leaderboard-section,[class*=leaderboard],[class*=top-players],.lobby-footer>div:not(.winners-ticker){display:none!important}.lobby-header .logo-container{visibility:hidden!important;height:0!important;margin:0!important;padding:0!important}html,body,#root,.lobby-container{height:100vh!important;min-height:100vh!important;max-height:100vh!important;overflow:hidden!important;margin:0!important;padding:0!important}.room-card{height:77vh!important;min-height:750px!important;max-height:800px!important;width:100%!important;max-width:none!important;padding:10px 10px 5px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}.room-icon-img{width:45px!important;height:45px!important;margin:5px 0 2px!important}.room-name{font-size:2.8rem!important;margin-bottom:2px!important;margin-top:0!important}.room-price-section{margin-bottom:5px!important;gap:4px!important}.price-label{font-size:.9rem!important;font-weight:700!important;color:#ccc!important}.room-price{font-size:2.8rem!important;font-weight:800!important;color:#10b981!important;text-shadow:0 4px 8px rgba(0,0,0,.6);line-height:1!important;margin:5px 0!important}.room-pots-container{gap:8px!important;flex:1;display:flex!important;flex-direction:column!important}.pot-main{padding:8px!important;background:#d4af371a!important;border:1px solid rgba(212,175,55,.3)!important}.pot-label{font-size:.85rem!important;font-weight:700!important;margin-bottom:2px!important;letter-spacing:1px!important}.pot-amount{font-size:1.8rem!important;line-height:1.1!important;text-shadow:0 2px 10px rgba(212,175,55,.5)}.pots-secondary{gap:8px!important;margin-top:5px!important}.pot-secondary{padding:6px!important;background:#0000004d!important}.pot-secondary-label{font-size:.7rem!important;font-weight:600!important;color:#aaa!important}.pot-secondary-amount{font-size:1.3rem!important;font-weight:700!important;color:#fff!important}.room-enter-btn{margin-top:auto!important;margin-bottom:5px!important;padding:10px 25px!important;font-size:.9rem!important;font-weight:800!important}.rooms-grid{margin-top:60px!important;margin-bottom:40px!important;height:calc(100vh - 120px)!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important;width:110vw!important;margin-left:0!important;left:50%!important;transform:translate(-50%)!important;padding:0 5px!important;box-sizing:border-box!important}.room-link{flex:1!important;margin:0 2px!important;min-width:0!important;width:auto!important;max-width:none!important}.rooms-grid>:nth-child(1),.rooms-grid>:nth-child(2),.rooms-grid>:nth-child(3),.rooms-grid>:nth-child(4){transform:none!important}.rooms-grid>:nth-child(2){margin-right:50px!important}.rooms-grid>:nth-child(3){margin-left:50px!important}.room-card:hover{transform:translateY(-10px)!important;box-shadow:0 20px 40px #00000080!important}.lobby-header{padding:5px 0!important;min-height:auto!important}.lobby-footer{padding:0!important;position:fixed!important;bottom:0!important;left:0!important;width:100%!important;z-index:1000!important;background:#000000f2!important}.winners-ticker{margin:0!important;padding:5px 0!important}.casino-lobby:not(.wheel-open):after{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:375px;height:375px;background-image:url(/logo.png);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:1!important;z-index:2000!important;pointer-events:none;filter:drop-shadow(0 0 30px rgba(212,175,55,.8));animation:shiny-pulse 2.5s ease-in-out infinite}@keyframes shiny-pulse{0%,to{filter:drop-shadow(0 0 30px rgba(212,175,55,.8)) brightness(1.1);transform:translate(-50%,-50%) scale(1)}50%{filter:drop-shadow(0 0 60px rgba(212,175,55,1)) brightness(1.5);transform:translate(-50%,-50%) scale(1.05)}}.rooms-grid{position:relative;z-index:2}.top-bar,.winners-ticker{position:relative;z-index:10}.replay-viewer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172af2;z-index:10000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);padding:20px}.replay-viewer-container{width:100%;max-width:900px;height:90vh;background:#1e293b;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;overflow:hidden;color:#fff}.replay-header{padding:20px 30px;background:#0003;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.replay-title h3{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#22d3ee,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.replay-title span{font-size:.8rem;color:#94a3b8;font-weight:600}.replay-main-display{padding:30px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at center,rgba(99,102,241,.1),transparent)}.current-ball-container{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.replay-ball{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#e2e8f0 40%,#94a3b8);box-shadow:0 10px 30px #0000004d,inset -5px -5px 15px #0003;display:flex;align-items:center;justify-content:center;border:4px solid white}.replay-ball.placeholder{background:transparent;border:4px dashed rgba(255,255,255,.2);color:#fff3;font-size:3rem;font-weight:900}.replay-ball .ball-number{font-size:4rem;font-weight:900;color:#1e293b}.ball-label{font-weight:800;font-size:.9rem;color:#22d3ee;letter-spacing:2px}.recent-balls{display:flex;gap:12px}.small-ball{width:40px;height:40px;border-radius:50%;background:#334155;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid rgba(255,255,255,.1);color:#94a3b8}.replay-timeline{padding:10px 40px;position:relative}.timeline-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#334155;border-radius:3px;outline:none}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#22d3ee;border-radius:50%;cursor:pointer;border:3px solid #1e293b;box-shadow:0 0 10px #22d3ee80}.timeline-markers{position:relative;height:25px;margin-top:5px;color:#64748b;font-size:.7rem;font-weight:700}.marker{position:absolute;transform:translate(-50%);top:0}.marker-line{color:#10b981}.marker-bingo{color:#f59e0b}.replay-controls{padding:20px 40px;display:flex;align-items:center;justify-content:space-between;background:#0003}.center-controls{display:flex;align-items:center;gap:20px}.btn-play-pause{width:64px;height:64px;border-radius:50%;background:#22d3ee;border:none;color:#1e293b;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 20px #22d3ee66;transition:transform .2s}.btn-play-pause:hover{transform:scale(1.1)}.btn-action{background:transparent;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.speed-selector{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#94a3b8}.speed-selector select{background:#334155;border:none;color:#fff;padding:4px 8px;border-radius:6px;outline:none}.replay-cards-section{flex:1;overflow-y:auto;padding:30px}.replay-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.replay-card-wrapper{background:#0f172a80;border-radius:16px;padding:10px}.replay-cards-section::-webkit-scrollbar{width:8px}.replay-cards-section::-webkit-scrollbar-track{background:transparent}.replay-cards-section::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.replay-cards-section::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width: 768px){.replay-viewer-overlay{padding:0}.replay-viewer-container{height:100vh;border-radius:0}.replay-main-display{padding:15px}.replay-ball{width:80px;height:80px}.replay-ball .ball-number{font-size:2.5rem}.replay-controls{padding:15px}}.activity-history-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a);z-index:9999;overflow-y:auto;color:#fff}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#ffffff0d;border-bottom:2px solid #ffd700;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.modal-header h2{margin:0;font-size:1.8rem;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.header-actions{display:flex;gap:15px;align-items:center}.btn-replay-action{background:linear-gradient(135deg,#22d3ee,#0ea5e9);border:none;padding:8px 16px;border-radius:20px;color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;box-shadow:0 4px 15px #0ea5e94d}.btn-replay-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e980;filter:brightness(1.1)}.btn-close{background:#ff4d4d33;border:2px solid #ff4d4d;color:#ff4d4d;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.btn-close:hover{background:#ff4d4d;color:#fff;transform:rotate(90deg)}.tabs{display:flex;gap:5px;padding:15px 30px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;position:sticky;top:80px;z-index:99;backdrop-filter:blur(10px)}.tab{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ccc;cursor:pointer;transition:all .3s;white-space:nowrap;font-size:.95rem}.tab:hover{background:#ffffff1a;border-color:#ffd70080;color:#fff}.tab.active{background:linear-gradient(135deg,gold,#ffed4e);border-color:gold;color:#000;font-weight:700;box-shadow:0 0 20px #ffd70066}.tab-content{padding:30px;min-height:calc(100vh - 180px)}.summary-section h3{text-align:center;font-size:2rem;margin-bottom:30px;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:1200px;margin:0 auto}.summary-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:20px;text-align:center;transition:all .3s}.summary-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ffd70033;border-color:gold}.summary-card.highlight{background:linear-gradient(135deg,#ffd70033,#ffed4e1a);border-color:gold}.summary-icon{font-size:3rem;margin-bottom:10px}.summary-value{font-size:2rem;font-weight:700;color:gold;margin-bottom:5px}.summary-label{font-size:.9rem;color:#ccc}.history-table{width:100%;border-collapse:collapse;background:#0000004d;border-radius:8px;overflow:hidden}.history-table thead{background:linear-gradient(135deg,gold,#ffed4e);color:#000}.history-table th{padding:15px;text-align:left;font-weight:700}.history-table td{padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.1)}.history-table tbody tr{transition:background .3s}.history-table tbody tr:hover{background:#ffffff0d}.history-table .amount{font-weight:700;color:#4caf50;text-align:right}.history-table .amount.negative{color:#ff4d4d}.history-table .amount.positive{color:#4caf50}.history-table .quantity{text-align:center;font-weight:700;color:gold}.history-table .serial{font-family:Courier New,monospace;color:gold;font-size:.9rem}.history-table .description{font-size:.9rem;color:#ccc}.history-table .notes{font-size:.85rem;color:#aaa;font-style:italic}.history-table .payment-details{font-family:Courier New,monospace;font-size:.85rem}.movement-type{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:700;text-transform:uppercase}.movement-type.deposit{background:#4caf5033;border:1px solid #4caf50;color:#4caf50}.movement-type.purchase{background:#ff980033;border:1px solid #ff9800;color:#ff9800}.movement-type.prize{background:#ffd70033;border:1px solid #ffd700;color:gold}.movement-type.withdrawal{background:#2196f333;border:1px solid #2196f3;color:#2196f3}.movement-type.refund{background:#9c27b033;border:1px solid #9c27b0;color:#9c27b0}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:700;text-transform:uppercase}.badge-pending{background:#ff980033;border:1px solid #ff9800;color:#ff9800}.badge-approved{background:#2196f333;border:1px solid #2196f3;color:#2196f3}.badge-paid{background:#4caf5033;border:1px solid #4caf50;color:#4caf50}.badge-rejected{background:#f4433633;border:1px solid #f44336;color:#f44336}.badge-cancelled{background:#9e9e9e33;border:1px solid #9e9e9e;color:#9e9e9e}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.card-item{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,215,0,.3);border-radius:12px;padding:15px;transition:all .3s}.card-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ffd7004d;border-color:gold}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.card-serial{font-family:Courier New,monospace;font-weight:700;color:gold;font-size:.9rem}.gift-badge{background:linear-gradient(135deg,#ff1744,#ff4569);color:#fff;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:700;box-shadow:0 0 10px #ff174480}.card-info{margin-bottom:15px}.info-row{display:flex;justify-content:space-between;padding:5px 0;font-size:.9rem}.info-row span{color:#aaa}.info-row strong{color:#fff}.bingo-card-mini{background:#1a1f3a;border:2px solid #ffd700;border-radius:8px;padding:10px;margin-top:10px}.card-row{display:flex;justify-content:center;gap:5px;margin-bottom:5px}.card-row:last-child{margin-bottom:0}.card-cell{width:40px;height:40px;background:#ffd7001a;border:1px solid #ffd700;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;color:gold;font-size:.9rem}.sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.session-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,215,0,.3);border-radius:12px;padding:20px;transition:all .3s}.session-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ffd7004d;border-color:gold}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.session-room{font-weight:700;color:gold;font-size:1.1rem}.session-date{font-size:.85rem;color:#aaa}.session-body{margin-bottom:15px}.session-stat{display:flex;justify-content:space-between;padding:8px 0;font-size:.95rem}.session-stat span{color:#ccc}.session-stat strong{color:gold}.winner-info{background:#ffffff0d;padding:10px;border-radius:8px;margin-top:10px;border-left:3px solid #ffd700}.winner-info.highlight{background:linear-gradient(90deg,#ffd70033,#ffed4e1a);border-left-color:gold;border-left-width:4px;box-shadow:0 0 20px #ffd7004d}.winner-info span{display:block;color:#aaa;font-size:.85rem;margin-bottom:3px}.winner-info strong{color:#fff;font-size:1.05rem}.winner-info small{display:block;color:#888;font-size:.8rem;margin-top:3px}.btn-details{width:100%;padding:10px;background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:8px;color:#000;font-weight:700;cursor:pointer;transition:all .3s}.btn-details:hover{transform:scale(1.05);box-shadow:0 5px 20px #ffd70080}.prize-type{display:inline-block;padding:5px 12px;border-radius:12px;font-weight:700;font-size:.9rem}.prize-type.linea{background:#2196f333;border:1px solid #2196f3;color:#2196f3}.prize-type.bingo{background:#ffd70033;border:1px solid #ffd700;color:gold}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(5px)}.session-details-modal{background:linear-gradient(135deg,#0a0e27,#1a1f3a);border:2px solid #ffd700;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.session-details-modal .modal-header{position:sticky;top:0;background:linear-gradient(135deg,#ffd70033,#ffed4e1a);border-bottom:2px solid #ffd700;padding:20px;z-index:10}.modal-body{padding:20px}.session-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:8px}.info-item{display:flex;flex-direction:column;gap:5px}.info-item label{color:#aaa;font-size:.85rem}.info-item span{color:gold;font-weight:700;font-size:1.1rem}.balls-sequence{margin-bottom:30px}.balls-sequence h4{color:gold;margin-bottom:15px;font-size:1.3rem}.balls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px}.ball-item{text-align:center}.ball-number{width:50px;height:50px;margin:0 auto;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#000;box-shadow:0 5px 15px #ffd7004d}.ball-index{margin-top:5px;font-size:.75rem;color:#888}.my-cards-section{margin-bottom:30px}.my-cards-section h4{color:gold;margin-bottom:15px;font-size:1.3rem}.prizes-section{background:#ffd7001a;padding:20px;border-radius:8px;border:2px solid #ffd700}.prizes-section h4{color:gold;margin-bottom:15px;font-size:1.3rem}.prize-won-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#0000004d;border-radius:8px;margin-bottom:10px}.prize-won-item:last-child{margin-bottom:0}.prize-amount{font-weight:700;font-size:1.2rem;color:#4caf50}.no-data{text-align:center;padding:60px 20px;color:#aaa;font-size:1.1rem}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px}.spinner{width:60px;height:60px;border:4px solid rgba(255,215,0,.2);border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px}.error-message button{padding:12px 30px;background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:8px;color:#000;font-weight:700;cursor:pointer;transition:all .3s}.error-message button:hover{transform:scale(1.05);box-shadow:0 5px 20px #ffd70080}@media (max-width: 768px){.tabs{padding:10px}.tab{padding:8px 12px;font-size:.85rem}.tab-content{padding:15px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.summary-icon{font-size:2rem}.summary-value{font-size:1.5rem}.history-table{font-size:.85rem}.history-table th,.history-table td{padding:8px}.cards-grid,.sessions-grid{grid-template-columns:1fr}.session-details-modal{max-width:100%;margin:10px}.balls-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:5px}.ball-number{width:40px;height:40px;font-size:.95rem}.card-cell{width:35px;height:35px;font-size:.8rem}}.bp-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:2000;display:flex;justify-content:center;align-items:center;color:#fff}.bp-container{width:95%;height:80%;background:#111;border:1px solid #333;display:flex;flex-direction:column}.bp-header{padding:1rem;background:#222;display:flex;justify-content:space-between}.bp-track-container{flex:1;overflow-x:auto;display:flex;align-items:center;padding:2rem;background:linear-gradient(to right,#1a1a1a,#000)}.bp-track{display:flex;gap:2rem;position:relative}.bp-track:before{content:"";position:absolute;top:50%;left:0;width:100%;height:4px;background:#333;z-index:0}.bp-level-node{position:relative;z-index:1;width:100px;height:150px;background:#222;border:1px solid #444;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:.5rem;border-radius:8px}.bp-level-node.unlocked{background:#333;border-color:gold}.bp-level-node.current{border-color:#0f0;transform:scale(1.1)}.current-marker{position:absolute;top:-20px;background:#0f0;color:#000;font-size:.7rem;padding:2px 4px}.bp-dashboard{background:linear-gradient(to bottom,#222,#1a1a1a);padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #333}.bp-stats{display:flex;gap:2rem;align-items:center}.stat-box{display:flex;flex-direction:column}.stat-box .label{font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:1px}.stat-box .value{font-size:2rem;font-weight:700;color:#fff}.xp-box{min-width:300px}.xp-bar-container{width:100%;height:10px;background:#333;border-radius:5px;overflow:hidden;margin-bottom:.5rem}.xp-bar-fill{height:100%;background:linear-gradient(90deg,gold,orange);box-shadow:0 0 10px #ffd70080;transition:width .5s ease}.xp-instruction{font-size:.85rem;color:#aaa;margin:0}.play-action-btn{background:linear-gradient(45deg,#0f0,#0c0);border:none;color:#000;padding:1rem 2rem;font-size:1.2rem;font-weight:900;text-transform:uppercase;border-radius:8px;cursor:pointer;box-shadow:0 5px 15px #00ff004d;transition:all .2s}.play-action-btn:hover{transform:scale(1.05);box-shadow:0 8px 20px #00ff0080}.play-action-btn:active{transform:scale(.98)}.winners-ticker{display:flex;align-items:center;width:100%;background:#000000e6;backdrop-filter:blur(10px);border-top:1px solid rgba(212,175,55,.4);height:45px;z-index:100;overflow:hidden;position:relative}.ticker-label{background:linear-gradient(90deg,#d4af37,#aa841e);color:#000;font-size:.75rem;font-weight:800;padding:0 20px;height:100%;display:flex;align-items:center;gap:10px;white-space:nowrap;z-index:2;box-shadow:10px 0 20px #00000080;clip-path:polygon(0 0,90% 0,100% 100%,0 100%)}.pulse-dot{width:8px;height:8px;background:red;border-radius:50%;box-shadow:0 0 10px red;animation:dot-pulse 1.5s infinite}@keyframes dot-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.5}to{transform:scale(1);opacity:1}}.ticker-content{flex:1;overflow:hidden;white-space:nowrap;position:relative;height:100%}.ticker-track{display:inline-flex;align-items:center;gap:80px;height:100%;animation:ticker-scroll 80s linear infinite}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{display:inline-flex;align-items:center;gap:12px;font-size:.95rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.ticker-icon{font-size:1.1rem;display:flex}.ticker-text{font-family:Inter,sans-serif;letter-spacing:.5px}.font-bold{font-weight:700}.support-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;backdrop-filter:blur(5px);z-index:10000;display:flex;justify-content:center;align-items:center;padding:20px}.support-modal-container{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #c0a062;box-shadow:0 0 30px #c0a0624d;border-radius:12px;width:100%;max-width:600px;height:80vh;display:flex;flex-direction:column;overflow:hidden;color:#fff}.support-header{background:linear-gradient(90deg,#c0a062,#e6cd96);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000004d}.support-title{display:flex;align-items:center;gap:10px;color:#1a1a2e}.support-title h2{margin:0;font-size:1.2rem;font-weight:800;text-transform:uppercase}.close-btn{background:none;border:none;color:#1a1a2e;font-size:1.2rem;cursor:pointer;transition:transform .2s}.close-btn:hover{transform:scale(1.1)}.support-tabs{display:flex;background:#0000004d;padding:10px;gap:10px}.tab-btn{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ccc;padding:10px;border-radius:6px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:all .2s}.tab-btn:hover{background:#ffffff1a}.tab-btn.active{background:linear-gradient(90deg,#c0a062,#b8860b);color:#1a1a2e;font-weight:700;border-color:gold}.support-content{flex:1;overflow-y:auto;padding:20px;position:relative;background:#0003}.new-ticket-form{display:flex;flex-direction:column;gap:15px}.form-group label{display:block;margin-bottom:5px;color:#c0a062;font-size:.9rem;font-weight:700}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;background:#0006;border:1px solid #4a4a5e;border-radius:6px;color:#fff;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#c0a062;box-shadow:0 0 5px #c0a06280}.submit-ticket-btn{background:linear-gradient(90deg,#c0a062,#b8860b);color:#1a1a2e;padding:12px;border:none;border-radius:6px;font-weight:700;cursor:pointer;margin-top:10px;display:flex;justify-content:center;align-items:center}.submit-ticket-btn:hover{filter:brightness(1.1)}.ticket-item{background:#ffffff0d;padding:15px;border-radius:8px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:background .2s;border-left:3px solid transparent}.ticket-item:hover{background:#ffffff1a;border-left-color:#c0a062}.ticket-info{flex:1}.ticket-subject{font-weight:700;font-size:1rem;color:#fff}.ticket-meta{font-size:.8rem;color:#888;margin-top:4px;display:flex;gap:10px}.ticket-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;text-transform:uppercase;font-weight:700}.status-open{background:#2196f3;color:#fff}.status-in_progress{background:#ff9800;color:#fff}.status-resolved{background:#4caf50;color:#fff}.status-closed{background:#607d8b;color:#fff}.ticket-detail-view{display:flex;flex-direction:column;height:100%}.detail-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.back-btn{background:none;border:none;color:#c0a062;cursor:pointer;font-size:.9rem}.detail-title{flex:1;font-weight:700}.messages-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:15px;padding:10px}.message-bubble{padding:12px;border-radius:12px;max-width:80%;position:relative}.message-user{align-self:flex-end;background:#c0a06233;border:1px solid rgba(192,160,98,.4);border-bottom-right-radius:2px}.message-admin{align-self:flex-start;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-bottom-left-radius:2px}.message-sender{font-size:.75rem;font-weight:700;color:#c0a062;margin-bottom:4px}.message-admin .message-sender{color:#64ffda}.message-time{font-size:.7rem;color:#ffffff80;text-align:right;margin-top:5px}.reply-box{margin-top:20px;background:#0000004d;padding:10px;border-radius:8px}.reply-box form{display:flex;gap:10px}.reply-box input{flex:1;padding:10px;border-radius:4px;border:1px solid #444;background:#00000080;color:#fff}.reply-box button{background:#c0a062;color:#1a1a2e;border:none;width:40px;border-radius:4px;cursor:pointer;display:flex;justify-content:center;align-items:center}.reply-box button:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.support-footer-action{padding:15px;border-top:1px solid rgba(255,255,255,.1);background:#0003;display:flex;justify-content:center}.custom-tour-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;pointer-events:none}.tour-spotlight{position:absolute;box-shadow:0 0 0 9999px #000c,0 0 20px 5px #ffffff4d inset,0 0 30px 10px #ffffff26;border-radius:8px;transition:all .4s ease-in-out;pointer-events:none;z-index:10000;border:2px solid rgba(255,215,0,.4);background:#ffffff05}.tour-card{position:absolute;width:300px;background:#1a1a1af2;padding:1.5rem;border-radius:12px;border:1px solid #ffd700;box-shadow:0 10px 30px #00000080,0 0 20px #ffd70033;z-index:10001;pointer-events:auto;transition:all .4s ease-in-out;backdrop-filter:blur(10px);font-family:Outfit,sans-serif;color:#fff}.tour-card:before{content:"";position:absolute;left:50%;transform:translate(-50%);border-width:10px;border-style:solid}.tour-card.bottom:before{top:-20px;border-color:transparent transparent rgba(26,26,26,.95) transparent;border-bottom-color:gold}.tour-card.top:before{bottom:-20px;border-color:#ffd700 transparent transparent transparent}.tour-card.right:before{left:-20px;top:50%;transform:translateY(-50%);border-color:transparent #ffd700 transparent transparent}.tour-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.tour-header h3{margin:0;color:gold;font-size:1.1rem;font-weight:700}.tour-close{background:none;border:none;color:#888;cursor:pointer;font-size:1rem;transition:color .2s}.tour-close:hover{color:#fff}.tour-body p{font-size:.9rem;color:#d1d5db;line-height:1.5;margin:0 0 1rem}.tour-footer{display:flex;justify-content:space-between;align-items:center}.tour-counter{font-size:.8rem;color:#6b7280}.tour-actions{display:flex;gap:.5rem}.tour-btn{display:flex;align-items:center;gap:.25rem;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.tour-btn.primary{background:linear-gradient(45deg,gold,orange);color:#000}.tour-btn.primary:hover{transform:translateY(-1px);box-shadow:0 2px 10px #ffd7004d}.tour-btn.secondary{background:#ffffff1a;color:#fff}.tour-btn.secondary:hover{background:#fff3}.tour-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.withdrawal-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;backdrop-filter:blur(5px);z-index:10000;display:flex;justify-content:center;align-items:center;padding:20px}.withdrawal-modal-container{background:linear-gradient(135deg,#1a1a2e,#0f3460);border:1px solid #c0a062;box-shadow:0 0 40px #c0a06233;border-radius:16px;width:100%;max-width:500px;display:flex;flex-direction:column;overflow:hidden;color:#fff}.withdrawal-header{background:linear-gradient(90deg,#c0a062,#b8860b);padding:20px;display:flex;justify-content:space-between;align-items:center}.withdrawal-title{display:flex;align-items:center;gap:10px;color:#1a1a2e}.withdrawal-title h2{margin:0;font-size:1.4rem;font-weight:800;text-transform:uppercase}.close-btn{background:none;border:none;color:#1a1a2e;font-size:1.5rem;cursor:pointer}.withdrawal-tabs{display:flex;background:#0000004d;padding:10px;gap:10px}.tab-btn{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ccc;padding:12px;border-radius:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;font-weight:700;transition:all .2s}.tab-btn.active{background:#c0a06233;color:#c0a062;border-color:#c0a062}.withdrawal-content{padding:25px;background:#0003}.balance-info{text-align:center;margin-bottom:25px;background:#ffffff0d;padding:15px;border-radius:10px;border:1px dashed #c0a062}.balance-info span{display:block}.balance-amount{font-size:2rem;font-weight:900;color:#4caf50;text-shadow:0 0 10px rgba(76,175,80,.3);margin-top:5px}.text-emerald-400{color:#34d399!important}.withdrawal-mode-selector{display:flex;gap:10px;margin-bottom:20px}.mode-btn{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#888;padding:10px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:700;transition:all .2s}.mode-btn.active{background:#34d39926;border-color:#34d399;color:#34d399}.date-warning{background:#ef44441a;border-left:4px solid #ef4444;color:#f87171;padding:10px;border-radius:4px;font-size:.85rem;margin-bottom:20px}.input-with-icon{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;left:15px;color:#c0a062;font-weight:700;font-size:1.2rem}.form-group input{padding-left:35px!important;font-size:1.2rem!important;color:#4caf50!important;font-weight:700!important}.submit-withdrawal-btn{background:linear-gradient(90deg,#4caf50,#388e3c);color:#fff;padding:15px;border:none;border-radius:8px;font-weight:700;font-size:1.1rem;cursor:pointer;margin-top:20px;width:100%;box-shadow:0 4px 15px #4caf504d;transition:transform .2s}.submit-withdrawal-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.submit-withdrawal-btn:disabled{background:#555;cursor:not-allowed;box-shadow:none;transform:none}.withdrawal-note{font-size:.8rem;color:#888;margin-top:15px;display:flex;gap:8px;align-items:center;background:#0000004d;padding:10px;border-radius:6px}.history-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.history-item{background:#ffffff0d;padding:15px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.history-amount{font-size:1.1rem;font-weight:700}.text-gold{color:#c0a062}.history-date{font-size:.8rem;color:#888}.history-status{padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase}.status-pending{background:#ff9800;color:#1a1a2e}.status-approved{background:#4caf50;color:#fff}.status-rejected{background:#f44336;color:#fff}.spin{animation:spin 1s linear infinite}.withdrawal-footer-action{padding:15px;border-top:1px solid rgba(255,255,255,.1);background:#0003;display:flex;justify-content:center}.back-lobby-btn{background:#ffffff1a;border:1px solid #c0a062;color:#c0a062;padding:10px 20px;border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase;font-size:.9rem}.back-lobby-btn:hover{background:#c0a062;color:#1a1a2e;box-shadow:0 0 10px #c0a06266}.wheel-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2000}.wheel-modal{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding-top:20px}.wheel-title{color:#fc0;font-family:Cinzel,serif;font-size:3rem;margin:0 0 20px;text-transform:uppercase;text-shadow:0 0 20px rgba(255,204,0,.6);letter-spacing:4px;position:absolute;top:20px;width:100%;text-align:center;z-index:100}.close-btn{position:absolute;top:30px;right:30px;background:#ffffff1a;width:50px;height:50px;border-radius:50%;border:2px solid white;color:#fff;font-size:1.5rem;cursor:pointer;z-index:200;transition:all .3s}.close-btn:hover{background:#fff;color:#000;transform:rotate(90deg)}.wheel-container{position:relative;width:min(85vw,85vh);height:min(85vw,85vh);margin-top:60px;display:flex;justify-content:center;align-items:center}.wheel-container:before{content:"";position:absolute;inset:-20px;border-radius:50%;background:#333;border:6px solid #d4af37;box-shadow:0 0 50px #000c;z-index:-2}.wheel-shadow{position:absolute;inset:-10px;border-radius:50%;border:4px dashed #fff;z-index:-1;opacity:.5;animation:lights-rotate 20s linear infinite}@keyframes lights-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wheel{width:100%;height:100%;border-radius:50%;border:8px solid #d4af37;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #000c;background:conic-gradient(from 0deg,#e74c3c 0deg 30deg,#cd7f32 30deg 60deg,#a05a2c 60deg 90deg,#cd7f32 90deg 120deg,#e67e22 120deg 150deg,#bdc3c7 150deg 180deg,#95a5a6 180deg 210deg,#bdc3c7 210deg 240deg,#f1c40f 240deg 270deg,#f39c12 270deg 300deg,#f1c40f 300deg 330deg,#a05a2c 330deg 360deg)}.wheel-center{position:absolute;width:28.5%;height:28.5%;background:#000;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;box-shadow:0 0 30px #000c,inset 0 0 15px #d4af3780;display:flex;justify-content:center;align-items:center;border:4px solid #d4af37;transition:box-shadow .3s ease}.wheel-center.spinning-glow{animation:center-pulse-glow .8s ease-in-out infinite;border-color:#fff}@keyframes center-pulse-glow{0%,to{box-shadow:0 0 30px #000c,inset 0 0 15px #d4af3780;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 60px #d4af37cc,inset 0 0 30px #d4af37b3;transform:translate(-50%,-50%) scale(1.05)}}.wheel-center-inner{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:50%}.wheel-center-logo{width:85%;height:auto;filter:drop-shadow(0 0 8px rgba(212,175,55,.6));transition:filter .3s ease}.spinning-glow .wheel-center-logo{filter:drop-shadow(0 0 20px rgba(212,175,55,.9)) brightness(1.2)}.pointer{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:60px;height:80px;background:#c0392b;clip-path:polygon(50% 100%,0 0,100% 0);z-index:20;filter:drop-shadow(0 5px 5px rgba(0,0,0,.7))}.pointer:after{content:"";position:absolute;top:0;left:10%;right:10%;height:20px;background:#e74c3c}.segment{position:absolute;top:50%;left:50%;width:50%;height:1px;transform-origin:left center;z-index:5;display:flex;align-items:center;justify-content:flex-end}.segment-label{position:absolute;right:10px;top:50%;transform:translateY(-50%);transform-origin:center right;line-height:1;font-weight:900;font-size:max(2rem,3.5vh);color:#fff;text-shadow:2px 2px 0 #000,-1px -1px 0 #000;white-space:nowrap;text-align:right;width:60%}.money-icon{font-size:1.4em;margin-right:8px;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}.segment[data-type=cash] .segment-label{color:#fff;font-size:max(3rem,5vh);text-shadow:0 0 10px rgba(0,0,0,1),3px 3px 0 #000;display:flex;align-items:center;justify-content:flex-end}.wheel-controls{position:absolute;bottom:5vh;z-index:50;width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.spin-btn{background:linear-gradient(to bottom,#f1c40f,#b8860b);border:3px solid #fff;padding:20px 80px;font-size:2rem;font-weight:900;text-transform:uppercase;color:#000;border-radius:60px;cursor:pointer;box-shadow:0 0 30px #f1c40f99;transition:all .2s;animation:pulse-btn 2s infinite}.spin-btn:active{transform:scale(.95)}@keyframes pulse-btn{0%{box-shadow:0 0 20px #f1c40f99;transform:scale(1)}50%{box-shadow:0 0 40px #f1c40fe6;transform:scale(1.05)}to{box-shadow:0 0 20px #f1c40f99;transform:scale(1)}}.back-lobby-btn{margin-top:20px;background:transparent;border:2px solid #d4af37;color:#d4af37;padding:12px 30px;font-size:1.2rem;font-weight:700;border-radius:30px;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.back-lobby-btn:hover{background:#d4af37;color:#000;box-shadow:0 0 15px #d4af3780}.prize-reveal{display:flex;flex-direction:column;align-items:center;gap:20px;position:absolute;bottom:15%;background:linear-gradient(135deg,#2c3e50f2,#000000f2);border:4px solid #f1c40f;box-shadow:0 0 50px #f1c40f99,inset 0 0 20px #f1c40f4d;padding:40px;border-radius:25px;z-index:300;transform:scale(1.1);text-align:center;backdrop-filter:blur(10px)}.prize-reveal h3{color:#f1c40f;font-size:3rem;margin:0;text-shadow:0 0 20px rgba(241,196,15,.8),2px 2px 0 #000;text-transform:uppercase;letter-spacing:2px;animation:pulse-gold 1s infinite alternate}.prize-content{display:flex;align-items:center;justify-content:center;gap:15px;font-size:2.2rem;font-weight:800;text-align:center;line-height:1.2;margin:10px 0}.prize-content span{background:linear-gradient(to bottom,#fff,#dfe6e9);-webkit-background-clip:text;background-clip:text;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.5),2px 2px 4px #000}.gift-icon{font-size:3.5rem;color:#e67e22;filter:drop-shadow(0 0 10px rgba(230,126,34,.8));animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cooldown-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;padding:40px;border-radius:20px;border:3px solid #d4af37;box-shadow:0 0 50px #000c,0 0 20px #d4af3780;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;gap:20px;backdrop-filter:blur(10px);z-index:1000;width:90%;max-width:500px}.cooldown-overlay h3{font-size:2.5rem;color:#f1c40f;margin:5px 0;font-family:Cinzel,serif;text-shadow:0 0 10px rgba(241,196,15,.5)}.cooldown-overlay p{font-size:1.1rem;color:#bdc3c7;margin:0;text-transform:uppercase}.cooldown-icon{font-size:3rem;color:#e74c3c;margin-bottom:5px}.wheel-attributes{display:flex;gap:20px;margin:15px 0;justify-content:center;flex-wrap:wrap;background:#ffffff0d;padding:15px;border-radius:10px;width:100%}.attribute-item{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:.9rem;color:#ecf0f1}.attribute-icon{font-size:1.8rem;color:#f1c40f;filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}.hot-pot-notification{position:fixed;top:100px;right:20px;width:320px;background:linear-gradient(135deg,#1a1a1a,#000);border-radius:12px;padding:15px;z-index:10000;box-shadow:0 10px 30px #00000080;overflow:hidden;border:2px solid transparent}.hot-pot-notification.bronce{border-color:#cd7f32;box-shadow:0 0 20px #cd7f3266}.hot-pot-notification.plata{border-color:silver;box-shadow:0 0 20px #c0c0c066}.hot-pot-notification.oro{border-color:gold;box-shadow:0 0 20px #ffd70066}.hot-pot-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,69,0,.15) 0%,transparent 70%);animation:glow-rotate 5s linear infinite;pointer-events:none}.hot-pot-content{display:flex;align-items:center;gap:15px;position:relative;z-index:1}.hot-pot-icon-container{width:50px;height:50px;background:#ff45001a;border-radius:50%;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,69,0,.3)}.fire-icon{font-size:24px;color:#ff4500;filter:drop-shadow(0 0 5px #ff4500)}.hot-pot-text{flex:1}.hot-pot-title{margin:0;font-size:1.1rem;font-weight:800;color:#ff4500;letter-spacing:1px;text-shadow:0 0 10px rgba(255,69,0,.3)}.hot-pot-subtitle{margin:2px 0 5px;font-size:.85rem;color:#aaa;font-weight:600}.hot-pot-amount-box{display:flex;flex-direction:column;background:#ffffff0d;padding:5px 10px;border-radius:6px;border-left:3px solid #ff4500}.hot-pot-type{font-size:.7rem;color:#888;text-transform:uppercase;font-weight:700;margin-bottom:2px}.hot-pot-amount{font-size:1.3rem;font-weight:900;color:#fff;font-family:Roboto,sans-serif}.hot-pot-close{position:absolute;top:-5px;right:-5px;background:none;border:none;color:#555;font-size:20px;cursor:pointer;transition:color .3s}.hot-pot-close:hover{color:#fff}.hot-pot-notification.oro .hot-pot-amount-box{border-left-color:gold;animation:gold-shimmer 2s infinite}@keyframes gold-shimmer{0%{background:#ffd7000d}50%{background:#ffd70026}to{background:#ffd7000d}}.referral-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(8px)}.referral-dashboard{background:linear-gradient(135deg,#1a1a2e,#16213e);width:90%;max-width:500px;border-radius:24px;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 25px 50px -12px #00000080;color:#fff}.referral-header{padding:20px 24px;background:#ffffff0d;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.referral-header h2{margin:0;font-size:1.25rem;font-weight:700}.btn-close{background:none;border:none;color:#94a3b8;font-size:2rem;cursor:pointer;padding:0;line-height:1}.referral-content{padding:24px;max-height:80vh;overflow-y:auto}.referral-promo-card{background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:16px;padding:20px;display:flex;align-items:center;gap:15px;margin-bottom:24px}.promo-text h3{margin:0 0 5px;font-size:1.1rem}.promo-text p{margin:0;font-size:.85rem;opacity:.9;line-height:1.4}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:24px}.stat-box{background:#ffffff0d;border-radius:12px;padding:15px;text-align:center;display:flex;flex-direction:column}.stat-val{font-size:1.5rem;font-weight:800;color:#fbbf24}.stat-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.network-levels-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px;background:#0003;padding:12px;border-radius:12px}.level-item{display:flex;flex-direction:column;align-items:center;border-right:1px solid rgba(255,255,255,.05)}.level-item:last-child{border-right:none}.l-name{font-size:.65rem;color:#64748b;text-transform:uppercase;font-weight:700}.l-val{font-size:1.1rem;font-weight:800;color:#fff}.referral-link-section label{display:block;font-size:.85rem;color:#94a3b8;margin-bottom:8px}.link-copy-group{display:flex;gap:10px;margin-bottom:12px}.link-copy-group input{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:#fbbf24;font-size:.85rem}.btn-copy{background:#3b82f6;border:none;border-radius:8px;width:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-copy.copied{background:#10b981}.btn-whatsapp{width:100%;background:#25d366;border:none;border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-weight:600;cursor:pointer;margin-bottom:24px}.referrals-list-section h4{margin:0 0 12px;font-size:.95rem;color:#94a3b8}.referrals-list{display:flex;flex-direction:column;gap:10px}.referral-item{background:#ffffff08;border-radius:10px;padding:12px 15px;display:flex;justify-content:space-between;align-items:center}.ref-info{display:flex;flex-direction:column;gap:4px}.name-with-indicator{display:flex;align-items:center;gap:8px}.ambassador-indicator{width:8px;height:8px;border-radius:50%;background:#475569;box-shadow:0 0 5px #0000004d;flex-shrink:0}.ambassador-indicator.active{background:#10b981;box-shadow:0 0 8px #10b98199;animation:pulse-green 2s infinite}@keyframes pulse-green{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.ref-name{font-weight:600;font-size:.95rem;color:#fff}.level-badge{padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:800;color:#fff}.level-1{background:#f59e0b}.level-2{background:#3b82f6}.level-3{background:#8b5cf6}.level-4{background:#64748b}.ref-date{font-size:.75rem;color:#64748b}.status-earned{color:#10b981;font-weight:700;font-size:.9rem}.status-pending{color:#64748b;font-size:.75rem;font-style:italic}.empty-text{text-align:center;color:#64748b;font-size:.85rem;padding:20px 0}.referral-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.tab-btn{background:none;border:none;color:#94a3b8;font-weight:600;font-size:.9rem;padding:8px 16px;cursor:pointer;transition:all .3s ease;border-radius:8px}.tab-btn:hover{color:#fff;background:#ffffff0d}.tab-btn.active{color:#fff;background:#3b82f633;box-shadow:0 0 15px #3b82f64d}.rewards-list{display:flex;flex-direction:column;gap:12px}.reward-item-row{background:#ffffff0d;border-radius:12px;padding:15px;display:flex;justify-content:space-between;align-items:center;border:1px solid transparent;transition:all .3s ease}.reward-item-row.pending{border-left:4px solid #f59e0b}.reward-item-row.credited{border-left:4px solid #10b981;background:#10b9810d}.reward-info{display:flex;flex-direction:column;gap:4px}.reward-source{display:flex;gap:6px;align-items:center}.source-label{font-size:.75rem;color:#64748b}.source-name{font-weight:700;color:#fff}.reward-date{font-size:.7rem;color:#94a3b8}.reward-status-col{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.status-badge{font-size:.65rem;font-weight:800;padding:3px 8px;border-radius:20px}.status-badge.pending{background:#f59e0b33;color:#f59e0b}.status-badge.credited{background:#10b98133;color:#10b981}.reward-amount{font-size:.9rem;font-weight:800;color:#60a5fa}.starter-room{height:100vh;min-height:100vh;background:#000;background-image:radial-gradient(circle at 20% 30%,rgba(0,255,255,.4) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,0,255,.4) 0%,transparent 50%),linear-gradient(135deg,#00ffff0d,#ff00ff0d);color:#0ff;display:flex;flex-direction:column;padding:15px;overflow:hidden;position:relative;animation:room-fade-in .8s ease-out;text-shadow:0 0 15px rgba(0,255,255,.6)}.starter-room:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1200px;height:1200px;background-image:url(/assets/png/logo-Cy4RVec1.png);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.4;filter:blur(.5px);z-index:0;pointer-events:none;animation:bg-logo-pulse 4s ease-in-out infinite}.curtain-text{font-size:5rem;font-weight:900;color:#0ff;text-shadow:0 0 30px rgba(0,255,255,1),0 0 60px rgba(0,255,255,.8),0 0 90px rgba(0,255,255,.6);animation:text-pulse 1s ease-in-out infinite}.confetti-piece{position:absolute;width:10px;height:20px;background:var(--color, #00ffff);top:-20px;left:var(--left, 50%);animation:confetti-fall var(--duration, 3s) linear forwards;opacity:.9;transform:rotate(var(--rotation, 0deg))}.winner-celebration-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:3000;animation:overlay-appear .5s ease-out}.celebration-content{background:linear-gradient(135deg,#0ff3,#f0f3);border:4px solid #00ffff;border-radius:20px;padding:40px;text-align:center;max-width:800px;box-shadow:0 0 60px #0ffc,0 0 100px #f0f9;animation:celebration-bounce .6s cubic-bezier(.68,-.55,.265,1.55);position:relative;z-index:3001}.celebration-title{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#0ff,#0ff,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(0,255,255,.8);animation:title-glow 1.5s ease-in-out infinite;margin-bottom:20px}.celebration-message{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:30px;text-shadow:0 0 20px rgba(0,255,255,.8)}.winner-card-badge{background:#0ff3;border:2px solid #00ffff;border-radius:12px;padding:15px 25px;font-size:1.3rem;font-weight:800;color:#0ff;text-shadow:0 0 15px rgba(0,255,255,.8);animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #00ffff80}50%{transform:scale(1.05);box-shadow:0 0 40px #0ffc}}.celebration-close{background:linear-gradient(135deg,#0ff,#08f);border:none;border-radius:12px;padding:15px 40px;font-size:1.2rem;font-weight:900;color:#fff;cursor:pointer;box-shadow:0 0 30px #0ff9;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px}.celebration-close:hover{background:linear-gradient(135deg,#0ff,#0ff);transform:scale(1.1);box-shadow:0 0 50px #0ff}.celebration-card-expanded{margin:30px auto;max-width:700px;background:#000000b3;border:3px solid #00ffff;border-radius:15px;padding:20px;box-shadow:0 0 30px #0ff9}.celebration-card-expanded .card-number{font-size:1.4rem;font-weight:900;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8)}.celebration-card-expanded .card-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#000000b3;border:2px solid rgba(0,255,255,.5);border-radius:8px;font-size:1.5rem;font-weight:900;color:#fff;transition:all .3s ease}.celebration-card-expanded .card-cell.empty{background:#0000004d;border-color:#00ffff4d}.celebration-card-expanded .card-cell.highlighted-line{background:linear-gradient(135deg,#0ff 0% 100%);border:3px solid #00ffff;box-shadow:0 0 20px #00ffffe6,inset 0 0 15px #0ff6;animation:pulse-highlight 1s infinite alternate;color:#000;font-weight:900}@keyframes pulse-highlight{0%{box-shadow:0 0 20px #00ffffe6,inset 0 0 15px #0ff6;transform:scale(1)}to{box-shadow:0 0 35px #0ff,inset 0 0 25px #0ff9;transform:scale(1.05)}}.celebration-card-expanded .card-cell.highlighted-line .cell-number{color:#000;text-shadow:0 0 5px rgba(0,255,255,.8);font-weight:900}.compact-line-alert{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;margin:4px 0;background:linear-gradient(135deg,#00fffff2,#ff4500f2);border:2px solid #00ffff;border-radius:10px;box-shadow:0 0 30px #0ffc,0 0 50px #00ffff80,inset 0 0 20px #fff3;overflow:hidden;animation:compact-alert-pulse 1.5s ease-in-out infinite}.almost-line-content{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;padding:15px 25px;background:linear-gradient(135deg,#00fffff2,#ff4500f2);border:3px solid #00ffff;border-radius:15px;box-shadow:0 0 40px #0ff,0 0 70px #00ffffb3,0 10px 30px #00000080,inset 0 0 25px #ffffff4d;overflow:hidden;animation:modal-pulse 1.5s ease-in-out infinite}@keyframes modal-pulse{0%,to{box-shadow:0 0 40px #0ff,0 0 70px #00ffffb3,0 10px 30px #00000080,inset 0 0 25px #ffffff4d;transform:scale(1)}50%{box-shadow:0 0 60px #0ff,0 0 100px #00ffffe6,0 15px 40px #000000b3,inset 0 0 35px #fff6;transform:scale(1.03)}}@keyframes compact-alert-pulse{0%,to{box-shadow:0 0 30px #0ffc,0 0 50px #00ffff80,inset 0 0 20px #fff3;transform:scale(1)}50%{box-shadow:0 0 40px #0ff,0 0 70px #00ffffb3,inset 0 0 30px #ffffff4d;transform:scale(1.02)}}.almost-line-alert{position:relative;display:flex;align-items:center;gap:15px;padding:15px 25px;background:linear-gradient(135deg,#00fffff2,#ff4500f2);border:3px solid #00ffff;border-radius:15px;box-shadow:0 0 40px #0ff9,0 0 60px #0ff6,inset 0 0 30px #ffffff1a;margin-bottom:15px;overflow:hidden;animation:alert-entrance .5s ease-out,alert-glow 2s ease-in-out infinite}@keyframes alert-glow{0%,to{box-shadow:0 0 40px #0ff9,0 0 60px #0ff6,inset 0 0 30px #ffffff1a}50%{box-shadow:0 0 60px #0ffc,0 0 80px #0ff9,inset 0 0 40px #fff3}}.alert-message{font-size:1.1rem;font-weight:700;color:#0ff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.card-badge{display:inline-block;padding:4px 12px;background:#fff3;border:1px solid rgba(0,255,255,.4);border-radius:20px;font-size:.85rem;font-weight:600;color:#fff;backdrop-filter:blur(5px);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.room-title{display:flex;align-items:center;gap:10px;font-size:1.8rem;font-weight:900;letter-spacing:3px;color:#0ff!important;text-shadow:0 0 20px rgba(0,255,255,1),0 0 40px rgba(0,255,255,.6)}.room-title .title-text{color:#0ff!important}.title-tag{font-size:.8rem;background:linear-gradient(135deg,#0f0,#0ff);color:#000;padding:5px 15px;border-radius:20px;font-weight:700;letter-spacing:2px;animation:tag-pulse 2s ease-in-out infinite}@keyframes tag-pulse{0%,to{box-shadow:0 0 10px #00ffff80}50%{box-shadow:0 0 25px #0ffc}}.lobby-btn{font-size:.8rem;background:linear-gradient(135deg,#0ff 0% 50%,#0ff);color:#000;padding:5px 15px;border:none;border-radius:20px;font-weight:900;letter-spacing:2px;cursor:pointer;transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 0 15px #0ff9,0 4px 8px #0000004d;animation:lobby-shimmer 2s ease-in-out infinite;position:relative;overflow:hidden}.lobby-btn:hover{background:linear-gradient(135deg,#0ff 0% 50%,#0ff);transform:scale(1.1);box-shadow:0 0 30px #0ff,0 6px 12px #0006}@keyframes lobby-shimmer{0%,to{box-shadow:0 0 15px #0ff9,0 4px 8px #0000004d}50%{box-shadow:0 0 35px #0ff,0 0 50px #0ffc,0 6px 12px #0006}}.ball-counter-display{font-size:.85rem;background:linear-gradient(135deg,#0ff3,#ffd70033);color:gold;padding:6px 14px;border:2px solid rgba(255,215,0,.6);border-radius:15px;font-weight:800;letter-spacing:1px;box-shadow:0 0 15px #ffd70080,inset 0 0 10px #ffd70033;animation:ball-counter-glow 2s ease-in-out infinite;text-shadow:0 0 10px rgba(255,215,0,.8);white-space:nowrap}@keyframes ball-counter-glow{0%,to{box-shadow:0 0 15px #ffd70080,inset 0 0 10px #ffd70033;text-shadow:0 0 10px rgba(255,215,0,.8)}50%{box-shadow:0 0 25px #ffd700cc,0 0 35px #ffd70099,inset 0 0 15px #ffd7004d;text-shadow:0 0 15px rgba(255,215,0,1)}}.info-badge{background:#00ffff1a;border:2px solid rgba(0,255,255,.4);padding:8px 15px;border-radius:10px;font-family:Courier New,monospace;font-size:.9rem}.badge-value{color:#0ff;font-weight:700;text-shadow:0 0 10px rgba(0,255,255,.6)}.status-badge.waiting{background:#00ffff4d;border:2px solid #00ffff;color:#ff0}.status-badge.active{background:#f0f3;border:2px solid #ff00ff;color:#f0f;animation:status-blink 1s ease-in-out infinite}.status-badge.ended{background:#0f03;border:2px solid #00ffff;color:#0f0}.game-table{display:flex;gap:0px;padding:0;background:#0006;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:3px solid rgba(0,255,255,.3);border-radius:20px;box-shadow:0 8px 32px #0009,0 0 40px #0ff3,inset 0 0 40px #00ffff0d;min-height:60vh;margin-bottom:2px;position:relative;z-index:2;overflow:hidden}.digital-grid-full:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,rgba(0,255,255,.1) 0%,transparent 50%,rgba(0,255,255,.05) 100%);pointer-events:none}.grid-row .grid-column{flex:1;display:flex;flex-direction:column;background:#00000080;border-radius:8px;padding:3px;border:1px solid rgba(0,255,255,.8);box-shadow:0 0 20px #0ff6,inset 0 0 20px #00ffff1a}.grid-row .column-letter{font-size:.7rem;font-weight:700;text-align:center;margin-bottom:4px;letter-spacing:1px;padding:3px;background:#000000b3;border-radius:6px;border:1px solid rgba(0,255,255,.6)}.grid-row .grid-number{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:600;border-radius:5px;border:1px solid rgba(0,255,255,.4);color:#ffffff80;transition:all .3s ease;position:relative;box-shadow:0 0 10px #0ff3}.grid-row .grid-number:not(.called){background:#0009}.grid-row .grid-number.called{color:#fff!important;font-weight:700;transform:scale(1.05);border:2px solid rgba(255,255,255,.5)!important;text-shadow:2px 2px 4px rgba(0,0,0,.8)!important}.grid-number.called[data-range="1-10"]{background:red!important}.grid-number.called[data-range="11-20"]{background:#f70!important}.grid-number.called[data-range="21-30"]{background:#fd0!important}.grid-number.called[data-range="31-40"]{background:#0f0!important}.grid-number.called[data-range="41-50"]{background:#0df!important}.grid-number.called[data-range="51-60"]{background:#07f!important}.grid-number.called[data-range="61-70"]{background:#70f!important}.grid-number.called[data-range="71-80"]{background:#f0f!important}.grid-number.called[data-range="81-90"]{background:#f09!important}@keyframes ripple-wave{0%{box-shadow:0 0 0 0 currentColor}to{box-shadow:0 0 0 30px #0ff0}}.digital-grid{background:#0009;border:2px solid rgba(0,255,255,.6);border-radius:15px;padding:8px;position:relative;overflow:hidden;display:flex;flex-direction:column}.grid-title{font-size:.75rem;font-weight:700;letter-spacing:2px;color:#00fbff;text-shadow:0 0 15px rgba(0,251,255,.8),0 0 30px rgba(0,139,139,.4);font-family:Georgia,Times New Roman,serif;text-transform:uppercase}.grid-number{border:1px solid rgba(0,255,255,.1);border-radius:4px;padding:3px 2px;text-align:center;font-size:.75rem;font-weight:600;color:#444;font-family:Courier New,monospace;position:relative;transition:all .3s ease}.grid-number:not(.called){background:#0009}.grid-number.called{color:#fff!important;font-weight:900;border:2px solid rgba(255,255,255,.5)!important;animation:number-called .6s ease-out;z-index:1;text-shadow:2px 2px 4px rgba(0,0,0,.8)!important}.room-title{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:900;letter-spacing:1.5px;padding:6px 10px;background:#0009;border:2px solid rgba(0,255,255,.3);border-radius:12px;flex-wrap:wrap}.title-text{color:#0ff!important;text-shadow:0 0 20px rgba(0,255,255,.8),0 0 40px rgba(0,255,255,.6);font-weight:900}.info-badge{display:flex;align-items:center;gap:8px;background:#0009;padding:8px 15px;border-radius:10px;border:1px solid rgba(0,255,255,.3)}.badge-value{font-size:1.1rem;font-weight:900;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.6)}.status-badge.waiting{background:#80808033;border-color:#00ffff80;color:#888}.machine-top-led{width:80%;height:8px;background:linear-gradient(to right,transparent,rgba(0,255,255,.8) 50%,transparent);border-radius:10px;box-shadow:0 0 20px #0ff9;animation:led-pulse 2s ease-in-out infinite}.acrylic-sphere{width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),transparent 50%),radial-gradient(circle at 70% 70%,rgba(0,255,255,.15),transparent);backdrop-filter:blur(15px) saturate(200%);-webkit-backdrop-filter:blur(15px) saturate(200%);border:4px solid rgba(0,255,255,.5);box-shadow:0 0 60px #0ff9,0 0 100px #00ffff4d,inset 0 0 80px #0ff3;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.led-ring{position:absolute;inset:-5px;border-radius:50%;border:3px solid transparent;background:linear-gradient(#000,#000) padding-box,linear-gradient(45deg,#0ff,#06f,#0ff) border-box;animation:led-rotate 3s linear infinite}.floating-ball{position:absolute;width:35px;height:35px;border-radius:50%;border:2px solid rgba(0,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:900;color:#000;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 5px 15px #00000080,inset 0 -5px 10px #0000004d,inset 0 5px 10px #ffffff4d;animation:float-gravity 4s ease-in-out infinite}.showcase-ball{width:150px;height:150px;border-radius:50%;border:4px solid rgba(255,0,255,.4);position:relative;display:flex;align-items:center;justify-content:center;animation:ball-zoom-in 2s ease-out}.select-cards-sphere-btn{background:transparent;border:none;cursor:pointer;padding:0;transition:all .3s ease;filter:drop-shadow(0 0 30px rgba(0,255,255,.6));max-width:100%;display:flex;align-items:center;justify-content:center}.select-cards-sphere-btn:hover{transform:scale(1.08);filter:drop-shadow(0 0 50px rgba(255,0,255,.8))}.counter-line{width:100px;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,255,255,.8) 20%,rgba(0,255,255,1) 50%,rgba(0,255,255,.8) 80%,transparent 100%);box-shadow:0 0 10px #0ff9;animation:line-glow 2s ease-in-out infinite}@keyframes line-glow{0%,to{opacity:.6;box-shadow:0 0 10px #0ff9}50%{opacity:1;box-shadow:0 0 20px #0ff}}.counter-number{font-size:2.5rem;font-weight:900;color:#0ff;text-shadow:0 0 20px rgba(0,255,255,1),0 0 40px rgba(0,255,255,.8),0 0 60px rgba(255,0,255,.6);animation:number-pulse 1.5s ease-in-out infinite;font-family:Arial Black,sans-serif;letter-spacing:2px;line-height:1}.counter-label{font-size:.8rem;font-weight:600;color:#f0f;text-shadow:0 0 10px rgba(255,0,255,.8);text-transform:uppercase;letter-spacing:1.5px;margin-top:3px}.base-panel{height:40px;background:linear-gradient(135deg,#000c,#0ff3);border:2px solid rgba(0,255,255,.4);border-radius:10px;box-shadow:0 0 20px #00ffff4d}.light-strip{height:100%;background:linear-gradient(to right,transparent 0%,rgba(0,255,255,.8) 50%,transparent 100%);animation:light-scan 2s linear infinite}.toast-notification{background:linear-gradient(135deg,#00fffff2,#ff8c00f2);border:3px solid #00ffff;border-radius:15px;padding:20px 30px;box-shadow:0 10px 40px #000c,0 0 60px #0ffc;animation:toast-slide-in .5s cubic-bezier(.68,-.55,.265,1.55);display:flex;align-items:center;gap:15px;pointer-events:all}.toast-title{font-size:1.3rem;font-weight:900;color:#000;text-shadow:0 2px 4px rgba(0,255,255,.5);letter-spacing:1px}.marquee-alert{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;background:linear-gradient(135deg,#000000f2,#141414f2);border:5px solid #00ffff;border-radius:20px;padding:40px 60px;box-shadow:0 0 100px #0ff,inset 0 0 50px #0ff3;animation:marquee-appear .5s cubic-bezier(.68,-.55,.265,1.55)}.marquee-text{font-size:4rem;font-weight:900;background:linear-gradient(135deg,#0ff,#f0f,#0ff,#f0f);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:marquee-shine 2s linear infinite;text-align:center;letter-spacing:3px;text-shadow:0 0 30px rgba(0,255,255,.8)}.balls-counter{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;background:linear-gradient(135deg,#000000e6,#141414e6);border:3px solid rgba(0,255,255,.6);border-radius:50px;padding:15px 40px;display:flex;align-items:center;gap:15px;box-shadow:0 10px 40px #000c,0 0 30px #0ff6;backdrop-filter:blur(10px)}.counter-value{font-size:2.5rem;font-weight:900;color:#0ff;text-shadow:0 0 20px rgba(0,255,255,1)}.pre40-counter{position:fixed;top:110px;right:450px;z-index:500;background:linear-gradient(135deg,#ffd70026,#ff8c0026);border:2px solid rgba(255,215,0,.8);border-radius:20px;padding:12px 30px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 8px 30px #000c,0 0 30px #ffd70099,inset 0 0 15px #ffd70033;backdrop-filter:blur(15px);animation:pre40-pulse 2s ease-in-out infinite}@keyframes pre40-pulse{0%,to{transform:translate(-50%) scale(1);box-shadow:0 10px 40px #000c,0 0 40px #ffd70099}50%{transform:translate(-50%) scale(1.05);box-shadow:0 15px 50px #000000e6,0 0 60px #ffd700e6}}.pre40-title{font-size:.8rem;font-weight:800;color:gold;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 12px rgba(255,215,0,.8)}.pre40-value{font-size:2.5rem;font-weight:900;color:#fff;text-shadow:0 0 25px rgba(255,215,0,1),0 0 45px rgba(255,140,0,.8),2px 2px 8px rgba(0,0,0,.8);line-height:1}.pre40-label{font-size:.7rem;color:#ffb84d;text-transform:uppercase;letter-spacing:1.2px;text-shadow:0 0 8px rgba(255,184,77,.6)}.divider-line{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,rgba(0,255,255,.8) 20%,rgba(255,0,255,.8) 50%,rgba(0,255,255,.8) 80%,transparent);box-shadow:0 0 10px #0ff9}.divider-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#0ff;box-shadow:0 0 20px #0ffc;animation:pulse-dot 2s ease-in-out infinite}.luck-meter{background:linear-gradient(135deg,#000000e6,#1e1e1ee6);border:3px solid rgba(0,255,255,.6);border-radius:15px;padding:15px 20px;box-shadow:0 10px 30px #000c;backdrop-filter:blur(10px);min-width:200px}.luck-title{font-size:.9rem;color:#0ff;text-align:center;margin-bottom:10px;letter-spacing:1px;font-weight:700}.luck-bar{height:20px;background:#00000080;border-radius:10px;overflow:hidden;position:relative;border:2px solid rgba(0,255,255,.3)}.luck-fill{height:100%;background:linear-gradient(90deg,#0ff,#f0f,#0ff);background-size:200% 100%;animation:luck-shimmer 2s linear infinite;width:var(--luck-percent, 0%);transition:width .5s ease;box-shadow:0 0 20px #0ffc;position:relative}.combo-meter{background:linear-gradient(135deg,#000000e6,#1e1e1ee6);border:3px solid rgba(255,0,255,.6);border-radius:15px;padding:15px 20px;box-shadow:0 10px 30px #000c;backdrop-filter:blur(10px);min-width:200px}.combo-title{font-size:.9rem;color:#f0f;text-align:center;margin-bottom:5px;letter-spacing:1px;font-weight:700}.combo-value{font-size:3rem;font-weight:900;color:#f0f;text-align:center;text-shadow:0 0 20px rgba(255,0,255,1),0 0 40px rgba(255,0,255,.8);animation:combo-pulse .5s ease-in-out}.player-avatar-widget{background:linear-gradient(135deg,#000000e6,#1e1e1ee6);border:3px solid rgba(0,255,255,.6);border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #000c;backdrop-filter:blur(10px);animation:avatar-float 3s ease-in-out infinite}.player-cards-section{flex:1;display:flex;flex-direction:column;background:#0009;border:2px solid rgba(255,0,255,.3);border-radius:15px;padding:15px;min-height:35vh;max-height:45vh;margin-top:20px}.cards-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid rgba(255,0,255,.3)}.cards-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;letter-spacing:2px;color:#f0f;text-shadow:0 0 15px rgba(255,0,255,.6)}.cards-count{font-size:.85rem;color:#888;background:#ff00ff1a;padding:4px 12px;border-radius:15px;border:1px solid rgba(255,0,255,.3)}.compact-card{background:#0a0a0ae6;border:2px solid rgba(255,0,255,.4);border-radius:8px;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;min-height:50px}.compact-card:hover{border-color:#0ffc;box-shadow:0 10px 30px #00ffff80,0 0 40px #00ffff4d;transform:translateY(-8px) scale(1.05) rotateX(5deg);z-index:10}.compact-card.almost-line{border-color:#0ff;animation:cyan-pulse-intense .8s ease-in-out infinite;box-shadow:0 0 30px #0ffc,0 0 60px #00ffff80,inset 0 0 20px #0ff3}@keyframes cyan-pulse-intense{0%,to{border-width:2px;box-shadow:0 0 30px #0ffc,0 0 60px #00ffff80}50%{border-width:4px;box-shadow:0 0 50px #0ff,0 0 80px #0ffc,inset 0 0 30px #0ff6}}.compact-card:before{content:"";position:absolute;inset:-3px;border-radius:10px;background:conic-gradient(from 0deg,#00ffff 0deg,#00ffff calc(var(--progress, 0) * 3.6deg),transparent calc(var(--progress, 0) * 3.6deg));opacity:.5;pointer-events:none;z-index:-1}.compact-card-serial{font-size:1.5rem!important;font-weight:700;color:#f0f;text-align:center;letter-spacing:-.1px;text-shadow:0 0 8px rgba(255,0,255,.9),0 0 15px rgba(255,0,255,.6);position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:0 1px;line-height:1;white-space:nowrap;overflow:visible;max-width:100%;display:block}.progress-segment{flex:1;height:100%;border-radius:0;transition:all .4s ease;background:#14141480;border-right:1px solid rgba(255,0,255,.15);position:relative}.progress-segment.filled{background:#ff00ff1a;border-right:2px solid currentColor;border-left:1px solid currentColor;animation:segment-fill .5s ease-out}.compact-card-count{position:absolute;bottom:4px;right:4px;font-size:.75rem;font-weight:700;color:#0ff;text-shadow:0 0 8px rgba(0,255,255,.9),0 0 15px rgba(0,255,255,.6);z-index:3;background:#000000b3;padding:2px 5px;border-radius:4px}.expanded-card-container{position:relative;max-width:2400px;max-height:95vh;overflow:auto;transform:scale(1.5);animation:card-bounce-in .6s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 20px 60px rgba(76,175,80,.6))}.close-expanded-btn{position:absolute;top:-60px;right:10px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:3px solid #66BB6A;border-radius:50%;width:55px;height:55px;font-size:2.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 6px 20px #4caf50b3,inset 0 2px 8px #ffffff4d;animation:pulse-glow 2s ease-in-out infinite}.close-expanded-btn:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);transform:rotate(90deg) scale(1.15);box-shadow:0 8px 30px #4caf50,inset 0 2px 12px #ffffff80}@keyframes pulse-glow{0%,to{box-shadow:0 6px 20px #4caf50b3,inset 0 2px 8px #ffffff4d}50%{box-shadow:0 8px 30px #4caf50e6,inset 0 2px 12px #ffffff80}}.bingo-card-expanded{width:90%;max-width:500px;background:linear-gradient(135deg,#0a0a0afa,#1e1e1efa);border:4px solid transparent;border-image:linear-gradient(135deg,#0ff,#f0f) 1;border-radius:16px;padding:15px;box-shadow:0 20px 60px #000000e6,0 0 40px #0ff9,0 0 40px #f0f9;animation:card-expand .4s cubic-bezier(.34,1.56,.64,1)}.cards-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0ff,#f0f);border-radius:10px;box-shadow:0 0 10px #00ffff80}.bingo-card-starter{position:relative;width:100%;max-width:320px;margin-left:auto;margin-right:auto;background:linear-gradient(135deg,#0a0a0af2,#1e1e1ef2);border:3px solid transparent;border-image:linear-gradient(135deg,#0ff,#f0f) 1;border-radius:12px;padding:10px;box-shadow:0 8px 32px #000c,0 0 20px #00ffff4d,0 0 20px #ff00ff4d;transition:all .3s ease;cursor:pointer;margin-bottom:-210px}.bingo-card-starter:hover{transform:scale(1.03);z-index:20!important;box-shadow:0 20px 60px #000000e6,0 0 40px #0ff9,0 0 40px #f0f9}.card-number{font-size:.85rem;font-weight:700;color:#0ff;background:#00ffff1a;padding:3px 10px;border-radius:15px;border:1px solid rgba(0,255,255,.3);text-shadow:0 0 10px rgba(0,255,255,.8);letter-spacing:1px}.card-glow-border{position:absolute;inset:-5px;border-radius:12px;background:linear-gradient(135deg,#0ff,#f0f);opacity:0;z-index:-1;filter:blur(10px);transition:opacity .3s ease}.card-cell{position:relative;aspect-ratio:1;background:#141414cc;border:1px solid rgba(0,255,255,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:700;color:#fff;transition:all .2s ease}.card-cell.free{background:radial-gradient(circle,#00ffff4d,#0ff3);border-color:#00ffff80}.free-space{font-size:1.2rem;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8);animation:star-pulse 2s ease-in-out infinite}.card-cell.marked{background:#0ff3;border-color:currentColor;border-width:2px;animation:cell-mark-pulse 1s ease-out}.control-btn{background:transparent;border:2px solid rgba(0,255,255,.6);color:#0ff;font-size:1rem;font-weight:700;padding:12px 25px;border-radius:25px;cursor:pointer;box-shadow:0 0 15px #00ffff4d;transition:all .3s ease;backdrop-filter:blur(5px)}.control-btn:hover{transform:scale(1.1);border-color:#0ff;box-shadow:0 0 30px #0ff9;color:#fff}.card-grid-90 .card-cell{aspect-ratio:1 / 1;background:#0f172a99;border:1px solid rgba(0,255,255,.3);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#cbd5e1;position:relative;transition:all .3s ease}.card-grid-90 .card-cell.empty{background:#0f172a4d;border:1px dashed rgba(0,255,255,.2)}.card-grid-90 .card-cell.marked{background:#22d3ee4d;border-color:#0ffc;color:#0ff}.voice-selector-modal{background:linear-gradient(135deg,#0a0a0afa,#1e1e1efa);border:3px solid #00ffff;border-radius:20px;padding:30px;max-width:500px;width:90%;max-height:70vh;overflow-y:auto;box-shadow:0 20px 60px #000000e6,0 0 40px #0ff9}.voice-selector-modal h3{color:#0ff;text-align:center;font-size:1.8rem;margin-bottom:20px;text-shadow:0 0 20px rgba(0,255,255,.8)}.voice-option{background:#00ffff1a;border:2px solid rgba(0,255,255,.3);border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:5px;cursor:pointer;transition:all .3s ease;color:#fff}.voice-option:hover{background:#0ff3;border-color:#0ff9;transform:translate(5px)}.voice-option.active{background:#00ffff4d;border-color:#0ff;box-shadow:0 0 20px #00ffff80}.voice-name{font-weight:700;font-size:1.1rem;color:#0ff}.close-voice-selector{width:100%;padding:12px;background:linear-gradient(135deg,#f0f,#f09);border:none;border-radius:10px;color:#fff;font-weight:900;font-size:1rem;cursor:pointer;transition:all .3s ease}.close-voice-selector:hover{background:linear-gradient(135deg,#f0f,#f0d);transform:scale(1.05);box-shadow:0 0 30px #f0f9}.control-btn.voice-btn{background:transparent;border:2px solid rgba(0,255,255,.6);color:#0ff}.control-btn.voice-btn:hover{background:#00ffff1a;border-color:#0ff;color:#0ff}.control-btn.audio-btn{background:transparent;padding:10px 20px;border:2px solid rgba(255,0,255,.6);border-radius:8px;color:#f0f;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #ff00ff4d;backdrop-filter:blur(5px)}.control-btn.audio-btn:hover{background:#ff00ff1a;transform:scale(1.05);border-color:#f0f;box-shadow:0 0 25px #f0f9;color:#f0f}.reactions-panel{position:fixed;bottom:100px;right:20px;background:#0a0a0af2;border:2px solid rgba(0,255,255,.4);border-radius:15px;padding:15px;backdrop-filter:blur(10px);box-shadow:0 10px 40px #00ffff4d;z-index:1000;animation:slide-in-right .5s ease-out}.reactions-title{font-size:.9rem;font-weight:700;color:#0ff;margin-bottom:10px;text-align:center;text-shadow:0 0 10px rgba(0,255,255,.8)}.reaction-btn{width:50px;height:50px;font-size:1.5rem;background:#ff00ff1a;border:2px solid rgba(255,0,255,.4);border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.reaction-btn:hover{transform:scale(1.2) rotate(10deg);background:#ff00ff4d;border-color:#f0f;box-shadow:0 0 20px #f0f9}.celebration-overlay{position:fixed;inset:0;background:radial-gradient(circle,#00ffff4d,#000000f2);z-index:9999;display:flex;align-items:center;justify-content:center;animation:celebration-fade-in .5s ease-out}.celebration-trophy{font-size:8rem;animation:trophy-bounce 1s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(0,255,255,.8))}.celebration-text{font-size:3rem;font-weight:900;color:#0ff;text-shadow:0 0 20px rgba(0,255,255,1),0 0 40px rgba(0,255,255,.8);margin:20px 0;animation:text-glow 1.5s ease-in-out infinite}@keyframes text-glow{0%,to{text-shadow:0 0 20px rgba(0,255,255,1),0 0 40px rgba(0,255,255,.8)}50%{text-shadow:0 0 30px rgba(0,255,255,1),0 0 60px rgba(0,255,255,1)}}.marked-particle{position:absolute;width:8px;height:8px;background:#0ff;border-radius:50%;top:50%;left:50%;animation:particle-explode 1s ease-out forwards}.starter-room.fade-out{animation:state-fade-out .5s ease-out forwards}.starter-room.fade-in{animation:state-fade-in .5s ease-out forwards}.column-counter{position:absolute;top:-30px;right:5px;background:#f0f3;border:2px solid rgba(255,0,255,.6);border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#f0f;box-shadow:0 0 10px #ff00ff80}.grid-number.called:not(.recent):after{content:"";position:absolute;inset:-10px;border:3px solid currentColor;border-radius:50%;animation:ripple-strong 1s ease-out;opacity:0;pointer-events:none}.grid-number.recent:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;background:conic-gradient(from 0deg,#ff0080,#ff8c00,gold,#00ff80,#00bfff 240deg,#ff0080 360deg);border-radius:50%;transform:translate(-50%,-50%);animation:firework-burst 1.2s ease-out forwards;pointer-events:none;z-index:10;box-shadow:0 0 15px #ff0c,0 0 25px #ff008099}@keyframes firework-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(.5) rotate(0)}30%{opacity:1;transform:translate(-50%,-70%) scale(1.8) rotate(180deg);box-shadow:0 0 20px #ff0,0 0 40px #ff0080cc}60%{transform:translate(-50%,-100%) scale(1.5) rotate(360deg)}to{opacity:0;transform:translate(-50%,-140%) scale(.3) rotate(720deg)}}.ready-modal-overlay.fade-out{animation:modal-fade-out .5s ease-in forwards}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.ready-modal-content.fade-out{animation:modal-scale-out .5s ease-in forwards}@keyframes modal-scale-out{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.8) translateY(20px);opacity:0}}.ready-modal-countdown{background:#0006;border:2px solid rgba(0,255,255,.3);border-radius:15px;padding:25px 20px;margin:30px 0}.ready-modal-close-btn{background:linear-gradient(135deg,#0ff,#0cc);color:#000;border:none;border-radius:30px;padding:15px 40px;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #0ff6,inset 0 -2px 5px #0003;margin-top:20px}.ready-modal-close-btn:hover{background:linear-gradient(135deg,#0ff,#0ee);transform:translateY(-2px);box-shadow:0 8px 30px #0ff9,inset 0 -2px 5px #0003}.ready-modal-close-btn:active{transform:translateY(0);box-shadow:0 3px 15px #0ff6,inset 0 -2px 5px #0003}.starter-modal{border-color:#0ff!important;box-shadow:0 0 30px #00ffff80,0 0 60px #ff00ff4d,inset 0 0 50px #00ffff1a!important}.starter-modal .ready-modal-title{color:#0ff!important;text-shadow:0 0 20px rgba(0,255,255,1),0 0 40px rgba(0,255,255,.5),0 0 60px rgba(255,0,255,.3)!important}.starter-modal .ready-modal-countdown{border-color:#00ffff4d!important}.starter-modal .ready-modal-countdown-label{color:#0ff!important}.celebration-subtitle{font-size:1.8rem;color:#0ff;margin-bottom:2rem;text-shadow:0 0 15px rgba(0,255,255,.8);font-weight:600}.sidebar-toggle-btn{position:fixed;top:20px;left:20px;z-index:999;background:#00d4ff33;border:2px solid rgba(0,212,255,.6);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#00d4ff;font-size:1.3rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);box-shadow:0 0 20px #00d4ff66}.sidebar-toggle-btn:hover{background:#00d4ff4d;border-color:#0ff;transform:scale(1.1);box-shadow:0 0 30px #00d4ffcc}.sidebar-toggle-btn.hidden{opacity:0;pointer-events:none}.sidebar-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(5px);z-index:1000;animation:overlay-fade-in .3s ease}.player-sidebar{position:fixed;top:0;left:-350px;width:350px;height:100vh;background:linear-gradient(180deg,#0a0a0afa,#14141efa);border-right:3px solid rgba(0,212,255,.5);box-shadow:5px 0 30px #00d4ff4d;z-index:1001;transition:left .4s cubic-bezier(.68,-.55,.27,1.55);overflow-y:auto;backdrop-filter:blur(10px)}.player-sidebar.open{left:0}.player-sidebar::-webkit-scrollbar{width:8px}.player-sidebar::-webkit-scrollbar-track{background:#0000004d}.player-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff,#f0f);border-radius:10px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid rgba(0,212,255,.3);background:#00d4ff0d}.sidebar-title{font-size:1.5rem;font-weight:700;color:#00d4ff;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(0,212,255,.6)}.sidebar-close-btn{background:transparent;border:2px solid rgba(255,0,255,.6);border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:#f0f;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.sidebar-close-btn:hover{background:#f0f3;border-color:#f0f;transform:rotate(90deg)}.sidebar-section{padding:15px 20px;border-bottom:1px solid rgba(0,212,255,.1)}.sidebar-section-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.section-icon{color:#00d4ff;font-size:1.2rem}.section-title{font-size:1rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1px}.sidebar-item{display:flex;align-items:center;gap:15px;padding:12px;border-radius:10px;background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);transition:all .3s ease}.sidebar-item:hover{background:#00d4ff1a;border-color:#00d4ff66}.sidebar-icon{font-size:1.5rem;color:#00d4ff}.user-icon{background:linear-gradient(135deg,#00d4ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-balance-icon{width:30px;height:30px;filter:drop-shadow(0 0 5px rgba(255,184,77,.6))}.sidebar-item-content{flex:1;display:flex;flex-direction:column;gap:5px}.sidebar-label{font-size:.8rem;color:#fff9;text-transform:uppercase;letter-spacing:1px}.sidebar-value{font-size:1.1rem;font-weight:700;color:#fff}.sidebar-value.username{color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.4)}.sidebar-value.balance{color:#ffb84d;text-shadow:0 0 10px rgba(255,184,77,.4)}.sidebar-value.balance.hidden{color:#fff6;letter-spacing:3px}.balance-info{cursor:pointer;position:relative}.balance-toggle-btn{background:transparent;border:none;color:#ffffff80;font-size:1rem;cursor:pointer;transition:all .3s ease;padding:5px}.balance-toggle-btn:hover{color:#00d4ff;transform:scale(1.2)}.tickets-list{display:flex;flex-direction:column;gap:10px}.ticket-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-radius:8px;background:#0006;border:2px solid transparent;transition:all .3s ease}.ticket-item.starter{border-color:#00ffff4d;background:linear-gradient(90deg,rgba(0,255,255,.1) 0%,transparent 100%)}.ticket-item.starter:hover{border-color:#0ff9;box-shadow:0 0 15px #00ffff4d}.ticket-item.bronze{border-color:#cd7f324d;background:linear-gradient(90deg,rgba(205,127,50,.1) 0%,transparent 100%)}.ticket-item.bronze:hover{border-color:#cd7f3299;box-shadow:0 0 15px #cd7f324d}.ticket-item.silver{border-color:#c0c0c04d;background:linear-gradient(90deg,rgba(192,192,192,.1) 0%,transparent 100%)}.ticket-item.silver:hover{border-color:#c0c0c099;box-shadow:0 0 15px #c0c0c04d}.ticket-item.gold{border-color:#ffd7004d;background:linear-gradient(90deg,rgba(255,215,0,.1) 0%,transparent 100%)}.ticket-item.gold:hover{border-color:#ffd70099;box-shadow:0 0 15px #ffd7004d}.ticket-room{font-size:.95rem;font-weight:600;color:#fff;text-transform:uppercase}.ticket-count{font-size:1.2rem;font-weight:700;color:#00d4ff;background:#00d4ff1a;padding:5px 12px;border-radius:20px;border:1px solid rgba(0,212,255,.3)}.sidebar-actions{padding:20px;display:flex;flex-direction:column;gap:12px}.sidebar-action-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid transparent;text-transform:uppercase;letter-spacing:1px}.sidebar-action-btn .action-icon{font-size:1.2rem}.lobby-btn{background:linear-gradient(135deg,#00d4ff33,#0064ff33);border-color:#00d4ff80;color:#00d4ff}.lobby-btn:hover{background:linear-gradient(135deg,#00d4ff4d,#0064ff4d);border-color:#00d4ff;box-shadow:0 0 20px #00d4ff80;transform:translateY(-2px)}.support-btn{background:linear-gradient(135deg,#f0f3,#ff006433);border-color:#ff00ff80;color:#f0f}.support-btn:hover{background:linear-gradient(135deg,#ff00ff4d,#ff00644d);border-color:#f0f;box-shadow:0 0 20px #ff00ff80;transform:translateY(-2px)}.expand-icon{font-size:1rem;transition:transform .3s ease;color:#fff9;margin-left:auto}.expand-icon.expanded{transform:rotate(180deg)}.sidebar-section-header.collapsible{cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:8px;transition:background-color .2s ease}.sidebar-section-header.collapsible:hover{background-color:#ffffff0d}.sidebar-section-header.collapsible:active{background-color:#ffffff1a}.audio-controls-section{margin-top:auto;padding-top:15px;border-top:1px solid rgba(0,212,255,.2)}.audio-controls-section .section-title{font-size:.9rem;color:#00d4ff;margin-bottom:10px;text-align:center;text-transform:uppercase;letter-spacing:1px}.audio-controls{display:flex;flex-direction:column;gap:8px;padding:0 20px}.audio-control-btn{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#14141499;border:2px solid rgba(100,100,100,.4);border-radius:10px;color:#ffffff80;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(5px)}.audio-control-btn svg{font-size:1.2rem}.audio-control-btn:hover{border-color:#00d4ff99;background:#00d4ff1a;transform:translate(5px)}.audio-control-btn.active{border-color:#00d4ff;background:linear-gradient(135deg,#00d4ff33,#0064ff33);color:#00d4ff;box-shadow:0 0 15px #00d4ff4d}.audio-control-btn.active:hover{box-shadow:0 0 25px #00d4ff80}.sidebar-footer{padding:15px 20px;text-align:center;border-top:1px solid rgba(0,212,255,.2);margin-top:10px}.sidebar-version{font-size:.8rem;color:#ffffff4d;font-weight:600;letter-spacing:2px}@media (max-width: 768px){.player-sidebar{width:100%;left:-100%}.sidebar-toggle-btn{width:45px;height:45px;font-size:1.1rem}}.modern-machine-container{width:100%;height:100%;position:relative;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 50px #000c,0 10px 30px #00000080;background:#111;border:4px solid #333;transition:all .3s ease;max-width:375px;max-height:375px;margin:0 auto}.theme-bronze{border-color:#cd7f32;box-shadow:0 0 20px #cd7f324d,inset 0 0 60px #000}.theme-silver{border-color:silver;box-shadow:0 0 20px #c0c0c04d,inset 0 0 60px #000}.theme-gold{border-color:gold;box-shadow:0 0 20px #ffd7004d,inset 0 0 60px #000}.theme-starter{border-color:#f50;box-shadow:0 0 20px #ff55004d,inset 0 0 60px #000}.machine-video-wrapper{width:100%;height:100%;position:relative;z-index:10}.video-mask{width:100%;height:100%;-webkit-mask-image:radial-gradient(circle,white 100%,black 100%);mask-image:radial-gradient(circle,#fff 100%,#000);position:relative}.bolillero-video{width:100%;height:100%;object-fit:cover;transform:scale(1.1);opacity:.8}.video-fallback{width:100%;height:100%;background:radial-gradient(circle at 30% 30%,#444,#000)}.glass-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#fff0 50%),radial-gradient(circle at 50% 120%,rgba(255,255,255,.1),transparent 70%);pointer-events:none;z-index:15}.waiting-pulse{animation:scalePulse 2s infinite ease-in-out;color:#fff;text-align:center;font-family:Montserrat,sans-serif;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.8);font-size:1.5rem;letter-spacing:1px}@keyframes scalePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.current-ball-stage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;display:flex;align-items:center;justify-content:center}.overlay-layer{transition:opacity .8s ease-out,visibility .8s;opacity:1;visibility:visible}.overlay-layer.fade-out{opacity:0;visibility:hidden;pointer-events:none}.main-ball{width:150px;height:150px;border-radius:50%;position:relative;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.2) 0%,transparent 50%),var(--ball-color);box-shadow:inset -10px -10px 20px #0006,inset 10px 10px 20px #ffffff4d,0 10px 20px #00000080;display:flex;align-items:center;justify-content:center;font-size:4.5rem;font-weight:900;color:#333;text-shadow:0 1px 2px rgba(255,255,255,.5);font-family:Roboto,sans-serif;z-index:35;animation:ballPop .5s cubic-bezier(.175,.885,.32,1.275)}.main-ball:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;background:#fff;border-radius:50%;z-index:1;box-shadow:inset 0 2px 5px #0003}.main-ball .ball-content,.main-ball .ball-number{position:relative;z-index:5;background:transparent!important}.recent-balls-bar{margin-top:8px!important;padding:6px 10px!important;background:#0009!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.15)!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:auto!important;max-width:100%!important;box-sizing:border-box!important;align-self:center!important}.recent-label{font-weight:800!important;color:#fbcb0a!important;font-size:.8rem!important;letter-spacing:.5px!important;white-space:nowrap!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important;margin-right:5px!important}.recent-balls-list{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important;overflow:visible!important}.bingo-ball-chip,div.recent-balls-list .bingo-ball-chip{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:50%!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important;font-size:1.2rem!important;color:#333!important;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.2) 0%,transparent 50%),var(--ball-color)!important;box-shadow:inset -3px -3px 6px #0006,inset 3px 3px 6px #ffffff4d,0 4px 8px #0006!important;transition:transform .2s ease;overflow:hidden!important;z-index:10!important}.bingo-ball-chip:before,div.recent-balls-list .bingo-ball-chip:before{content:""!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:70%!important;height:70%!important;background:#fff!important;border-radius:50%!important;z-index:1!important;box-shadow:inset 0 1px 3px #0000004d!important;display:block!important}.bingo-ball-chip .ball-number,div.recent-balls-list .bingo-ball-chip .ball-number{position:relative!important;z-index:10!important;text-shadow:0 1px 1px rgba(255,255,255,.5)!important;line-height:1!important;color:#333!important;font-family:Roboto,sans-serif!important;display:block!important;font-size:1rem!important}@keyframes ballPop{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.1) rotate(10deg);timeout-timing-function:ease-out}to{transform:scale(1) rotate(0);opacity:1}}.machine-base{position:absolute;bottom:0;left:0;width:100%;height:10px;background:linear-gradient(to right,#222,#444,#222);z-index:5}.hover-scale:hover{transform:scale(1.4)!important}@media (max-width: 768px){.modern-machine-container{max-width:270px;max-height:270px}.main-ball{width:100px;height:100px;font-size:3rem}}.main-ball.mini{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;font-size:.9rem!important;margin:0!important;box-shadow:inset -2px -2px 4px #0006,inset 2px 2px 4px #ffffff4d,0 2px 4px #0006!important;animation:miniPop .4s cubic-bezier(.175,.885,.32,1.275)}.main-ball.mini .ball-number{font-size:.8rem!important;z-index:10!important;position:relative!important;color:#111!important;text-shadow:0 .5px .5px rgba(255,255,255,.8)!important}.main-ball.mini:before{width:70%!important;height:70%!important;z-index:1!important;box-shadow:inset 0 1px 2px #0000004d!important}.recent-ball-clone{width:60px!important;height:60px!important;border-radius:50%!important;position:relative!important;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.2) 0%,transparent 50%),var(--ball-color)!important;box-shadow:inset -4px -4px 8px #0006,inset 4px 4px 8px #ffffff4d,0 4px 8px #00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;font-family:Roboto,sans-serif!important;z-index:10!important;border:none!important}.ball-inner-white{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:50%!important;height:50%!important;background:#fff!important;border-radius:50%!important;z-index:2!important;box-shadow:inset 0 2px 4px #00000040!important;pointer-events:none}.recent-ball-clone .ball-number{position:relative!important;z-index:5!important;font-size:1.6rem!important;font-weight:900!important;color:#111!important;text-shadow:none!important}.pending-prizes-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pending-prizes-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .4s ease;border:2px solid rgba(255,215,0,.3)}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.pending-prizes-header{background:linear-gradient(135deg,gold,#ffed4e);padding:30px;text-align:center;border-radius:18px 18px 0 0}.pending-prizes-title{font-size:32px;font-weight:800;color:#1a1a2e;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.pending-prizes-subtitle{font-size:16px;color:#333;margin:8px 0 0;font-weight:600}.pending-prizes-total{background:linear-gradient(135deg,#4caf50,#45a049);padding:25px;text-align:center;margin:20px 20px 0;border-radius:15px;box-shadow:0 4px 15px #4caf504d}.total-label{font-size:14px;color:#ffffffe6;font-weight:600;text-transform:uppercase;letter-spacing:1px}.total-amount{font-size:48px;font-weight:900;color:#fff;margin:10px 0;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.total-info{font-size:14px;color:#fffc;font-weight:500}.pending-prizes-list{padding:20px;display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto}.pending-prizes-list::-webkit-scrollbar{width:8px}.pending-prizes-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.pending-prizes-list::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:10px}.pending-prizes-list::-webkit-scrollbar-thumb:hover{background:#ffd70080}.prize-card{background:linear-gradient(135deg,#2d3561,#1f2544);border-radius:15px;padding:20px;border-left:5px solid;transition:transform .2s ease,box-shadow .2s ease}.prize-card:hover{transform:translate(5px);box-shadow:0 8px 20px #0000004d}.prize-linea{border-left-color:#4caf50;background:linear-gradient(135deg,#2d5135,#1f3825)}.prize-bingo{border-left-color:gold;background:linear-gradient(135deg,#5d4e2d,#3d3220)}.prize-pre40{border-left-color:#ff6b6b;background:linear-gradient(135deg,#5d2d2d,#3d2020)}.prize-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.prize-icon{font-size:32px}.prize-type{font-size:20px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1px}.prize-details{display:flex;flex-direction:column;gap:8px}.prize-room{font-size:14px;color:#ffffffb3;font-weight:600}.prize-amount{font-size:28px;font-weight:900;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.prize-shared{font-size:12px;color:#fff9;font-style:italic;background:#ffffff0d;padding:5px 10px;border-radius:8px;display:inline-block;align-self:flex-start}.prize-ball{font-size:13px;color:#fffc}.prize-ball strong{color:gold;font-size:16px}.pending-prizes-footer{padding:25px;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.balance-info{font-size:14px;color:#ffffffb3;margin:0 0 20px;font-weight:500}.close-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:15px 40px;font-size:16px;font-weight:700;border-radius:10px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #4caf504d}.close-button:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.close-button:active{transform:translateY(0)}@media (max-width: 768px){.pending-prizes-modal{width:95%;max-height:95vh}.pending-prizes-title{font-size:24px}.total-amount{font-size:36px}.prize-amount{font-size:24px}}.bronze-room{height:100vh;min-height:100vh;background:#1a1310;background-image:linear-gradient(180deg,rgba(62,39,35,.4) 0%,transparent 100%),repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(139,69,19,.05) 50px,rgba(139,69,19,.05) 51px),repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(139,69,19,.05) 50px,rgba(139,69,19,.05) 51px);color:#d4a574;display:flex;flex-direction:column;padding:15px;overflow:hidden;position:relative;animation:room-fade-in .8s ease-out;font-family:Roboto Condensed,Arial Narrow,sans-serif;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.8);box-shadow:inset 0 0 200px #3e27234d}.bronze-room:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1200px;height:1200px;background-image:url(/assets/png/logo-Cy4RVec1.png);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.7;z-index:0;pointer-events:none;animation:bg-logo-pulse 4s ease-in-out infinite}.curtain-text{font-size:5rem;font-weight:900;font-family:Roboto Condensed,sans-serif;color:#b87333;text-shadow:2px 2px 0px #3e2723,4px 4px 0px #2a1810,6px 6px 20px rgba(139,69,19,.8);letter-spacing:8px;text-transform:uppercase;animation:text-pulse 1s ease-in-out infinite}.confetti-piece{position:absolute;width:10px;height:20px;background:var(--color, #ff6600);top:-20px;left:var(--left, 50%);animation:confetti-fall var(--duration, 3s) linear forwards;opacity:.9;transform:rotate(var(--rotation, 0deg))}.winner-celebration-overlay{position:fixed;inset:0;background:#000000f2;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlay-appear .5s ease-out}.celebration-content{background:linear-gradient(135deg,#f603,#f003);border:4px solid #ff6600;border-radius:20px;padding:40px;text-align:center;max-width:800px;box-shadow:0 0 60px #f60c,0 0 100px #f009;animation:celebration-bounce .6s cubic-bezier(.68,-.55,.265,1.55);position:relative;z-index:1001}.celebration-title{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#f60,#f60,#f60);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(255,102,0,.8);animation:title-glow 1.5s ease-in-out infinite;margin-bottom:20px}.celebration-message{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:30px;text-shadow:0 0 20px rgba(255,102,0,.8)}.winner-card-badge{background:#f603;border:2px solid #ff6600;border-radius:12px;padding:15px 25px;font-size:1.3rem;font-weight:800;color:#f60;text-shadow:0 0 15px rgba(255,102,0,.8);animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #ff660080}50%{transform:scale(1.05);box-shadow:0 0 40px #f60c}}.celebration-close{background:linear-gradient(135deg,#f60,#08f);border:none;border-radius:12px;padding:15px 40px;font-size:1.2rem;font-weight:900;color:#fff;cursor:pointer;box-shadow:0 0 30px #f609;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px}.celebration-close:hover{background:linear-gradient(135deg,#f60,#f60);transform:scale(1.1);box-shadow:0 0 50px #f60}.celebration-card-expanded{margin:30px auto;max-width:700px;background:#000000b3;border:3px solid #ff6600;border-radius:15px;padding:20px;box-shadow:0 0 30px #f609}.celebration-card-expanded .card-number{font-size:1.4rem;font-weight:900;color:#f60;text-shadow:0 0 10px rgba(255,102,0,.8)}.celebration-card-expanded .card-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#000000b3;border:2px solid rgba(255,102,0,.5);border-radius:8px;font-size:1.5rem;font-weight:900;color:#fff;transition:all .3s ease}.celebration-card-expanded .card-cell.empty{background:#0000004d;border-color:#ff66004d}.celebration-card-expanded .card-cell.highlighted-line{background:linear-gradient(135deg,#f60 0% 100%);border:3px solid #ff6600;box-shadow:0 0 20px #ff6600e6,inset 0 0 15px #f606;animation:pulse-highlight 1s infinite alternate;color:#000;font-weight:900}@keyframes pulse-highlight{0%{box-shadow:0 0 20px #ff6600e6,inset 0 0 15px #f606;transform:scale(1)}to{box-shadow:0 0 35px #f60,inset 0 0 25px #f609;transform:scale(1.05)}}.celebration-card-expanded .card-cell.highlighted-line .cell-number{color:#000;text-shadow:0 0 5px rgba(255,102,0,.8);font-weight:900}.compact-line-alert{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;margin:4px 0;background:linear-gradient(135deg,#ff6600f2,#ff4500f2);border:2px solid #ff6600;border-radius:10px;box-shadow:0 0 30px #f60c,0 0 50px #ff660080,inset 0 0 20px #fff3;overflow:hidden;animation:compact-alert-pulse 1.5s ease-in-out infinite}@keyframes compact-alert-pulse{0%,to{box-shadow:0 0 30px #f60c,0 0 50px #ff660080,inset 0 0 20px #fff3;transform:scale(1)}50%{box-shadow:0 0 40px #f60,0 0 70px #ff6600b3,inset 0 0 30px #ffffff4d;transform:scale(1.02)}}.almost-line-alert{position:relative;display:flex;align-items:center;gap:15px;padding:15px 25px;background:linear-gradient(135deg,#ff6600f2,#ff4500f2);border:3px solid #ff6600;border-radius:15px;box-shadow:0 0 40px #f609,0 0 60px #f606,inset 0 0 30px #ffffff1a;margin-bottom:15px;overflow:hidden;animation:alert-entrance .5s ease-out,alert-glow 2s ease-in-out infinite}@keyframes alert-glow{0%,to{box-shadow:0 0 40px #f609,0 0 60px #f606,inset 0 0 30px #ffffff1a}50%{box-shadow:0 0 60px #f60c,0 0 80px #f609,inset 0 0 40px #fff3}}.alert-message{font-size:1.1rem;font-weight:700;color:#f60;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.card-badge{display:inline-block;padding:4px 12px;background:#fff3;border:1px solid rgba(255,102,0,.4);border-radius:20px;font-size:.85rem;font-weight:600;color:#fff;backdrop-filter:blur(5px);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.room-title{display:flex;align-items:center;gap:10px;font-size:1.8rem;font-weight:900;font-family:Roboto Condensed,Arial Narrow,sans-serif;letter-spacing:6px;text-transform:uppercase;color:#b87333!important;text-shadow:2px 2px 0px #3e2723,4px 4px 0px #2a1810,0 0 20px rgba(139,69,19,.5);filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.room-title .title-text{color:orange!important}.title-tag{font-size:.8rem;background:linear-gradient(135deg,#0f0,#f60);color:#000;padding:5px 15px;border-radius:20px;font-weight:700;letter-spacing:2px;animation:tag-pulse 2s ease-in-out infinite}@keyframes tag-pulse{0%,to{box-shadow:0 0 10px #ff660080}50%{box-shadow:0 0 25px #f60c}}.card-price-tag{display:flex;flex-direction:column;align-items:center;gap:2px;background:#8b451326;padding:6px 12px;border-radius:12px;border:2px solid #654321;box-shadow:0 0 15px #65432180,inset 0 0 10px #8b45131a}.bronze-room .price-label{font-size:.65rem;color:#b87333!important;font-weight:600;letter-spacing:.5px;text-transform:uppercase;line-height:1;text-shadow:0 0 8px rgba(184,115,51,.8)}.bronze-room .price-amount{font-size:1.2rem;font-weight:900;color:#000;background:linear-gradient(135deg,#b87333,#d4a574);padding:4px 12px;border-radius:8px;border:2px solid #8b4513;letter-spacing:1px;box-shadow:0 0 15px #b8733399,inset 0 1px 2px #ffffff4d;text-shadow:none;line-height:1}.lobby-btn{font-size:.8rem;font-family:Roboto Condensed,sans-serif;font-weight:900;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(180deg,#8b4513,#5a2d0c);color:#d4a574;padding:8px 20px;border:2px solid #3e2723;border-radius:4px;cursor:pointer;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.8);box-shadow:0 4px 6px #00000080,inset 0 1px #ffffff1a,inset 0 -1px #0000004d;position:relative;overflow:hidden}.lobby-btn:hover{background:linear-gradient(135deg,#f60 0% 50%,#f60);transform:scale(1.1);box-shadow:0 0 30px #f60,0 6px 12px #0006}@keyframes lobby-shimmer{0%,to{box-shadow:0 0 15px #f609,0 4px 8px #0000004d}50%{box-shadow:0 0 35px #f60,0 0 50px #f60c,0 6px 12px #0006}}.ball-counter-display{font-size:.85rem;background:linear-gradient(135deg,#cd7f324d,#8b45134d);color:#cd7f32;padding:6px 14px;border:2px solid rgba(205,127,50,.8);border-radius:15px;font-weight:800;letter-spacing:1px;box-shadow:0 0 15px #cd7f3299,inset 0 0 10px #cd7f3233;animation:ball-counter-glow 2s ease-in-out infinite;text-shadow:0 0 10px rgba(205,127,50,.8);white-space:nowrap}@keyframes ball-counter-glow{0%,to{box-shadow:0 0 15px #cd7f3299,inset 0 0 10px #cd7f3233;text-shadow:0 0 10px rgba(205,127,50,.8)}50%{box-shadow:0 0 25px #cd7f32e6,0 0 35px #cd7f32b3,inset 0 0 15px #cd7f324d;text-shadow:0 0 15px rgba(205,127,50,1)}}.info-badge{background:#ff66001a;border:2px solid rgba(255,102,0,.4);padding:8px 15px;border-radius:10px;font-family:Courier New,monospace;font-size:.9rem}.badge-value{color:#f60;font-weight:700;text-shadow:0 0 10px rgba(255,102,0,.6)}.status-badge.waiting{background:#ff66004d;border:2px solid #ff6600;color:#ff0}.status-badge.active{background:#f003;border:2px solid #ff0000;color:red;animation:status-blink 1s ease-in-out infinite}.status-badge.ended{background:#0f03;border:2px solid #ff6600;color:#0f0}.game-table{display:flex;gap:0px;padding:0;background:#0006;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:3px solid rgba(255,102,0,.3);border-radius:20px;box-shadow:0 8px 32px #0009,0 0 40px #f603,inset 0 0 40px #ff66000d;min-height:60vh;margin-bottom:2px;position:relative;z-index:2;overflow:hidden}.digital-grid-full:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,rgba(255,102,0,.1) 0%,transparent 50%,rgba(255,102,0,.05) 100%);pointer-events:none}.grid-row .grid-column{flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#3e272399,#1a1310cc);border-radius:8px;padding:3px;border:1px solid #5a2d0c;box-shadow:0 0 20px #f606,inset 0 0 20px #ff66001a}.grid-row .column-letter{font-size:.7rem;font-weight:700;font-family:Roboto Condensed,sans-serif;text-align:center;margin-bottom:4px;letter-spacing:1px;text-transform:uppercase;padding:3px;background:linear-gradient(180deg,#5a2d0c,#3e2723);border-radius:6px;border:1px solid #8b4513;box-shadow:inset 0 1px #d4a57433;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.grid-row .grid-number{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:600;font-family:Roboto Condensed,sans-serif;border-radius:5px;background:linear-gradient(180deg,#2a1810,#1a1310);border:1px solid #5a2d0c;color:#d4a57466;transition:all .3s ease;position:relative;box-shadow:inset 0 1px 2px #000c,0 2px 4px #0006;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.grid-row .grid-number.called{color:#1a1310;font-weight:900;transform:scale(1.05);background:linear-gradient(135deg,#d4a574,#b87333);border:2px solid #8b4513;box-shadow:0 4px 8px #8b451399,inset 0 1px #ffffff4d,inset 0 -1px 2px #0006;text-shadow:0 1px 0 rgba(255,255,255,.3)}.grid-row .grid-number.recent{animation:recentPulse-subtle 2s ease-in-out}@keyframes recentPulse-subtle{0%,to{transform:scale(1.05);box-shadow:0 4px 8px #8b451399,inset 0 1px #ffffff4d,inset 0 -1px 2px #0006}50%{transform:scale(1.08);box-shadow:0 6px 12px #8b4513cc,inset 0 1px #fff6,inset 0 -1px 2px #0006}}@keyframes ripple-wave{0%{box-shadow:0 0 0 0 currentColor}to{box-shadow:0 0 0 30px #f600}}.recent-balls-bar{margin-top:12px;padding:10px;background:#0006;border-radius:12px;border:1px solid rgba(255,102,0,.3);display:flex;align-items:center;gap:12px}.recent-label{font-weight:700;color:#f60;font-size:.72rem;letter-spacing:1px}.recent-balls-list{display:flex;gap:8px;flex-wrap:wrap}.recent-ball-chip{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#000;border:2px solid rgba(255,102,0,.9);animation:recentBallPop .4s ease-out}@keyframes recentBallPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes recentPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.digital-grid{background:#0009;border:2px solid rgba(255,102,0,.6);border-radius:15px;padding:8px;position:relative;overflow:hidden;display:flex;flex-direction:column}.grid-title{font-size:.75rem;font-weight:700;letter-spacing:2px;color:#b87333;text-shadow:0 0 15px rgba(184,115,51,.8),0 0 30px rgba(139,69,19,.4);font-family:Georgia,Times New Roman,serif;text-transform:uppercase}.grid-glow{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:80%;height:20px;background:radial-gradient(ellipse,rgba(184,115,51,.4),transparent);filter:blur(10px)}.column-letter{font-size:1rem;font-weight:900;text-align:center;padding:4px 0;background:linear-gradient(180deg,#3e2723e6,#2a1810e6);border-radius:6px;border:2px solid #5a2d0c;letter-spacing:2px;animation:letter-glow 2s ease-in-out infinite;font-family:Roboto Condensed,Arial Narrow,sans-serif;text-shadow:0 0 8px rgba(184,115,51,.5)}.grid-number{background:#1a1310b3;border:1px solid rgba(90,45,12,.3);border-radius:4px;padding:3px 2px;text-align:center;font-size:.75rem;font-weight:600;color:#6b4423;font-family:Roboto Condensed,Arial Narrow,sans-serif;position:relative;transition:all .3s ease}.grid-number.called{background:linear-gradient(135deg,#b87333,#d4a574);color:#1a1310;font-weight:900;border:2px solid #8b4513;box-shadow:0 0 15px #b87333cc,inset 0 0 10px #fff3;animation:number-called-smooth .4s ease-out;z-index:1}@keyframes number-called-smooth{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.grid-number.recent{animation:recent-pulse-subtle 2s ease-in-out}@keyframes recent-pulse-subtle{0%,to{transform:scale(1);box-shadow:0 0 15px #b87333cc}50%{transform:scale(1.05);box-shadow:0 0 20px #b87333}}.number-glow-ring{position:absolute;inset:-2px;border:2px solid;border-radius:5px;animation:ring-expand 1.5s ease-out infinite;pointer-events:none}@keyframes ring-expand{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.recent-balls-bar{margin-top:4px;padding:6px 10px;background:#000c;border:2px solid rgba(255,102,0,.3);border-radius:10px;display:flex;align-items:center;gap:10px}.recent-label{font-size:.75rem;font-weight:700;color:#f60;letter-spacing:2px;text-shadow:0 0 10px rgba(255,102,0,.6)}.recent-balls-list{display:flex;gap:8px;flex:1}.recent-ball-chip{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-weight:900;color:#000;font-size:.85rem;animation:chip-slide-in .4s ease-out}@keyframes chip-slide-in{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.ball-letter{font-size:.9rem;font-weight:700}.ball-number{font-size:1rem;font-weight:900}.room-title{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:900;letter-spacing:1.5px;padding:6px 10px;background:#0009;border:2px solid rgba(255,102,0,.3);border-radius:12px;flex-wrap:wrap}.title-text{color:orange!important;text-shadow:0 0 20px rgba(255,102,0,.8),0 0 40px rgba(255,102,0,.6);font-weight:900}.info-badge{display:flex;align-items:center;gap:8px;background:#0009;padding:8px 15px;border-radius:10px;border:1px solid rgba(255,102,0,.3)}.badge-value{font-size:1.1rem;font-weight:900;color:#f60;text-shadow:0 0 10px rgba(255,102,0,.6)}.status-badge.waiting{background:#80808033;border-color:#ff660080;color:#888}.machine-top-led{width:80%;height:8px;background:linear-gradient(to right,transparent,rgba(255,102,0,.8) 50%,transparent);border-radius:10px;box-shadow:0 0 20px #f609;animation:led-pulse 2s ease-in-out infinite}.acrylic-sphere{width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,102,0,.15),transparent);backdrop-filter:blur(15px) saturate(200%);-webkit-backdrop-filter:blur(15px) saturate(200%);border:4px solid rgba(255,102,0,.5);box-shadow:0 0 60px #f609,0 0 100px #ff66004d,inset 0 0 80px #f603;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.led-ring{position:absolute;inset:-5px;border-radius:50%;border:3px solid transparent;background:linear-gradient(#000,#000) padding-box,linear-gradient(45deg,#f60,#06f,#f60) border-box;animation:led-rotate 3s linear infinite}.floating-ball{position:absolute;width:35px;height:35px;border-radius:50%;border:2px solid rgba(255,102,0,.4);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:900;color:#000;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 5px 15px #00000080,inset 0 -5px 10px #0000004d,inset 0 5px 10px #ffffff4d;animation:float-gravity 4s ease-in-out infinite}.showcase-ball{width:150px;height:150px;border-radius:50%;border:4px solid rgba(255,0,0,.4);position:relative;display:flex;align-items:center;justify-content:center;animation:ball-zoom-in 2s ease-out}.select-cards-sphere-btn{background:transparent;border:none;cursor:pointer;padding:0;transition:all .3s ease;filter:drop-shadow(0 0 30px rgba(255,102,0,.6));max-width:100%;display:flex;align-items:center;justify-content:center}.select-cards-sphere-btn:hover{transform:scale(1.08);filter:drop-shadow(0 0 50px rgba(255,0,0,.8))}.counter-line{width:100px;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,102,0,.8) 20%,rgba(255,102,0,1) 50%,rgba(255,102,0,.8) 80%,transparent 100%);box-shadow:0 0 10px #f609;animation:line-glow 2s ease-in-out infinite}@keyframes line-glow{0%,to{opacity:.6;box-shadow:0 0 10px #f609}50%{opacity:1;box-shadow:0 0 20px #f60}}.counter-number{font-size:2.5rem;font-weight:900;color:#f60;text-shadow:0 0 20px rgba(255,102,0,1),0 0 40px rgba(255,102,0,.8),0 0 60px rgba(255,0,0,.6);animation:number-pulse 1.5s ease-in-out infinite;font-family:Arial Black,sans-serif;letter-spacing:2px;line-height:1}.counter-label{font-size:.8rem;font-weight:600;color:red;text-shadow:0 0 10px rgba(255,0,0,.8);text-transform:uppercase;letter-spacing:1.5px;margin-top:3px}.base-panel{height:40px;background:linear-gradient(135deg,#000c,#f603);border:2px solid rgba(255,102,0,.4);border-radius:10px;box-shadow:0 0 20px #ff66004d}.light-strip{height:100%;background:linear-gradient(to right,transparent 0%,rgba(255,102,0,.8) 50%,transparent 100%);animation:light-scan 2s linear infinite}.toast-notification{background:linear-gradient(135deg,#ff6600f2,#ff8c00f2);border:3px solid #ff6600;border-radius:15px;padding:20px 30px;box-shadow:0 10px 40px #000c,0 0 60px #f60c;animation:toast-slide-in .5s cubic-bezier(.68,-.55,.265,1.55);display:flex;align-items:center;gap:15px;pointer-events:all}.toast-title{font-size:1.3rem;font-weight:900;color:#000;text-shadow:0 2px 4px rgba(255,102,0,.5);letter-spacing:1px}.marquee-alert{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;background:linear-gradient(135deg,#000000f2,#141414f2);border:5px solid #ff6600;border-radius:20px;padding:40px 60px;box-shadow:0 0 100px #f60,inset 0 0 50px #f603;animation:marquee-appear .5s cubic-bezier(.68,-.55,.265,1.55)}.marquee-text{font-size:4rem;font-weight:900;background:linear-gradient(135deg,#f60,red,#f60,red);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:marquee-shine 2s linear infinite;text-align:center;letter-spacing:3px;text-shadow:0 0 30px rgba(255,102,0,.8)}.balls-counter{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;background:linear-gradient(135deg,#000000e6,#141414e6);border:3px solid rgba(255,102,0,.6);border-radius:50px;padding:15px 40px;display:flex;align-items:center;gap:15px;box-shadow:0 10px 40px #000c,0 0 30px #f606;backdrop-filter:blur(10px)}.counter-value{font-size:2.5rem;font-weight:900;color:#f60;text-shadow:0 0 20px rgba(255,102,0,1)}.pre40-counter{position:fixed;top:110px;right:450px;z-index:500;background:linear-gradient(135deg,#8b451333,#cd853f33);border:2px solid rgba(205,133,63,.8);border-radius:20px;padding:12px 30px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 8px 30px #000c,0 0 30px #cd853f99,inset 0 0 15px #8b45134d;backdrop-filter:blur(15px);animation:pre40-pulse-bronze 2s ease-in-out infinite}@keyframes pre40-pulse-bronze{0%,to{transform:translate(-50%) scale(1);box-shadow:0 10px 40px #000c,0 0 40px #cd853f99}50%{transform:translate(-50%) scale(1.05);box-shadow:0 15px 50px #000000e6,0 0 60px #cd853fe6}}.pre40-title{font-size:.8rem;font-weight:800;color:peru;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 12px rgba(205,133,63,.8)}.pre40-value{font-size:2.5rem;font-weight:900;color:#fff;text-shadow:0 0 25px rgba(205,133,63,1),0 0 45px rgba(139,69,19,.8),2px 2px 8px rgba(0,0,0,.8);line-height:1}.pre40-label{font-size:.7rem;color:tan;text-transform:uppercase;letter-spacing:1.2px;text-shadow:0 0 8px rgba(210,180,140,.6)}.divider-line{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,rgba(255,102,0,.8) 20%,rgba(255,0,0,.8) 50%,rgba(255,102,0,.8) 80%,transparent);box-shadow:0 0 10px #f609}.divider-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#f60;box-shadow:0 0 20px #f60c;animation:pulse-dot 2s ease-in-out infinite}.luck-meter{background:linear-gradient(135deg,#000000e6,#1e1e1ee6);border:3px solid rgba(255,102,0,.6);border-radius:15px;padding:15px 20px;box-shadow:0 10px 30px #000c;backdrop-filter:blur(10px);min-width:200px}.luck-title{font-size:.9rem;color:#f60;text-align:center;margin-bottom:10px;letter-spacing:1px;font-weight:700}.luck-bar{height:20px;background:#00000080;border-radius:10px;overflow:hidden;position:relative;border:2px solid rgba(255,102,0,.3)}.luck-fill{height:100%;background:linear-gradient(90deg,#f60,red,#f60);background-size:200% 100%;animation:luck-shimmer 2s linear infinite;width:var(--luck-percent, 0%);transition:width .5s ease;box-shadow:0 0 20px #f60c;position:relative}.combo-meter{background:linear-gradient(135deg,#000000e6,#1e1e1ee6);border:3px solid rgba(255,0,0,.6);border-radius:15px;padding:15px 20px;box-shadow:0 10px 30px #000c;backdrop-filter:blur(10px);min-width:200px}.combo-title{font-size:.9rem;color:red;text-align:center;margin-bottom:5px;letter-spacing:1px;font-weight:700}.combo-value{font-size:3rem;font-weight:900;color:red;text-align:center;text-shadow:0 0 20px rgba(255,0,0,1),0 0 40px rgba(255,0,0,.8);animation:combo-pulse .5s ease-in-out}.player-avatar-widget{background:linear-gradient(135deg,#000000e6,#1e1e1ee6);border:3px solid rgba(255,102,0,.6);border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #000c;backdrop-filter:blur(10px);animation:avatar-float 3s ease-in-out infinite}.player-cards-section{flex:1;display:flex;flex-direction:column;background:#0009;border:2px solid rgba(255,0,0,.3);border-radius:15px;padding:15px;min-height:35vh;max-height:45vh;margin-top:20px}.cards-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid rgba(255,0,0,.3)}.cards-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;letter-spacing:2px;color:red;text-shadow:0 0 15px rgba(255,0,0,.6)}.cards-count{font-size:.85rem;color:#888;background:#ff00001a;padding:4px 12px;border-radius:15px;border:1px solid rgba(255,0,0,.3)}.compact-card{background:#0a0a0ae6;border:2px solid rgba(255,0,0,.4);border-radius:8px;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;min-height:50px}.compact-card:hover{border-color:#f60c;box-shadow:0 10px 30px #ff660080,0 0 40px #ff66004d;transform:translateY(-8px) scale(1.05) rotateX(5deg);z-index:10}.compact-card.almost-line{border-color:#f60;animation:cyan-pulse-intense .8s ease-in-out infinite;box-shadow:0 0 30px #f60c,0 0 60px #ff660080,inset 0 0 20px #f603}@keyframes cyan-pulse-intense{0%,to{border-width:2px;box-shadow:0 0 30px #f60c,0 0 60px #ff660080}50%{border-width:4px;box-shadow:0 0 50px #f60,0 0 80px #f60c,inset 0 0 30px #f606}}.compact-card:before{content:"";position:absolute;inset:-3px;border-radius:10px;background:conic-gradient(from 0deg,#ff6600 0deg,#ff6600 calc(var(--progress, 0) * 3.6deg),transparent calc(var(--progress, 0) * 3.6deg));opacity:.5;pointer-events:none;z-index:-1}.compact-card-serial{font-size:2.2rem;font-weight:900;color:red;text-align:center;letter-spacing:1px;text-shadow:0 0 15px rgba(255,0,0,1),0 0 30px rgba(255,0,0,.8),0 0 45px rgba(255,0,0,.6);position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:0 3px;line-height:1}.progress-segment{flex:1;height:100%;border-radius:0;transition:all .4s ease;background:#14141480;border-right:1px solid rgba(255,0,0,.15);position:relative}.progress-segment.filled{background:#ff00001a;border-right:2px solid currentColor;border-left:1px solid currentColor;animation:segment-fill .5s ease-out}.compact-card-count{display:none}.expanded-card-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000d9;backdrop-filter:blur(5px);z-index:100;animation:overlay-fade-in .3s ease-out;padding:20px}.bingo-card-expanded{width:90%;max-width:500px;background:linear-gradient(135deg,#0a0a0afa,#1e1e1efa);border:4px solid transparent;border-image:linear-gradient(135deg,#f60,red) 1;border-radius:16px;padding:15px;box-shadow:0 20px 60px #000000e6,0 0 40px #f609,0 0 40px #f009;animation:card-expand .4s cubic-bezier(.34,1.56,.64,1)}.cards-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f60,red);border-radius:10px;box-shadow:0 0 10px #ff660080}.bingo-card-starter{position:relative;width:100%;max-width:320px;margin-left:auto;margin-right:auto;background:linear-gradient(135deg,#0a0a0af2,#1e1e1ef2);border:3px solid transparent;border-image:linear-gradient(135deg,#f60,red) 1;border-radius:12px;padding:10px;box-shadow:0 8px 32px #000c,0 0 20px #ff66004d,0 0 20px #ff00004d;transition:all .3s ease;cursor:pointer;margin-bottom:-210px}.bingo-card-starter:hover{transform:scale(1.03);z-index:20!important;box-shadow:0 20px 60px #000000e6,0 0 40px #f609,0 0 40px #f009}.card-number{font-size:.85rem;font-weight:700;color:#f60;background:#ff66001a;padding:3px 10px;border-radius:15px;border:1px solid rgba(255,102,0,.3);text-shadow:0 0 10px rgba(255,102,0,.8);letter-spacing:1px}.card-glow-border{position:absolute;inset:-5px;border-radius:12px;background:linear-gradient(135deg,#f60,red);opacity:0;z-index:-1;filter:blur(10px);transition:opacity .3s ease}.card-cell{position:relative;aspect-ratio:1;background:#141414cc;border:1px solid rgba(255,102,0,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:700;color:#fff;transition:all .2s ease}.card-cell.free{background:radial-gradient(circle,#ff66004d,#f603);border-color:#ff660080}.free-space{font-size:1.2rem;color:#f60;text-shadow:0 0 10px rgba(255,102,0,.8);animation:star-pulse 2s ease-in-out infinite}.card-cell.marked{background:#f603;border-color:currentColor;border-width:2px;animation:cell-mark-pulse 1s ease-out}.control-btn{background:transparent;border:2px solid rgba(255,102,0,.6);color:#f60;font-size:1rem;font-weight:700;padding:12px 25px;border-radius:25px;cursor:pointer;box-shadow:0 0 15px #ff66004d;transition:all .3s ease;backdrop-filter:blur(5px)}.control-btn:hover{transform:scale(1.1);border-color:#f60;box-shadow:0 0 30px #f609;color:#fff}.card-grid-90 .card-cell{aspect-ratio:1 / 1;background:#0f172a99;border:1px solid rgba(255,102,0,.3);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#cbd5e1;position:relative;transition:all .3s ease}.card-grid-90 .card-cell.empty{background:#0f172a4d;border:1px dashed rgba(255,102,0,.2)}.card-grid-90 .card-cell.marked{background:#22d3ee4d;border-color:#f60c;color:#f60}.voice-selector-modal{background:linear-gradient(135deg,#0a0a0afa,#1e1e1efa);border:3px solid #ff6600;border-radius:20px;padding:30px;max-width:500px;width:90%;max-height:70vh;overflow-y:auto;box-shadow:0 20px 60px #000000e6,0 0 40px #f609}.voice-selector-modal h3{color:#f60;text-align:center;font-size:1.8rem;margin-bottom:20px;text-shadow:0 0 20px rgba(255,102,0,.8)}.voice-option{background:#ff66001a;border:2px solid rgba(255,102,0,.3);border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:5px;cursor:pointer;transition:all .3s ease;color:#fff}.voice-option:hover{background:#f603;border-color:#f609;transform:translate(5px)}.voice-option.active{background:#ff66004d;border-color:#f60;box-shadow:0 0 20px #ff660080}.voice-name{font-weight:700;font-size:1.1rem;color:#f60}.close-voice-selector{width:100%;padding:12px;background:linear-gradient(135deg,red,#f09);border:none;border-radius:10px;color:#fff;font-weight:900;font-size:1rem;cursor:pointer;transition:all .3s ease}.close-voice-selector:hover{background:linear-gradient(135deg,red,#f0d);transform:scale(1.05);box-shadow:0 0 30px #f009}.control-btn.voice-btn{background:transparent;border:2px solid rgba(255,102,0,.6);color:#f60}.control-btn.voice-btn:hover{background:#ff66001a;border-color:#f60;color:#f60}.control-btn.audio-btn{background:transparent;padding:10px 20px;border:2px solid rgba(255,0,0,.6);border-radius:8px;color:red;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #ff00004d;backdrop-filter:blur(5px)}.control-btn.audio-btn:hover{background:#ff00001a;transform:scale(1.05);border-color:red;box-shadow:0 0 25px #f009;color:red}.reactions-panel{position:fixed;bottom:100px;right:20px;background:#0a0a0af2;border:2px solid rgba(255,102,0,.4);border-radius:15px;padding:15px;backdrop-filter:blur(10px);box-shadow:0 10px 40px #ff66004d;z-index:1000;animation:slide-in-right .5s ease-out}.reactions-title{font-size:.9rem;font-weight:700;color:#f60;margin-bottom:10px;text-align:center;text-shadow:0 0 10px rgba(255,102,0,.8)}.reaction-btn{width:50px;height:50px;font-size:1.5rem;background:#ff00001a;border:2px solid rgba(255,0,0,.4);border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.reaction-btn:hover{transform:scale(1.2) rotate(10deg);background:#ff00004d;border-color:red;box-shadow:0 0 20px #f009}.celebration-overlay{position:fixed;inset:0;background:radial-gradient(circle,#ff66004d,#000000f2);z-index:9999;display:flex;align-items:center;justify-content:center;animation:celebration-fade-in .5s ease-out}.celebration-trophy{font-size:8rem;animation:trophy-bounce 1s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(255,102,0,.8))}.celebration-text{font-size:3rem;font-weight:900;color:#f60;text-shadow:0 0 20px rgba(255,102,0,1),0 0 40px rgba(255,102,0,.8);margin:20px 0;animation:text-glow 1.5s ease-in-out infinite}@keyframes text-glow{0%,to{text-shadow:0 0 20px rgba(255,102,0,1),0 0 40px rgba(255,102,0,.8)}50%{text-shadow:0 0 30px rgba(255,102,0,1),0 0 60px rgba(255,102,0,1)}}.marked-particle{position:absolute;width:8px;height:8px;background:#f60;border-radius:50%;top:50%;left:50%;animation:particle-explode 1s ease-out forwards}.bronze-room.fade-out{animation:state-fade-out .5s ease-out forwards}.bronze-room.fade-in{animation:state-fade-in .5s ease-out forwards}.column-counter{position:absolute;top:-30px;right:5px;background:#f003;border:2px solid rgba(255,0,0,.6);border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:red;box-shadow:0 0 10px #ff000080}.grid-number.called:not(.recent):after{content:"";position:absolute;inset:-5px;border:2px solid rgba(184,115,51,.6);border-radius:4px;animation:ripple-subtle .6s ease-out;opacity:0;pointer-events:none}.grid-number.recent:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;background:radial-gradient(circle,gold,#ff8c00);border-radius:50%;transform:translate(-50%,-50%);animation:sparkle-float 1.5s ease-out forwards;pointer-events:none;z-index:10;box-shadow:0 0 10px #ffd700cc,0 0 20px #ff8c0099,inset 0 0 5px #ffffff80}@keyframes sparkle-float{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-80%) scale(1.5);box-shadow:0 0 15px gold,0 0 30px #ff8c00cc}to{opacity:0;transform:translate(-50%,-120%) scale(.5)}}@keyframes ripple-subtle{0%{transform:scale(1);opacity:.8}to{transform:scale(1.3);opacity:0}}.bronze-modal{border-color:#ff8c00!important;box-shadow:0 0 30px #ff8c0080,0 0 60px #cd7f324d,inset 0 0 50px #ff8c001a!important}.bronze-modal .ready-modal-title{color:#ff8c00!important;text-shadow:0 0 20px rgba(255,140,0,1),0 0 40px rgba(255,140,0,.5),0 0 60px rgba(205,127,50,.3)!important}.bronze-modal .ready-modal-countdown{border-color:#ff8c004d!important}.bronze-modal .ready-modal-countdown-label{color:#ff8c00!important}.celebration-subtitle{font-size:1.8rem;color:#d4a574;margin-bottom:2rem;text-shadow:0 0 15px rgba(212,165,116,.8);font-weight:600}.jackpot-display-container{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;width:100%}.jackpot-item{display:flex;align-items:center;background:#0009;border-radius:12px;padding:10px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:transform .2s}.jackpot-item:hover{transform:scale(1.02)}.jackpot-item.accumulated{background:linear-gradient(135deg,gold,#b8860b);border:2px solid #FFD700;box-shadow:0 0 15px #ffd70066}.jackpot-item.bingo{background:linear-gradient(135deg,silver,#708090);border:2px solid #C0C0C0;box-shadow:0 0 15px #c0c0c066}.jackpot-item.linea{background:linear-gradient(135deg,#cd7f32,#8b4513);border:2px solid #CD7F32;box-shadow:0 0 15px #cd7f3266}.jackpot-icon-wrapper{background:#0000004d;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px}.jackpot-icon{font-size:1.2rem;color:#fff}.jackpot-info{display:flex;flex-direction:column}.jackpot-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:#ffffffe6}.jackpot-amount{font-size:1.2rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);font-family:Roboto Condensed,sans-serif}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.jackpot-item.accumulated .jackpot-amount{animation:pulse 2s infinite}.silver-room{height:100vh;min-height:100vh;background:#000;background-image:radial-gradient(circle at 20% 30%,rgba(135,206,235,.4) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(192,192,192,.4) 0%,transparent 50%),linear-gradient(135deg,#87ceeb0d,#c0c0c00d);color:#87ceeb;display:flex;flex-direction:column;padding:15px;overflow:hidden;position:relative;animation:room-fade-in .8s ease-out;text-shadow:0 0 15px rgba(135,206,235,.6)}.silver-room:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1200px;height:1200px;background-image:url(/assets/png/logo-Cy4RVec1.png);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.4;filter:blur(.5px);z-index:0;pointer-events:none;animation:bg-logo-pulse 4s ease-in-out infinite}.curtain-text{font-size:5rem;font-weight:900;color:#87ceeb;text-shadow:0 0 30px rgba(135,206,235,1),0 0 60px rgba(135,206,235,.8),0 0 90px rgba(135,206,235,.6);animation:text-pulse 1s ease-in-out infinite}.confetti-piece{position:absolute;width:10px;height:20px;background:var(--color, #87ceeb);top:-20px;left:var(--left, 50%);animation:confetti-fall var(--duration, 3s) linear forwards;opacity:.9;transform:rotate(var(--rotation, 0deg))}.celebration-content{background:linear-gradient(135deg,#87ceeb33,#c0c0c033);border:4px solid #87ceeb;border-radius:20px;padding:40px;text-align:center;max-width:800px;box-shadow:0 0 60px #87ceebcc,0 0 100px #c0c0c099;animation:celebration-bounce .6s cubic-bezier(.68,-.55,.265,1.55);position:relative;z-index:1001}.celebration-title{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#87ceeb,#87ceeb,#87ceeb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(135,206,235,.8);animation:title-glow 1.5s ease-in-out infinite;margin-bottom:20px}.celebration-message{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:30px;text-shadow:0 0 20px rgba(135,206,235,.8)}.winner-card-badge{background:#87ceeb33;border:2px solid #87ceeb;border-radius:12px;padding:15px 25px;font-size:1.3rem;font-weight:800;color:#87ceeb;text-shadow:0 0 15px rgba(135,206,235,.8);animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #87ceeb80}50%{transform:scale(1.05);box-shadow:0 0 40px #87ceebcc}}.celebration-close{background:linear-gradient(135deg,#87ceeb,#08f);border:none;border-radius:12px;padding:15px 40px;font-size:1.2rem;font-weight:900;color:#fff;cursor:pointer;box-shadow:0 0 30px #87ceeb99;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px}.celebration-close:hover{background:linear-gradient(135deg,#87ceeb,#87ceeb);transform:scale(1.1);box-shadow:0 0 50px #87ceeb}.celebration-card-expanded{margin:30px auto;max-width:700px;background:#000000b3;border:3px solid #87ceeb;border-radius:15px;padding:20px;box-shadow:0 0 30px #87ceeb99}.celebration-card-expanded .card-number{font-size:1.4rem;font-weight:900;color:#87ceeb;text-shadow:0 0 10px rgba(135,206,235,.8)}.celebration-card-expanded .card-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#000000b3;border:2px solid rgba(135,206,235,.5);border-radius:8px;font-size:1.5rem;font-weight:900;color:#fff;transition:all .3s ease}.celebration-card-expanded .card-cell.empty{background:#0000004d;border-color:#87ceeb4d}.celebration-card-expanded .card-cell.highlighted-line{background:linear-gradient(135deg,#87ceeb 0% 100%);border:3px solid #87ceeb;box-shadow:0 0 20px #87ceebe6,inset 0 0 15px #87ceeb66;animation:pulse-highlight 1s infinite alternate;color:#000;font-weight:900}@keyframes pulse-highlight{0%{box-shadow:0 0 20px #87ceebe6,inset 0 0 15px #87ceeb66;transform:scale(1)}to{box-shadow:0 0 35px #87ceeb,inset 0 0 25px #87ceeb99;transform:scale(1.05)}}.celebration-card-expanded .card-cell.highlighted-line .cell-number{color:#000;text-shadow:0 0 5px rgba(135,206,235,.8);font-weight:900}.compact-line-alert{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;margin:4px 0;background:linear-gradient(135deg,#87ceebf2,#ff4500f2);border:2px solid #87ceeb;border-radius:10px;box-shadow:0 0 30px #87ceebcc,0 0 50px #87ceeb80,inset 0 0 20px #fff3;overflow:hidden;animation:compact-alert-pulse 1.5s ease-in-out infinite}@keyframes compact-alert-pulse{0%,to{box-shadow:0 0 30px #87ceebcc,0 0 50px #87ceeb80,inset 0 0 20px #fff3;transform:scale(1)}50%{box-shadow:0 0 40px #87ceeb,0 0 70px #87ceebb3,inset 0 0 30px #ffffff4d;transform:scale(1.02)}}.almost-line-content{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;padding:15px 25px;background:linear-gradient(135deg,#87ceebf2,#ff4500f2);border:3px solid #87ceeb;border-radius:15px;box-shadow:0 0 40px #87ceeb,0 0 70px #87ceebb3,0 10px 30px #00000080,inset 0 0 25px #ffffff4d;overflow:hidden;animation:modal-pulse 1.5s ease-in-out infinite}@keyframes modal-pulse{0%,to{box-shadow:0 0 40px #87ceeb,0 0 70px #87ceebb3,0 10px 30px #00000080,inset 0 0 25px #ffffff4d;transform:scale(1)}50%{box-shadow:0 0 60px #87ceeb,0 0 100px #87ceebe6,0 15px 40px #000000b3,inset 0 0 35px #fff6;transform:scale(1.03)}}.almost-line-alert{position:relative;display:flex;align-items:center;gap:15px;padding:15px 25px;background:linear-gradient(135deg,#87ceebf2,#ff4500f2);border:3px solid #87ceeb;border-radius:15px;box-shadow:0 0 40px #87ceeb99,0 0 60px #87ceeb66,inset 0 0 30px #ffffff1a;margin-bottom:15px;overflow:hidden;animation:alert-entrance .5s ease-out,alert-glow 2s ease-in-out infinite}@keyframes alert-glow{0%,to{box-shadow:0 0 40px #87ceeb99,0 0 60px #87ceeb66,inset 0 0 30px #ffffff1a}50%{box-shadow:0 0 60px #87ceebcc,0 0 80px #87ceeb99,inset 0 0 40px #fff3}}.alert-message{font-size:1.1rem;font-weight:700;color:#87ceeb;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.card-badge{display:inline-block;padding:4px 12px;background:#fff3;border:1px solid rgba(135,206,235,.4);border-radius:20px;font-size:.85rem;font-weight:600;color:#fff;backdrop-filter:blur(5px);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.room-title{display:flex;align-items:center;gap:10px;font-size:1.8rem;font-weight:900;letter-spacing:3px;color:#e0e0e0!important;text-shadow:0 0 20px rgba(135,206,235,1),0 0 40px rgba(135,206,235,.6)}.room-title .title-text{color:#e0e0e0!important}.title-tag{font-size:.8rem;background:linear-gradient(135deg,#0f0,#87ceeb);color:#000;padding:5px 15px;border-radius:20px;font-weight:700;letter-spacing:2px;animation:tag-pulse 2s ease-in-out infinite}@keyframes tag-pulse{0%,to{box-shadow:0 0 10px #87ceeb80}50%{box-shadow:0 0 25px #87ceebcc}}.lobby-btn{font-size:.8rem;background:linear-gradient(135deg,#87ceeb 0% 50%,#87ceeb);color:#000;padding:5px 15px;border:none;border-radius:20px;font-weight:900;letter-spacing:2px;cursor:pointer;transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 0 15px #87ceeb99,0 4px 8px #0000004d;animation:lobby-shimmer 2s ease-in-out infinite;position:relative;overflow:hidden}.lobby-btn:hover{background:linear-gradient(135deg,#87ceeb 0% 50%,#87ceeb);transform:scale(1.1);box-shadow:0 0 30px #87ceeb,0 6px 12px #0006}@keyframes lobby-shimmer{0%,to{box-shadow:0 0 15px #87ceeb99,0 4px 8px #0000004d}50%{box-shadow:0 0 35px #87ceeb,0 0 50px #87ceebcc,0 6px 12px #0006}}.ball-counter-display{font-size:.85rem;background:linear-gradient(135deg,#c0c0c04d,#a9a9a94d);color:silver;padding:6px 14px;border:2px solid rgba(192,192,192,.8);border-radius:15px;font-weight:800;letter-spacing:1px;box-shadow:0 0 15px #c0c0c099,inset 0 0 10px #c0c0c033;animation:ball-counter-glow 2s ease-in-out infinite;text-shadow:0 0 10px rgba(192,192,192,.8);white-space:nowrap}@keyframes ball-counter-glow{0%,to{box-shadow:0 0 15px #c0c0c099,inset 0 0 10px #c0c0c033;text-shadow:0 0 10px rgba(192,192,192,.8)}50%{box-shadow:0 0 25px #c0c0c0e6,0 0 35px #c0c0c0b3,inset 0 0 15px #c0c0c04d;text-shadow:0 0 15px rgba(192,192,192,1)}}.info-badge{background:#87ceeb1a;border:2px solid rgba(135,206,235,.4);padding:8px 15px;border-radius:10px;font-family:Courier New,monospace;font-size:.9rem}.badge-value{color:#87ceeb;font-weight:700;text-shadow:0 0 10px rgba(135,206,235,.6)}.status-badge.waiting{background:#87ceeb4d;border:2px solid #87ceeb;color:#ff0}.status-badge.active{background:#c0c0c033;border:2px solid #c0c0c0;color:silver;animation:status-blink 1s ease-in-out infinite}.status-badge.ended{background:#0f03;border:2px solid #87ceeb;color:#0f0}.game-table{display:flex;gap:0px;padding:0;background:#0006;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:3px solid rgba(135,206,235,.3);border-radius:20px;box-shadow:0 8px 32px #0009,0 0 40px #87ceeb33,inset 0 0 40px #87ceeb0d;min-height:60vh;margin-bottom:2px;position:relative;z-index:2;overflow:hidden}.digital-grid-full:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,rgba(135,206,235,.1) 0%,transparent 50%,rgba(135,206,235,.05) 100%);pointer-events:none}.grid-row .grid-column{flex:1;display:flex;flex-direction:column;background:#00000080;border-radius:8px;padding:3px;border:1px solid rgba(135,206,235,.8);box-shadow:0 0 20px #87ceeb66,inset 0 0 20px #87ceeb1a}.grid-row .column-letter{font-size:.7rem;font-weight:700;text-align:center;margin-bottom:4px;letter-spacing:1px;padding:3px;background:#000000b3;border-radius:6px;border:1px solid rgba(135,206,235,.6)}.grid-row .grid-number{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:600;border-radius:5px;background:#0009;border:1px solid rgba(135,206,235,.4);color:#ffffff80;transition:all .3s ease;position:relative;box-shadow:0 0 10px #87ceeb33}.grid-row .grid-number.called{color:#000;font-weight:700;transform:scale(1.05);border:2px solid rgba(192,192,192,.8)}@keyframes ripple-wave{0%{box-shadow:0 0 0 0 currentColor}to{box-shadow:0 0 0 30px #87ceeb00}}.digital-grid{background:#0009;border:2px solid rgba(135,206,235,.6);border-radius:15px;padding:8px;position:relative;overflow:hidden;display:flex;flex-direction:column}.grid-title{font-size:.75rem;font-weight:700;letter-spacing:2px;color:silver;text-shadow:0 0 15px rgba(192,192,192,.8),0 0 30px rgba(128,128,128,.4);font-family:Georgia,Times New Roman,serif;text-transform:uppercase}.grid-number{background:#0009;border:1px solid rgba(135,206,235,.1);border-radius:4px;padding:3px 2px;text-align:center;font-size:.75rem;font-weight:600;color:#444;font-family:Courier New,monospace;position:relative;transition:all .3s ease}.room-title{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:900;letter-spacing:1.5px;padding:6px 10px;background:#0009;border:2px solid rgba(135,206,235,.3);border-radius:12px;flex-wrap:wrap}.title-text{color:#e0e0e0!important;text-shadow:0 0 20px rgba(135,206,235,.8),0 0 40px rgba(135,206,235,.6);font-weight:900}.info-badge{display:flex;align-items:center;gap:8px;background:#0009;padding:8px 15px;border-radius:10px;border:1px solid rgba(135,206,235,.3)}.badge-value{font-size:1.1rem;font-weight:900;color:#87ceeb;text-shadow:0 0 10px rgba(135,206,235,.6)}.status-badge.waiting{background:#80808033;border-color:#87ceeb80;color:#888}.machine-top-led{width:80%;height:8px;background:linear-gradient(to right,transparent,rgba(135,206,235,.8) 50%,transparent);border-radius:10px;box-shadow:0 0 20px #87ceeb99;animation:led-pulse 2s ease-in-out infinite}.acrylic-sphere{width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),transparent 50%),radial-gradient(circle at 70% 70%,rgba(135,206,235,.15),transparent);backdrop-filter:blur(15px) saturate(200%);-webkit-backdrop-filter:blur(15px) saturate(200%);border:4px solid rgba(135,206,235,.5);box-shadow:0 0 60px #87ceeb99,0 0 100px #87ceeb4d,inset 0 0 80px #87ceeb33;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.led-ring{position:absolute;inset:-5px;border-radius:50%;border:3px solid transparent;background:linear-gradient(#000,#000) padding-box,linear-gradient(45deg,silver,#d3d3d3,#a9a9a9,silver) border-box;animation:led-rotate 3s linear infinite}.floating-ball{position:absolute;width:35px;height:35px;border-radius:50%;border:2px solid rgba(135,206,235,.4);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:900;color:#000;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 5px 15px #00000080,inset 0 -5px 10px #0000004d,inset 0 5px 10px #ffffff4d;animation:float-gravity 4s ease-in-out infinite}.showcase-ball{width:150px;height:150px;border-radius:50%;border:4px solid rgba(192,192,192,.4);position:relative;display:flex;align-items:center;justify-content:center;animation:ball-zoom-in 2s ease-out}.select-cards-sphere-btn{background:transparent;border:none;cursor:pointer;padding:0;transition:all .3s ease;filter:drop-shadow(0 0 30px rgba(135,206,235,.6));max-width:100%;display:flex;align-items:center;justify-content:center}.select-cards-sphere-btn:hover{transform:scale(1.08);filter:drop-shadow(0 0 50px rgba(192,192,192,.8))}.counter-line{width:100px;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(135,206,235,.8) 20%,rgba(135,206,235,1) 50%,rgba(135,206,235,.8) 80%,transparent 100%);box-shadow:0 0 10px #87ceeb99;animation:line-glow 2s ease-in-out infinite}@keyframes line-glow{0%,to{opacity:.6;box-shadow:0 0 10px #87ceeb99}50%{opacity:1;box-shadow:0 0 20px #87ceeb}}.counter-number{font-size:2.5rem;font-weight:900;color:#87ceeb;text-shadow:0 0 20px rgba(135,206,235,1),0 0 40px rgba(135,206,235,.8),0 0 60px rgba(192,192,192,.6);animation:number-pulse 1.5s ease-in-out infinite;font-family:Arial Black,sans-serif;letter-spacing:2px;line-height:1}.counter-label{font-size:.8rem;font-weight:600;color:silver;text-shadow:0 0 10px rgba(192,192,192,.8);text-transform:uppercase;letter-spacing:1.5px;margin-top:3px}.base-panel{height:40px;background:linear-gradient(135deg,#000c,#87ceeb33);border:2px solid rgba(135,206,235,.4);border-radius:10px;box-shadow:0 0 20px #87ceeb4d}.light-strip{height:100%;background:linear-gradient(to right,transparent 0%,rgba(135,206,235,.8) 50%,transparent 100%);animation:light-scan 2s linear infinite}.toast-notification{background:linear-gradient(135deg,#87ceebf2,#ff8c00f2);border:3px solid #87ceeb;border-radius:15px;padding:20px 30px;box-shadow:0 10px 40px #000c,0 0 60px #87ceebcc;animation:toast-slide-in .5s cubic-bezier(.68,-.55,.265,1.55);display:flex;align-items:center;gap:15px;pointer-events:all}.toast-title{font-size:1.3rem;font-weight:900;color:#000;text-shadow:0 2px 4px rgba(135,206,235,.5);letter-spacing:1px}.marquee-alert{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;background:linear-gradient(135deg,#000000f2,#141414f2);border:5px solid #87ceeb;border-radius:20px;padding:40px 60px;box-shadow:0 0 100px #87ceeb,inset 0 0 50px #87ceeb33;animation:marquee-appear .5s cubic-bezier(.68,-.55,.265,1.55)}.marquee-text{font-size:4rem;font-weight:900;background:linear-gradient(135deg,#87ceeb,silver,#87ceeb,silver);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:marquee-shine 2s linear infinite;text-align:center;letter-spacing:3px;text-shadow:0 0 30px rgba(135,206,235,.8)}.balls-counter{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;background:linear-gradient(135deg,#000000e6,#141414e6);border:3px solid rgba(135,206,235,.6);border-radius:50px;padding:15px 40px;display:flex;align-items:center;gap:15px;box-shadow:0 10px 40px #000c,0 0 30px #87ceeb66;backdrop-filter:blur(10px)}.counter-value{font-size:2.5rem;font-weight:900;color:#87ceeb;text-shadow:0 0 20px rgba(135,206,235,1)}.pre40-counter{position:fixed;top:110px;right:450px;z-index:500;background:linear-gradient(135deg,#c0c0c033,#dcdcdc33);border:2px solid rgba(192,192,192,.9);border-radius:20px;padding:12px 30px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 8px 30px #000c,0 0 30px #c0c0c0b3,inset 0 0 15px #fff3;backdrop-filter:blur(15px);animation:pre40-pulse-silver 2s ease-in-out infinite}@keyframes pre40-pulse-silver{0%,to{transform:translate(-50%) scale(1);box-shadow:0 10px 40px #000c,0 0 40px #c0c0c0b3}50%{transform:translate(-50%) scale(1.05);box-shadow:0 15px 50px #000000e6,0 0 60px #dcdcdc}}.pre40-title{font-size:.8rem;font-weight:800;color:#e0e0e0;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 12px rgba(192,192,192,.9)}.pre40-value{font-size:2.5rem;font-weight:900;color:#fff;text-shadow:0 0 25px rgba(192,192,192,1),0 0 45px rgba(220,220,220,.9),2px 2px 8px rgba(0,0,0,.8);line-height:1}.pre40-label{font-size:.7rem;color:#b0b0b0;text-transform:uppercase;letter-spacing:1.2px;text-shadow:0 0 8px rgba(176,176,176,.6)}.divider-line{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,rgba(135,206,235,.8) 20%,rgba(192,192,192,.8) 50%,rgba(135,206,235,.8) 80%,transparent);box-shadow:0 0 10px #87ceeb99}.divider-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#87ceeb;box-shadow:0 0 20px #87ceebcc;animation:pulse-dot 2s ease-in-out infinite}.luck-meter{background:linear-gradient(135deg,#000000e6,#1e1e1ee6);border:3px solid rgba(135,206,235,.6);border-radius:15px;padding:15px 20px;box-shadow:0 10px 30px #000c;backdrop-filter:blur(10px);min-width:200px}.luck-title{font-size:.9rem;color:#87ceeb;text-align:center;margin-bottom:10px;letter-spacing:1px;font-weight:700}.luck-bar{height:20px;background:#00000080;border-radius:10px;overflow:hidden;position:relative;border:2px solid rgba(135,206,235,.3)}.luck-fill{height:100%;background:linear-gradient(90deg,#87ceeb,silver,#87ceeb);background-size:200% 100%;animation:luck-shimmer 2s linear infinite;width:var(--luck-percent, 0%);transition:width .5s ease;box-shadow:0 0 20px #87ceebcc;position:relative}.combo-meter{background:linear-gradient(135deg,#000000e6,#1e1e1ee6);border:3px solid rgba(192,192,192,.6);border-radius:15px;padding:15px 20px;box-shadow:0 10px 30px #000c;backdrop-filter:blur(10px);min-width:200px}.combo-title{font-size:.9rem;color:silver;text-align:center;margin-bottom:5px;letter-spacing:1px;font-weight:700}.combo-value{font-size:3rem;font-weight:900;color:silver;text-align:center;text-shadow:0 0 20px rgba(192,192,192,1),0 0 40px rgba(192,192,192,.8);animation:combo-pulse .5s ease-in-out}.player-avatar-widget{background:linear-gradient(135deg,#000000e6,#1e1e1ee6);border:3px solid rgba(135,206,235,.6);border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #000c;backdrop-filter:blur(10px);animation:avatar-float 3s ease-in-out infinite}.player-cards-section{flex:1;display:flex;flex-direction:column;background:#0009;border:2px solid rgba(192,192,192,.3);border-radius:15px;padding:15px;min-height:35vh;max-height:45vh;margin-top:20px}.cards-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid rgba(192,192,192,.3)}.cards-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;letter-spacing:2px;color:silver;text-shadow:0 0 15px rgba(192,192,192,.6)}.cards-count{font-size:.85rem;color:#888;background:#c0c0c01a;padding:4px 12px;border-radius:15px;border:1px solid rgba(192,192,192,.3)}.compact-card{background:#0a0a0ae6;border:2px solid rgba(192,192,192,.4);border-radius:8px;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;min-height:50px}.compact-card:hover{border-color:#87ceebcc;box-shadow:0 10px 30px #87ceeb80,0 0 40px #87ceeb4d;transform:translateY(-8px) scale(1.05) rotateX(5deg);z-index:10}.compact-card.almost-line{border-color:#87ceeb;animation:cyan-pulse-intense .8s ease-in-out infinite;box-shadow:0 0 30px #87ceebcc,0 0 60px #87ceeb80,inset 0 0 20px #87ceeb33}@keyframes cyan-pulse-intense{0%,to{border-width:2px;box-shadow:0 0 30px #87ceebcc,0 0 60px #87ceeb80}50%{border-width:4px;box-shadow:0 0 50px #87ceeb,0 0 80px #87ceebcc,inset 0 0 30px #87ceeb66}}.compact-card:before{content:"";position:absolute;inset:-3px;border-radius:10px;background:conic-gradient(from 0deg,#87ceeb 0deg,#87ceeb calc(var(--progress, 0) * 3.6deg),transparent calc(var(--progress, 0) * 3.6deg));opacity:.5;pointer-events:none;z-index:-1}.compact-card-serial{font-size:1.5rem!important;font-weight:700;color:#e8e8e8;text-align:center;letter-spacing:-.1px;text-shadow:0 0 8px rgba(232,232,232,.9),0 0 15px rgba(232,232,232,.6);position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:0 1px;line-height:1;white-space:nowrap;overflow:visible;max-width:100%;display:block}.progress-segment{flex:1;height:100%;border-radius:0;transition:all .4s ease;background:#14141480;border-right:1px solid rgba(192,192,192,.15);position:relative}.progress-segment.filled{background:#c0c0c01a;border-right:2px solid currentColor;border-left:1px solid currentColor;animation:segment-fill .5s ease-out}.compact-card-count{position:absolute;bottom:4px;right:4px;font-size:.75rem;font-weight:700;color:#e8e8e8;text-shadow:0 0 8px rgba(232,232,232,.9),0 0 15px rgba(232,232,232,.6);z-index:3;background:#000000b3;padding:2px 5px;border-radius:4px}.expanded-card-container{position:relative;max-width:2400px;max-height:95vh;overflow:auto;transform:scale(1.5);animation:card-bounce-in .6s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 20px 60px rgba(232,232,232,.6))}.close-expanded-btn{position:absolute;top:-60px;right:10px;background:linear-gradient(135deg,silver,#e8e8e8);color:#333;border:3px solid #e8e8e8;border-radius:50%;width:55px;height:55px;font-size:2.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 6px 20px #c0c0c0b3,inset 0 2px 8px #ffffff80;animation:pulse-glow 2s ease-in-out infinite}.close-expanded-btn:hover{background:linear-gradient(135deg,#e8e8e8,silver);transform:rotate(90deg) scale(1.15);box-shadow:0 8px 30px #e8e8e8,inset 0 2px 12px #ffffffb3}@keyframes pulse-glow{0%,to{box-shadow:0 6px 20px #c0c0c0b3,inset 0 2px 8px #ffffff80}50%{box-shadow:0 8px 30px #e8e8e8e6,inset 0 2px 12px #ffffffb3}}.bingo-card-expanded{width:90%;max-width:500px;background:linear-gradient(135deg,#0a0a0afa,#1e1e1efa);border:4px solid transparent;border-image:linear-gradient(135deg,#87ceeb,silver) 1;border-radius:16px;padding:15px;box-shadow:0 20px 60px #000000e6,0 0 40px #87ceeb99,0 0 40px #c0c0c099;animation:card-expand .4s cubic-bezier(.34,1.56,.64,1)}.cards-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#87ceeb,silver);border-radius:10px;box-shadow:0 0 10px #87ceeb80}.bingo-card-starter{position:relative;width:100%;max-width:320px;margin-left:auto;margin-right:auto;background:linear-gradient(135deg,#0a0a0af2,#1e1e1ef2);border:3px solid transparent;border-image:linear-gradient(135deg,#87ceeb,silver) 1;border-radius:12px;padding:10px;box-shadow:0 8px 32px #000c,0 0 20px #87ceeb4d,0 0 20px #c0c0c04d;transition:all .3s ease;cursor:pointer;margin-bottom:-210px}.bingo-card-starter:hover{transform:scale(1.03);z-index:20!important;box-shadow:0 20px 60px #000000e6,0 0 40px #87ceeb99,0 0 40px #c0c0c099}.card-number{font-size:.85rem;font-weight:700;color:#87ceeb;background:#87ceeb1a;padding:3px 10px;border-radius:15px;border:1px solid rgba(135,206,235,.3);text-shadow:0 0 10px rgba(135,206,235,.8);letter-spacing:1px}.card-glow-border{position:absolute;inset:-5px;border-radius:12px;background:linear-gradient(135deg,#87ceeb,silver);opacity:0;z-index:-1;filter:blur(10px);transition:opacity .3s ease}.card-cell{position:relative;aspect-ratio:1;background:#141414cc;border:1px solid rgba(135,206,235,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:700;color:#fff;transition:all .2s ease}.card-cell.free{background:radial-gradient(circle,#87ceeb4d,#87ceeb33);border-color:#87ceeb80}.free-space{font-size:1.2rem;color:#87ceeb;text-shadow:0 0 10px rgba(135,206,235,.8);animation:star-pulse 2s ease-in-out infinite}.card-cell.marked{background:#87ceeb33;border-color:currentColor;border-width:2px;animation:cell-mark-pulse 1s ease-out}.control-btn{background:transparent;border:2px solid rgba(135,206,235,.6);color:#87ceeb;font-size:1rem;font-weight:700;padding:12px 25px;border-radius:25px;cursor:pointer;box-shadow:0 0 15px #87ceeb4d;transition:all .3s ease;backdrop-filter:blur(5px)}.control-btn:hover{transform:scale(1.1);border-color:#87ceeb;box-shadow:0 0 30px #87ceeb99;color:#fff}.card-grid-90 .card-cell{aspect-ratio:1 / 1;background:#0f172a99;border:1px solid rgba(135,206,235,.3);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#cbd5e1;position:relative;transition:all .3s ease}.card-grid-90 .card-cell.empty{background:#0f172a4d;border:1px dashed rgba(135,206,235,.2)}.card-grid-90 .card-cell.marked{background:#22d3ee4d;border-color:#87ceebcc;color:#87ceeb}.voice-selector-modal{background:linear-gradient(135deg,#0a0a0afa,#1e1e1efa);border:3px solid #87ceeb;border-radius:20px;padding:30px;max-width:500px;width:90%;max-height:70vh;overflow-y:auto;box-shadow:0 20px 60px #000000e6,0 0 40px #87ceeb99}.voice-selector-modal h3{color:#87ceeb;text-align:center;font-size:1.8rem;margin-bottom:20px;text-shadow:0 0 20px rgba(135,206,235,.8)}.voice-option{background:#87ceeb1a;border:2px solid rgba(135,206,235,.3);border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:5px;cursor:pointer;transition:all .3s ease;color:#fff}.voice-option:hover{background:#87ceeb33;border-color:#87ceeb99;transform:translate(5px)}.voice-option.active{background:#87ceeb4d;border-color:#87ceeb;box-shadow:0 0 20px #87ceeb80}.voice-name{font-weight:700;font-size:1.1rem;color:#87ceeb}.close-voice-selector{width:100%;padding:12px;background:linear-gradient(135deg,silver,#f09);border:none;border-radius:10px;color:#fff;font-weight:900;font-size:1rem;cursor:pointer;transition:all .3s ease}.close-voice-selector:hover{background:linear-gradient(135deg,silver,#f0d);transform:scale(1.05);box-shadow:0 0 30px #c0c0c099}.control-btn.voice-btn{background:transparent;border:2px solid rgba(135,206,235,.6);color:#87ceeb}.control-btn.voice-btn:hover{background:#87ceeb1a;border-color:#87ceeb;color:#87ceeb}.control-btn.audio-btn{background:transparent;padding:10px 20px;border:2px solid rgba(192,192,192,.6);border-radius:8px;color:silver;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #c0c0c04d;backdrop-filter:blur(5px)}.control-btn.audio-btn:hover{background:#c0c0c01a;transform:scale(1.05);border-color:silver;box-shadow:0 0 25px #c0c0c099;color:silver}.reactions-panel{position:fixed;bottom:100px;right:20px;background:#0a0a0af2;border:2px solid rgba(135,206,235,.4);border-radius:15px;padding:15px;backdrop-filter:blur(10px);box-shadow:0 10px 40px #87ceeb4d;z-index:1000;animation:slide-in-right .5s ease-out}.reactions-title{font-size:.9rem;font-weight:700;color:#87ceeb;margin-bottom:10px;text-align:center;text-shadow:0 0 10px rgba(135,206,235,.8)}.reaction-btn{width:50px;height:50px;font-size:1.5rem;background:#c0c0c01a;border:2px solid rgba(192,192,192,.4);border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.reaction-btn:hover{transform:scale(1.2) rotate(10deg);background:#c0c0c04d;border-color:silver;box-shadow:0 0 20px #c0c0c099}.celebration-overlay{position:fixed;inset:0;background:radial-gradient(circle,#87ceeb4d,#000000f2);z-index:9999;display:flex;align-items:center;justify-content:center;animation:celebration-fade-in .5s ease-out}.celebration-trophy{font-size:8rem;animation:trophy-bounce 1s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(135,206,235,.8))}.celebration-text{font-size:3rem;font-weight:900;color:#87ceeb;text-shadow:0 0 20px rgba(135,206,235,1),0 0 40px rgba(135,206,235,.8);margin:20px 0;animation:text-glow 1.5s ease-in-out infinite}@keyframes text-glow{0%,to{text-shadow:0 0 20px rgba(135,206,235,1),0 0 40px rgba(135,206,235,.8)}50%{text-shadow:0 0 30px rgba(135,206,235,1),0 0 60px rgba(135,206,235,1)}}.marked-particle{position:absolute;width:8px;height:8px;background:#87ceeb;border-radius:50%;top:50%;left:50%;animation:particle-explode 1s ease-out forwards}.silver-room.fade-out{animation:state-fade-out .5s ease-out forwards}.silver-room.fade-in{animation:state-fade-in .5s ease-out forwards}.column-counter{position:absolute;top:-30px;right:5px;background:#c0c0c033;border:2px solid rgba(192,192,192,.6);border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:silver;box-shadow:0 0 10px #c0c0c080}.silver-room .card-price-tag{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 16px;background:linear-gradient(135deg,#c0c0c040,#d0d0d026);border:2px solid #c0c0c0;border-radius:12px;box-shadow:0 4px 15px #c0c0c066,inset 0 2px 8px #fff3;gap:2px;font-family:Georgia,Times New Roman,serif}.silver-room .price-label{font-size:.75rem;font-weight:600;color:silver!important;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 8px rgba(192,192,192,.6)}.silver-room .price-amount{font-size:1.1rem;font-weight:800;color:#000;background:linear-gradient(135deg,silver,#d3d3d3);padding:4px 12px;border-radius:8px;border:2px solid #a8a8a8;text-shadow:none;letter-spacing:1px;box-shadow:0 0 15px #c0c0c099,inset 0 1px 2px #ffffff4d}.silver-room .grid-number{background:linear-gradient(135deg,#e8e8e8,#d0d0d0)!important;color:#1a1a1a!important;font-family:Georgia,Times New Roman,serif!important;font-weight:600!important;border:1px solid rgba(192,192,192,.5)!important;box-shadow:0 2px 8px #00000026,inset 0 1px 3px #fff6!important}.silver-room .grid-number.called{background:linear-gradient(135deg,silver,#a8a8a8)!important;color:#000!important;border-color:#fff!important;box-shadow:0 0 20px #c0c0c0cc,0 4px 12px #0000004d,inset 0 2px 6px #ffffff80!important}.silver-room .column-letter{background:linear-gradient(135deg,#d0d0d0,silver)!important;color:#1a1a1a!important;font-family:Georgia,Times New Roman,serif!important;font-weight:700!important;border:2px solid rgba(192,192,192,.7)!important;box-shadow:0 3px 10px #0003,inset 0 2px 5px #ffffff80!important}.silver-room .grid-title{color:silver!important;text-shadow:0 0 15px rgba(192,192,192,.8),0 0 30px rgba(255,255,255,.4)!important;font-family:Georgia,Times New Roman,serif!important}.silver-room .grid-glow{background:linear-gradient(135deg,#c0c0c04d,#d0d0d033,#e0e0e04d)!important;box-shadow:0 0 40px #c0c0c080,inset 0 0 30px #fff3!important}.silver-room .number-glow-ring{border:2px solid #c0c0c0!important;box-shadow:0 0 20px #c0c0c0cc,inset 0 0 15px #fff6!important}.silver-room .sidebar-container{background:linear-gradient(180deg,#c0c0c026,#a0a0a01a)!important;border-left:2px solid rgba(192,192,192,.4)!important;box-shadow:-4px 0 20px #0000004d,inset 0 0 30px #c0c0c01a!important}.silver-room .sidebar-title{color:silver!important;text-shadow:0 0 12px rgba(192,192,192,.7),0 0 20px rgba(255,255,255,.3)!important;font-family:Georgia,Times New Roman,serif!important}.silver-room .grid-row .grid-column{border:2px solid rgba(192,192,192,.6)!important;box-shadow:0 0 20px #c0c0c066,inset 0 0 20px #c0c0c01a!important}.silver-room .grid-row .column-letter{border:1px solid rgba(192,192,192,.6)!important;color:silver!important}.silver-room .grid-row .grid-number{border:1px solid rgba(192,192,192,.4)!important;box-shadow:0 0 10px #c0c0c033!important}.silver-room .grid-row .grid-number.called{background:linear-gradient(135deg,#a8a8a8,gray)!important;color:#000!important;border:3px solid #c0c0c0!important;box-shadow:0 0 25px silver,0 0 40px #c0c0c0b3,0 4px 12px #0000004d,inset 0 2px 8px #ffffff80!important;font-weight:900!important}@keyframes ripple-wave-silver{0%{box-shadow:0 0 #c0c0c099}to{box-shadow:0 0 0 30px #c0c0c000}}.silver-room .grid-row .grid-number.recent{animation:recentPulse 1s ease-in-out,ripple-wave-silver .8s ease-out!important}.silver-room .counter-number{color:silver!important;text-shadow:0 0 20px rgba(192,192,192,1),0 0 40px rgba(192,192,192,.8),0 0 60px rgba(192,192,192,.6)!important}.silver-room .cards-title{color:silver!important;text-shadow:0 0 15px rgba(192,192,192,.6)!important}.silver-room .acrylic-sphere{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),transparent 50%),radial-gradient(circle at 70% 70%,rgba(192,192,192,.15),transparent)!important;border:4px solid rgba(192,192,192,.5)!important;box-shadow:0 0 60px #c0c0c099,0 0 100px #c0c0c04d,inset 0 0 80px #c0c0c033!important}.silver-room .led-ring{background:linear-gradient(#000,#000) padding-box,linear-gradient(45deg,silver,#d3d3d3,#a9a9a9,silver) border-box!important}.silver-room .floating-ball{border:3px solid rgba(192,192,192,.7)!important;box-shadow:0 0 20px #c0c0c099,0 5px 15px #00000080,inset 0 -5px 10px #0000004d,inset 0 5px 10px #ffffff4d!important}.silver-room .sidebar-toggle-btn{background:#c0c0c033!important;border:2px solid rgba(192,192,192,.6)!important;color:silver!important;box-shadow:0 0 20px #c0c0c066!important}.silver-room .sidebar-toggle-btn:hover{background:#c0c0c04d!important;border-color:silver!important;box-shadow:0 0 30px #c0c0c0cc!important}.silver-room .player-sidebar{border-right:3px solid rgba(192,192,192,.5)!important;box-shadow:5px 0 30px #c0c0c04d!important}.silver-room .player-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,silver,#a9a9a9)!important}.silver-room .sidebar-header{border-bottom:2px solid rgba(192,192,192,.3)!important}.silver-room .sidebar-title{color:silver!important;text-shadow:0 0 15px rgba(192,192,192,.6)!important}.silver-room .sidebar-close-btn{color:silver!important;border:2px solid rgba(192,192,192,.3)!important}.silver-room .sidebar-close-btn:hover{background:#c0c0c033!important;border-color:#c0c0c099!important;color:#fff!important}.silver-room .sidebar-section-header{color:silver!important;border-bottom:2px solid rgba(192,192,192,.3)!important}.silver-room .sidebar-item{border:1px solid rgba(192,192,192,.2)!important}.silver-room .sidebar-item:hover{background:#c0c0c01a!important;border-color:#c0c0c066!important}.silver-room .sidebar-icon,.silver-room .sidebar-label{color:silver!important}.silver-room .sidebar-value{color:#fff!important}.silver-room .sidebar-actions button{background:linear-gradient(135deg,#c0c0c033,#a9a9a933)!important;border:2px solid rgba(192,192,192,.4)!important;color:silver!important}.silver-room .sidebar-actions button:hover{background:linear-gradient(135deg,#c0c0c04d,#a9a9a94d)!important;border-color:#c0c0c099!important;box-shadow:0 0 20px #c0c0c080!important}.silver-room .right-section{background:transparent!important;border:none!important;box-shadow:none!important}.silver-room .side-info{background:transparent!important;padding:10px!important;border-radius:12px!important;box-shadow:none!important}.silver-room .modern-bingo-machine{background:#000c!important;padding:15px!important;border-radius:12px!important;box-shadow:0 0 25px #c0c0c059,inset 0 0 30px #c0c0c014!important}.silver-room .grid-row .column-letter{color:#000!important;background:linear-gradient(180deg,#d0d0d0,silver)!important;text-shadow:none!important;font-weight:900!important}.silver-modal{border-color:silver!important;box-shadow:0 0 30px #c0c0c080,0 0 60px #a9a9a94d,inset 0 0 50px #c0c0c01a!important}.silver-modal .ready-modal-title{color:silver!important;text-shadow:0 0 20px rgba(192,192,192,1),0 0 40px rgba(192,192,192,.5),0 0 60px rgba(169,169,169,.3)!important}.silver-modal .ready-modal-countdown{border-color:#c0c0c04d!important}.silver-modal .ready-modal-countdown-label{color:silver!important}.celebration-subtitle{font-size:1.8rem;color:silver;margin-bottom:2rem;text-shadow:0 0 15px rgba(192,192,192,.8);font-weight:600}.gold-room{height:100vh;min-height:100vh;background:#000;background-image:radial-gradient(circle at 20% 30%,rgba(255,215,0,.4) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,234,0,.4) 0%,transparent 50%),linear-gradient(135deg,#ffd7000d,#ffea000d);color:gold;display:flex;flex-direction:column;padding:15px;overflow:hidden;position:relative;animation:room-fade-in .8s ease-out;text-shadow:0 0 15px rgba(255,215,0,.6)}.gold-room:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1200px;height:1200px;background-image:url(/assets/png/logo-Cy4RVec1.png);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.4;filter:blur(.5px);z-index:0;pointer-events:none;animation:bg-logo-pulse 4s ease-in-out infinite}@keyframes bg-logo-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.2}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.25}to{transform:translate(-50%,-50%) scale(1);opacity:.2}}@keyframes room-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.transition-curtain{position:fixed;inset:0;background:linear-gradient(135deg,#000,#1a1a2e,#000);z-index:9998;display:flex;align-items:center;justify-content:center;animation:curtain-open 1.5s ease-in-out forwards}@keyframes curtain-open{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}.curtain-text{font-size:5rem;font-weight:900;color:gold;text-shadow:0 0 30px rgba(255,215,0,1),0 0 60px rgba(255,215,0,.8),0 0 90px rgba(255,215,0,.6);animation:text-pulse 1s ease-in-out infinite}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:20px;background:var(--color, #ffd700);top:-20px;left:var(--left, 50%);animation:confetti-fall var(--duration, 3s) linear forwards;opacity:.9;transform:rotate(var(--rotation, 0deg))}.winner-celebration-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlay-appear .5s ease-out}.celebration-content{background:linear-gradient(135deg,#ffd70033,#ffea0033);border:4px solid #ffd700;border-radius:20px;padding:40px;text-align:center;max-width:800px;box-shadow:0 0 60px #ffd700cc,0 0 100px #ffea0099;animation:celebration-bounce .6s cubic-bezier(.68,-.55,.265,1.55);position:relative;z-index:1001}@keyframes celebration-bounce{0%{transform:scale(.3) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.celebration-title{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,gold,gold,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(255,215,0,.8);animation:title-glow 1.5s ease-in-out infinite;margin-bottom:20px}@keyframes title-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}.celebration-message{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:30px;text-shadow:0 0 20px rgba(255,215,0,.8)}.celebration-cards{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.winner-card-badge{background:#ffd70033;border:2px solid #ffd700;border-radius:12px;padding:15px 25px;font-size:1.3rem;font-weight:800;color:gold;text-shadow:0 0 15px rgba(255,215,0,.8);animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #ffd70080}50%{transform:scale(1.05);box-shadow:0 0 40px #ffd700cc}}.celebration-close{background:linear-gradient(135deg,gold,#08f);border:none;border-radius:12px;padding:15px 40px;font-size:1.2rem;font-weight:900;color:#fff;cursor:pointer;box-shadow:0 0 30px #ffd70099;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px}.celebration-close:hover{background:linear-gradient(135deg,gold,gold);transform:scale(1.1);box-shadow:0 0 50px gold}.confetti-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1000}.confetti{position:absolute;width:10px;height:10px;top:-20px;animation:confetti-fall 3s linear infinite;opacity:.8}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.celebration-card-expanded{margin:30px auto;max-width:700px;background:#000000b3;border:3px solid #ffd700;border-radius:15px;padding:20px;box-shadow:0 0 30px #ffd70099}.celebration-card-expanded .card-header{text-align:center;margin-bottom:15px}.celebration-card-expanded .card-number{font-size:1.4rem;font-weight:900;color:gold;text-shadow:0 0 10px rgba(255,215,0,.8)}.celebration-card-expanded .card-grid{display:grid;gap:8px}.celebration-card-expanded .card-row{display:grid;grid-template-columns:repeat(9,1fr);gap:8px}.celebration-card-expanded .card-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#000000b3;border:2px solid rgba(255,215,0,.5);border-radius:8px;font-size:1.5rem;font-weight:900;color:#fff;transition:all .3s ease}.celebration-card-expanded .card-cell.empty{background:#0000004d;border-color:#ffd7004d}.celebration-card-expanded .card-cell .cell-number{font-size:1.6rem;font-weight:900;text-shadow:0 0 8px rgba(255,255,255,.6)}.celebration-card-expanded .card-cell.highlighted-line{background:linear-gradient(135deg,gold 0% 100%);border:3px solid #ffd700;box-shadow:0 0 20px #ffd700e6,inset 0 0 15px #ffd70066;animation:pulse-highlight 1s infinite alternate;color:#000;font-weight:900}@keyframes pulse-highlight{0%{box-shadow:0 0 20px #ffd700e6,inset 0 0 15px #ffd70066;transform:scale(1)}to{box-shadow:0 0 35px gold,inset 0 0 25px #ffd70099;transform:scale(1.05)}}.celebration-card-expanded .card-cell.highlighted-line .cell-number{color:#000;text-shadow:0 0 5px rgba(255,215,0,.8);font-weight:900}.compact-line-alert{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;margin:4px 0;background:linear-gradient(135deg,#ffd700f2,#ff4500f2);border:2px solid #ffd700;border-radius:10px;box-shadow:0 0 30px #ffd700cc,0 0 50px #ffd70080,inset 0 0 20px #fff3;overflow:hidden;animation:compact-alert-pulse 1.5s ease-in-out infinite}@keyframes compact-alert-pulse{0%,to{box-shadow:0 0 30px #ffd700cc,0 0 50px #ffd70080,inset 0 0 20px #fff3;transform:scale(1)}50%{box-shadow:0 0 40px gold,0 0 70px #ffd700b3,inset 0 0 30px #ffffff4d;transform:scale(1.02)}}.almost-line-modal{position:relative;flex:1;display:flex;justify-content:center;align-items:center;margin:0 3px;animation:modal-appear .5s ease-out}@keyframes modal-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.almost-line-content{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;padding:15px 25px;background:linear-gradient(135deg,#ffd700f2,#ff4500f2);border:3px solid #ffd700;border-radius:15px;box-shadow:0 0 40px gold,0 0 70px #ffd700b3,0 10px 30px #00000080,inset 0 0 25px #ffffff4d;overflow:hidden;animation:modal-pulse 1.5s ease-in-out infinite}@keyframes modal-pulse{0%,to{box-shadow:0 0 40px gold,0 0 70px #ffd700b3,0 10px 30px #00000080,inset 0 0 25px #ffffff4d;transform:scale(1)}50%{box-shadow:0 0 60px gold,0 0 100px #ffd700e6,0 15px 40px #000000b3,inset 0 0 35px #fff6;transform:scale(1.03)}}.alert-icon-modal{font-size:2rem;animation:icon-bounce-modal .8s ease-in-out infinite}@keyframes icon-bounce-modal{0%,to{transform:scale(1)}50%{transform:scale(1.4) rotate(15deg)}}.alert-text-modal{font-size:1.3rem;font-weight:900;color:#fff;text-shadow:3px 3px 6px rgba(0,0,0,.8),0 0 20px rgba(255,255,255,1);letter-spacing:2px;text-transform:uppercase}.alert-icon-compact{font-size:1.5rem;animation:icon-bounce-compact .8s ease-in-out infinite}@keyframes icon-bounce-compact{0%,to{transform:scale(1)}50%{transform:scale(1.3) rotate(10deg)}}.alert-text-compact{font-size:1rem;font-weight:900;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7),0 0 15px rgba(255,255,255,.8);letter-spacing:1.5px;text-transform:uppercase}.alert-flash{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:flash-sweep 2s ease-in-out infinite;pointer-events:none}@keyframes flash-sweep{0%{left:-100%}to{left:100%}}.alert-glow{position:absolute;inset:-50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);animation:glow-rotate 3s linear infinite;pointer-events:none}@keyframes glow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.almost-line-alert{position:relative;display:flex;align-items:center;gap:15px;padding:15px 25px;background:linear-gradient(135deg,#ffd700f2,#ff4500f2);border:3px solid #ffd700;border-radius:15px;box-shadow:0 0 40px #ffd70099,0 0 60px #ffd70066,inset 0 0 30px #ffffff1a;margin-bottom:15px;overflow:hidden;animation:alert-entrance .5s ease-out,alert-glow 2s ease-in-out infinite}@keyframes alert-entrance{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes alert-glow{0%,to{box-shadow:0 0 40px #ffd70099,0 0 60px #ffd70066,inset 0 0 30px #ffffff1a}50%{box-shadow:0 0 60px #ffd700cc,0 0 80px #ffd70099,inset 0 0 40px #fff3}}.alert-icon{font-size:2.5rem;animation:alert-bounce 1s ease-in-out infinite}@keyframes alert-bounce{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(-10deg)}75%{transform:scale(1.2) rotate(10deg)}}.alert-content{flex:1;display:flex;flex-direction:column;gap:5px}.alert-title{font-size:1.5rem;font-weight:900;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 10px rgba(255,255,255,.5);letter-spacing:2px}.alert-message{font-size:1.1rem;font-weight:700;color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.alert-details{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.alert-subtext{margin-top:8px;font-size:.95rem;font-weight:600;color:#fff;text-align:center;padding:6px 12px;background:#0000004d;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.7);animation:subtext-pulse 2s ease-in-out infinite}@keyframes subtext-pulse{0%,to{opacity:.9}50%{opacity:1;transform:scale(1.02)}}.card-badge{display:inline-block;padding:4px 12px;background:#fff3;border:1px solid rgba(255,215,0,.4);border-radius:20px;font-size:.85rem;font-weight:600;color:#fff;backdrop-filter:blur(5px);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.alert-pulse{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:alert-shine 3s ease-in-out infinite;pointer-events:none}@keyframes alert-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.room-title{display:flex;align-items:center;gap:10px;font-size:1.8rem;font-weight:900;letter-spacing:3px;color:gold!important;text-shadow:0 0 20px rgba(255,215,0,1),0 0 40px rgba(255,215,0,.6)}.room-title *{color:inherit}.room-title .title-text{color:gold!important}.title-icon{font-size:2rem;animation:icon-float 2s ease-in-out infinite}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.title-tag{font-size:.8rem;background:linear-gradient(135deg,#0f0,gold);color:#000;padding:5px 15px;border-radius:20px;font-weight:700;letter-spacing:2px;animation:tag-pulse 2s ease-in-out infinite}@keyframes tag-pulse{0%,to{box-shadow:0 0 10px #ffd70080}50%{box-shadow:0 0 25px #ffd700cc}}.lobby-btn{font-size:.8rem;background:linear-gradient(135deg,gold 0% 50%,gold);color:#000;padding:5px 15px;border:none;border-radius:20px;font-weight:900;letter-spacing:2px;cursor:pointer;transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 0 15px #ffd70099,0 4px 8px #0000004d;animation:lobby-shimmer 2s ease-in-out infinite;position:relative;overflow:hidden}.lobby-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.5),transparent);transform:rotate(45deg);animation:lobby-shine 3s linear infinite}.lobby-btn:hover{background:linear-gradient(135deg,gold 0% 50%,gold);transform:scale(1.1);box-shadow:0 0 30px gold,0 6px 12px #0006}.lobby-btn:active{transform:scale(1.05)}@keyframes lobby-shimmer{0%,to{box-shadow:0 0 15px #ffd70099,0 4px 8px #0000004d}50%{box-shadow:0 0 35px gold,0 0 50px #ffd700cc,0 6px 12px #0006}}@keyframes lobby-shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.ball-counter-display{font-size:.85rem;background:linear-gradient(135deg,#ffd7004d,#daa5204d);color:gold;padding:6px 14px;border:2px solid rgba(255,215,0,.9);border-radius:15px;font-weight:800;letter-spacing:1px;box-shadow:0 0 15px #ffd700b3,inset 0 0 10px #ffd7004d;animation:ball-counter-glow 2s ease-in-out infinite;text-shadow:0 0 10px rgba(255,215,0,.9);white-space:nowrap}@keyframes ball-counter-glow{0%,to{box-shadow:0 0 15px #ffd700b3,inset 0 0 10px #ffd7004d;text-shadow:0 0 10px rgba(255,215,0,.9)}50%{box-shadow:0 0 30px gold,0 0 45px #ffd700cc,inset 0 0 20px #ffd70066;text-shadow:0 0 20px rgba(255,215,0,1)}}.game-info{display:flex;gap:15px;align-items:center}.info-badge{background:#ffd7001a;border:2px solid rgba(255,215,0,.4);padding:8px 15px;border-radius:10px;font-family:Courier New,monospace;font-size:.9rem}.badge-label{color:#888;margin-right:5px}.badge-value{color:gold;font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.6)}.status-badge{padding:8px 20px;border-radius:20px;font-size:.85rem;font-weight:700;letter-spacing:2px}.status-badge.waiting{background:#ffd7004d;border:2px solid #ffd700;color:#ff0}.status-badge.active{background:#ffea0033;border:2px solid #ffea00;color:#ffea00;animation:status-blink 1s ease-in-out infinite}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.5}}.status-badge.ended{background:#0f03;border:2px solid #ffd700;color:#0f0}.game-table{display:flex;gap:0px;padding:0;background:#0006;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:3px solid rgba(255,215,0,.3);border-radius:20px;box-shadow:0 8px 32px #0009,0 0 40px #ffd70033,inset 0 0 40px #ffd7000d;min-height:60vh;margin-bottom:2px;position:relative;z-index:2;overflow:hidden}.digital-grid-full{flex:0 0 50%;background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:0;padding:2px;box-shadow:0 10px 40px #00000080,inset 0 2px 10px #ffffff0d;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.digital-grid-full:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,rgba(255,215,0,.1) 0%,transparent 50%,rgba(255,215,0,.05) 100%);pointer-events:none}.grid-row{display:flex;gap:2px;flex:1;margin-bottom:2px}.grid-row:last-of-type{margin-bottom:0}.grid-row .grid-column{flex:1;display:flex;flex-direction:column;background:#00000080;border-radius:8px;padding:3px;border:1px solid rgba(255,215,0,.8);box-shadow:0 0 20px #ffd70066,inset 0 0 20px #ffd7001a}.grid-row .column-letter{font-size:.7rem;font-weight:700;text-align:center;margin-bottom:4px;letter-spacing:1px;padding:3px;background:#000000b3;border-radius:6px;border:1px solid rgba(255,215,0,.6)}.grid-row .column-numbers{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;flex:1}.grid-row .grid-number{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:600;border-radius:5px;background:#0009;border:1px solid rgba(255,215,0,.4);color:#ffffff80;transition:all .3s ease;position:relative;box-shadow:0 0 10px #ffd70033}.grid-row .grid-number.called{color:#000;font-weight:700;transform:scale(1.05);border:2px solid rgba(255,234,0,.8)}.grid-row .grid-number.recent{animation:recentPulse 1s ease-in-out,ripple-wave .8s ease-out}@keyframes ripple-wave{0%{box-shadow:0 0 0 0 currentColor}to{box-shadow:0 0 0 30px #ffd70000}}.grid-row .grid-number.recent:after{content:"✨";position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:1rem;animation:particle-float-up 1.5s ease-out forwards;pointer-events:none}@keyframes particle-float-up{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-50px)}}.digital-grid{background:#0009;border:2px solid rgba(255,215,0,.6);border-radius:15px;padding:8px;position:relative;overflow:hidden;display:flex;flex-direction:column}.grid-header{text-align:center;margin-bottom:8px;position:relative}.grid-title{font-size:.75rem;font-weight:700;letter-spacing:2px;color:#0f0;text-shadow:0 0 15px rgba(0,255,0,.8);font-family:Courier New,monospace}.grid-glow{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:80%;height:20px;background:radial-gradient(ellipse,rgba(0,255,0,.4),transparent);filter:blur(10px)}.grid-columns{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.grid-column{display:flex;flex-direction:column;gap:5px}.column-letter{font-size:1rem;font-weight:900;text-align:center;padding:4px 0;background:#000c;border-radius:6px;border:2px solid currentColor;letter-spacing:1px;animation:letter-glow 2s ease-in-out infinite}@keyframes letter-glow{0%,to{opacity:.8}50%{opacity:1}}.column-numbers{display:flex;flex-direction:column;gap:2px}.grid-number{background:#0009;border:1px solid rgba(255,215,0,.1);border-radius:4px;padding:3px 2px;text-align:center;font-size:.75rem;font-weight:600;color:#444;font-family:Courier New,monospace;position:relative;transition:all .3s ease}.grid-number.called{color:#000;font-weight:900;border:none;animation:number-called .6s ease-out;z-index:1}@keyframes number-called{0%{transform:scale(.5) rotate(0);opacity:0}50%{transform:scale(1.3) rotate(180deg)}to{transform:scale(1) rotate(360deg);opacity:1}}.grid-number.recent{animation:recent-pulse 1.5s ease-in-out infinite}@keyframes recent-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.right-section{flex:0 0 50%;display:flex;flex-direction:column;gap:2px;padding:2px}.side-info{display:flex;flex-direction:column;gap:4px;flex:0 0 auto}.room-title{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:900;letter-spacing:1.5px;padding:6px 10px;background:#0009;border:2px solid rgba(255,215,0,.3);border-radius:12px;flex-wrap:wrap}.title-icon{width:24px;height:24px;object-fit:contain;animation:icon-float 2s ease-in-out infinite}.title-text{color:gold!important;text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.6);font-weight:900}.title-tag{background:linear-gradient(135deg,#0f0,#0a0);color:#000;font-size:.8rem;padding:4px 12px;border-radius:20px;font-weight:900;letter-spacing:1px;box-shadow:0 0 15px #0f09}.game-info{display:flex;gap:10px;flex-wrap:wrap}.info-badge{display:flex;align-items:center;gap:8px;background:#0009;padding:8px 15px;border-radius:10px;border:1px solid rgba(255,215,0,.3)}.badge-label{font-size:.9rem;color:#888;font-weight:600}.badge-value{font-size:1.1rem;font-weight:900;color:gold;text-shadow:0 0 10px rgba(255,215,0,.6)}.status-badge{padding:8px 15px;border-radius:10px;font-weight:900;font-size:.95rem;border:2px solid;letter-spacing:1px}.status-badge.waiting{background:#80808033;border-color:#ffd70080;color:#888}.status-badge.active{background:#f003;border-color:#ff000080;color:red;animation:status-pulse 1.5s ease-in-out infinite}.status-badge.ended{background:#0f03;border-color:#00ff0080;color:#0f0}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.6}}.modern-bingo-machine{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;flex:1;min-height:0}.machine-top-led{width:80%;height:8px;background:linear-gradient(to right,transparent,rgba(255,215,0,.8) 50%,transparent);border-radius:10px;box-shadow:0 0 20px #ffd70099;animation:led-pulse 2s ease-in-out infinite}@keyframes led-pulse{0%,to{opacity:.6}50%{opacity:1}}.acrylic-sphere{width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,215,0,.15),transparent);backdrop-filter:blur(15px) saturate(200%);-webkit-backdrop-filter:blur(15px) saturate(200%);border:4px solid rgba(255,215,0,.5);box-shadow:0 0 60px #ffd70099,0 0 100px #ffd7004d,inset 0 0 80px #ffd70033;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.led-ring{position:absolute;inset:-5px;border-radius:50%;border:3px solid transparent;background:linear-gradient(#000,#000) padding-box,linear-gradient(45deg,gold,#06f,gold) border-box;animation:led-rotate 3s linear infinite}@keyframes led-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.floating-balls-container{position:absolute;width:100%;height:100%}.floating-ball{position:absolute;width:35px;height:35px;border-radius:50%;border:2px solid rgba(255,215,0,.4);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:900;color:#000;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 5px 15px #00000080,inset 0 -5px 10px #0000004d,inset 0 5px 10px #ffffff4d;animation:float-gravity 4s ease-in-out infinite}@keyframes float-gravity{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(15px,-30px) rotate(90deg)}50%{transform:translate(30px) rotate(180deg)}75%{transform:translate(15px,30px) rotate(270deg)}}.floating-ball:nth-child(1){left:10%;top:20%}.floating-ball:nth-child(2){left:70%;top:10%}.floating-ball:nth-child(3){left:30%;top:60%}.floating-ball:nth-child(4){left:80%;top:50%}.floating-ball:nth-child(5){left:15%;top:80%}.floating-ball:nth-child(6){left:60%;top:75%}.floating-ball:nth-child(7){left:45%;top:15%}.floating-ball:nth-child(8){left:25%;top:40%}.floating-ball:nth-child(9){left:85%;top:30%}.floating-ball:nth-child(10){left:50%;top:85%}.floating-ball:nth-child(11){left:5%;top:50%}.floating-ball:nth-child(12){left:75%;top:65%}.floating-ball:nth-child(13){left:40%;top:25%}.floating-ball:nth-child(14){left:65%;top:45%}.floating-ball:nth-child(15){left:35%;top:70%}@keyframes float-random{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,-20px) rotate(90deg)}50%{transform:translate(-20px,20px) rotate(180deg)}75%{transform:translate(20px,20px) rotate(270deg)}}.current-ball-showcase{display:flex;flex-direction:column;align-items:center;gap:15px;z-index:10}.showcase-ball{width:150px;height:150px;border-radius:50%;border:4px solid rgba(255,234,0,.4);position:relative;display:flex;align-items:center;justify-content:center;animation:ball-zoom-in 2s ease-out}@keyframes ball-zoom-in{0%{transform:scale(0) rotate(0);opacity:0;filter:brightness(3) blur(20px)}30%{transform:scale(1.5) rotate(180deg);opacity:1;filter:brightness(2) blur(5px)}50%{transform:scale(.9) rotate(270deg);filter:brightness(1.5) blur(0)}70%{transform:scale(1.1) rotate(340deg)}to{transform:scale(1) rotate(360deg);opacity:1;filter:brightness(1) blur(0)}}@keyframes particle-burst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.ball-shine{position:absolute;top:20%;left:20%;width:50%;height:50%;background:radial-gradient(ellipse at top left,rgba(255,255,255,.8),transparent);border-radius:50%;filter:blur(15px)}.ball-content{z-index:1;text-align:center}.ball-letter{font-size:2.5rem;font-weight:900;color:#000;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1}.ball-number{font-size:3rem;font-weight:900;color:#000;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1}.ball-announcement{display:flex;align-items:center;gap:10px;font-family:Courier New,monospace;font-weight:900;font-size:2rem;text-shadow:0 0 20px currentColor}.announcement-letter,.announcement-number{animation:announcement-flash 1s ease-in-out infinite}@keyframes announcement-flash{0%,to{opacity:1}50%{opacity:.6}}.announcement-separator{color:#fff}.waiting-message{text-align:center;color:#888}.waiting-icon{font-size:3rem;animation:waiting-spin 2s linear infinite}@keyframes waiting-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.waiting-text{font-size:1rem;margin-top:10px;letter-spacing:2px}.card-selection-sphere{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 20px 40px;animation:sphere-pulse 2s ease-in-out infinite}@keyframes sphere-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.02);filter:brightness(1.15)}}.select-cards-sphere-btn{background:transparent;border:none;cursor:pointer;padding:0;transition:all .3s ease;filter:drop-shadow(0 0 30px rgba(255,215,0,.6));max-width:100%;display:flex;align-items:center;justify-content:center}.select-cards-sphere-btn:hover{transform:scale(1.08);filter:drop-shadow(0 0 50px rgba(255,234,0,.8))}.select-cards-sphere-btn:active{transform:scale(1.03)}.sphere-btn-image{width:200px;height:auto;max-width:100%;display:block;animation:btn-float 3s ease-in-out infinite}@keyframes btn-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.external-counter{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:15px;margin-bottom:10px;animation:counter-float 3s ease-in-out infinite}@keyframes counter-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.sphere-btn-counter{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:5px}.counter-line{width:100px;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.8) 20%,rgba(255,215,0,1) 50%,rgba(255,215,0,.8) 80%,transparent 100%);box-shadow:0 0 10px #ffd70099;animation:line-glow 2s ease-in-out infinite}.counter-line.bottom-line{animation-delay:.5s}@keyframes line-glow{0%,to{opacity:.6;box-shadow:0 0 10px #ffd70099}50%{opacity:1;box-shadow:0 0 20px gold}}.counter-number{font-size:2.5rem;font-weight:900;color:gold;text-shadow:0 0 20px rgba(255,215,0,1),0 0 40px rgba(255,215,0,.8),0 0 60px rgba(255,234,0,.6);animation:number-pulse 1.5s ease-in-out infinite;font-family:Arial Black,sans-serif;letter-spacing:2px;line-height:1}@keyframes number-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.3)}}.counter-label{font-size:.8rem;font-weight:600;color:#ffea00;text-shadow:0 0 10px rgba(255,234,0,.8);text-transform:uppercase;letter-spacing:1.5px;margin-top:3px}.machine-base{width:80%;display:flex;flex-direction:column;gap:5px}.base-panel{height:40px;background:linear-gradient(135deg,#000c,#ffd70033);border:2px solid rgba(255,215,0,.4);border-radius:10px;box-shadow:0 0 20px #ffd7004d}.base-lights{height:10px;background:#0009;border-radius:5px;overflow:hidden}.light-strip{height:100%;background:linear-gradient(to right,transparent 0%,rgba(255,215,0,.8) 50%,transparent 100%);animation:light-scan 2s linear infinite}@keyframes light-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.toast-container{position:fixed;top:80px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:15px;pointer-events:none}.toast-notification{background:linear-gradient(135deg,#ffd700f2,#ff8c00f2);border:3px solid #ffd700;border-radius:15px;padding:20px 30px;box-shadow:0 10px 40px #000c,0 0 60px #ffd700cc;animation:toast-slide-in .5s cubic-bezier(.68,-.55,.265,1.55);display:flex;align-items:center;gap:15px;pointer-events:all}@keyframes toast-slide-in{0%{transform:translate(400px) rotate(10deg);opacity:0}to{transform:translate(0) rotate(0);opacity:1}}.toast-icon{font-size:2.5rem;animation:icon-bounce .6s ease-out}@keyframes icon-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.toast-content{display:flex;flex-direction:column;gap:5px}.toast-title{font-size:1.3rem;font-weight:900;color:#000;text-shadow:0 2px 4px rgba(255,215,0,.5);letter-spacing:1px}.toast-message{font-size:1rem;font-weight:700;color:#4a2800}.marquee-alert{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;background:linear-gradient(135deg,#000000f2,#141414f2);border:5px solid #ffd700;border-radius:20px;padding:40px 60px;box-shadow:0 0 100px gold,inset 0 0 50px #ffd70033;animation:marquee-appear .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes marquee-appear{0%{transform:translate(-50%,-50%) scale(0) rotate(-10deg);opacity:0}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}.marquee-text{font-size:4rem;font-weight:900;background:linear-gradient(135deg,gold,#ffea00,gold,#ffea00);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:marquee-shine 2s linear infinite;text-align:center;letter-spacing:3px;text-shadow:0 0 30px rgba(255,215,0,.8)}@keyframes marquee-shine{0%{background-position:0% 50%}to{background-position:300% 50%}}.balls-counter{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;background:linear-gradient(135deg,#000000e6,#141414e6);border:3px solid rgba(255,215,0,.6);border-radius:50px;padding:15px 40px;display:flex;align-items:center;gap:15px;box-shadow:0 10px 40px #000c,0 0 30px #ffd70066;backdrop-filter:blur(10px)}.counter-icon{font-size:2rem;animation:icon-spin 2s linear infinite}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.counter-value{font-size:2.5rem;font-weight:900;color:gold;text-shadow:0 0 20px rgba(255,215,0,1)}.counter-label{font-size:.9rem;color:#888;text-transform:uppercase;letter-spacing:1px}.pre40-counter{position:fixed;top:110px;right:450px;z-index:500;background:linear-gradient(135deg,#ffd70033,#ffdf0033);border:2px solid rgba(255,215,0,1);border-radius:20px;padding:12px 30px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 8px 30px #000c,0 0 35px #ffd700cc,inset 0 0 20px #ffdf004d;backdrop-filter:blur(15px);animation:pre40-pulse-gold 2s ease-in-out infinite}@keyframes pre40-pulse-gold{0%,to{transform:translate(-50%) scale(1);box-shadow:0 10px 40px #000c,0 0 50px #ffd700cc}50%{transform:translate(-50%) scale(1.05);box-shadow:0 15px 50px #000000e6,0 0 70px gold}}.pre40-counter.spin-exit{animation:spin-and-exit 1s ease-out forwards}@keyframes spin-and-exit{0%{transform:translate(-50%) scale(1) rotate(0);opacity:1}50%{transform:translate(-50%) scale(1.2) rotate(360deg);opacity:.8}to{transform:translate(-50%) scale(0) rotate(720deg);opacity:0}}.pre40-title{font-size:.8rem;font-weight:800;color:gold;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 15px rgba(255,215,0,1)}.pre40-value{font-size:2.5rem;font-weight:900;color:#fff;text-shadow:0 0 30px rgba(255,215,0,1),0 0 50px rgba(255,223,0,1),2px 2px 8px rgba(0,0,0,.9);line-height:1}.pre40-label{font-size:.7rem;color:#ffe680;text-transform:uppercase;letter-spacing:1.2px;text-shadow:0 0 10px rgba(255,230,128,.8)}.neon-divider{height:20px;position:relative;margin:30px 0 40px;z-index:1}.divider-line{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,rgba(255,215,0,.8) 20%,rgba(255,234,0,.8) 50%,rgba(255,215,0,.8) 80%,transparent);box-shadow:0 0 10px #ffd70099}.divider-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:gold;box-shadow:0 0 20px #ffd700cc;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.5}}.gamification-panel{position:fixed;bottom:20px;left:20px;z-index:1000;display:flex;flex-direction:column;gap:15px}.luck-meter{background:linear-gradient(135deg,#000000e6,#1e1e1ee6);border:3px solid rgba(255,215,0,.6);border-radius:15px;padding:15px 20px;box-shadow:0 10px 30px #000c;backdrop-filter:blur(10px);min-width:200px}.luck-title{font-size:.9rem;color:gold;text-align:center;margin-bottom:10px;letter-spacing:1px;font-weight:700}.luck-bar{height:20px;background:#00000080;border-radius:10px;overflow:hidden;position:relative;border:2px solid rgba(255,215,0,.3)}.luck-fill{height:100%;background:linear-gradient(90deg,gold,#ffea00,gold);background-size:200% 100%;animation:luck-shimmer 2s linear infinite;width:var(--luck-percent, 0%);transition:width .5s ease;box-shadow:0 0 20px #ffd700cc;position:relative}.luck-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:luck-glide 1.5s ease-in-out infinite}@keyframes luck-shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes luck-glide{0%{transform:translate(-100%)}to{transform:translate(200%)}}.luck-percentage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8)}.combo-meter{background:linear-gradient(135deg,#000000e6,#1e1e1ee6);border:3px solid rgba(255,234,0,.6);border-radius:15px;padding:15px 20px;box-shadow:0 10px 30px #000c;backdrop-filter:blur(10px);min-width:200px}.combo-title{font-size:.9rem;color:#ffea00;text-align:center;margin-bottom:5px;letter-spacing:1px;font-weight:700}.combo-value{font-size:3rem;font-weight:900;color:#ffea00;text-align:center;text-shadow:0 0 20px rgba(255,234,0,1),0 0 40px rgba(255,234,0,.8);animation:combo-pulse .5s ease-in-out}@keyframes combo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.combo-label{font-size:.7rem;color:#888;text-align:center;text-transform:uppercase;letter-spacing:1px}.player-avatar-widget{background:linear-gradient(135deg,#000000e6,#1e1e1ee6);border:3px solid rgba(255,215,0,.6);border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #000c;backdrop-filter:blur(10px);animation:avatar-float 3s ease-in-out infinite}@keyframes avatar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.avatar-icon{font-size:3rem}.player-cards-section{flex:1;display:flex;flex-direction:column;background:#0009;border:2px solid rgba(255,234,0,.3);border-radius:15px;padding:15px;min-height:35vh;max-height:45vh;margin-top:20px}.cards-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid rgba(255,234,0,.3)}.cards-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;letter-spacing:2px;color:#ffea00;text-shadow:0 0 15px rgba(255,234,0,.6)}.cards-icon{font-size:1.3rem}.cards-count{font-size:.85rem;color:#888;background:#ffea001a;padding:4px 12px;border-radius:15px;border:1px solid rgba(255,234,0,.3)}.cards-scroll-container{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;overflow-y:auto;overflow-x:hidden;padding:20px 10px}.cards-grid-container{flex:1;position:relative;width:100%;height:100%;padding:10px;overflow:hidden}.cards-compact-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,1fr);gap:6px;width:100%;height:100%}.compact-card{background:#0a0a0ae6;border:2px solid rgba(255,234,0,.4);border-radius:8px;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;min-height:50px}.compact-card:hover{border-color:#ffd700cc;box-shadow:0 10px 30px #ffd70080,0 0 40px #ffd7004d;transform:translateY(-8px) scale(1.05) rotateX(5deg);z-index:10}.compact-card.almost-line{border-color:gold;animation:cyan-pulse-intense .8s ease-in-out infinite;box-shadow:0 0 30px #ffd700cc,0 0 60px #ffd70080,inset 0 0 20px #ffd70033}@keyframes cyan-pulse-intense{0%,to{border-width:2px;box-shadow:0 0 30px #ffd700cc,0 0 60px #ffd70080}50%{border-width:4px;box-shadow:0 0 50px gold,0 0 80px #ffd700cc,inset 0 0 30px #ffd70066}}.compact-card:before{content:"";position:absolute;inset:-3px;border-radius:10px;background:conic-gradient(from 0deg,#ffd700 0deg,#ffd700 calc(var(--progress, 0) * 3.6deg),transparent calc(var(--progress, 0) * 3.6deg));opacity:.5;pointer-events:none;z-index:-1}.compact-card.expanded{opacity:0;pointer-events:none}.compact-card-serial{font-size:1.5rem!important;font-weight:700;color:#ffed4e;text-align:center;letter-spacing:-.1px;text-shadow:0 0 8px rgba(255,237,78,.9),0 0 15px rgba(255,237,78,.6);position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:0 1px;line-height:1;white-space:nowrap;overflow:visible;max-width:100%;display:block}.compact-card-progress{display:flex;gap:2px;width:100%;height:100%;margin:0;position:absolute;top:0;left:0;z-index:1}.progress-segment{flex:1;height:100%;border-radius:0;transition:all .4s ease;background:#14141480;border-right:1px solid rgba(255,234,0,.15);position:relative}.progress-segment:last-child{border-right:none}.progress-segment.filled{background:#ffea001a;border-right:2px solid currentColor;border-left:1px solid currentColor;animation:segment-fill .5s ease-out}.progress-segment.filled:before{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to top,currentColor 0%,transparent 70%);opacity:.2}.progress-segment.filled:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:currentColor;box-shadow:0 0 8px currentColor}@keyframes segment-fill{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.compact-card-count{position:absolute;bottom:4px;right:4px;font-size:.75rem;font-weight:700;color:#ffed4e;text-shadow:0 0 8px rgba(255,237,78,.9),0 0 15px rgba(255,237,78,.6);z-index:3;background:#000000b3;padding:2px 5px;border-radius:4px}.expanded-card-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000026;backdrop-filter:blur(2px);z-index:10000;animation:overlay-appear .4s cubic-bezier(.34,1.56,.64,1);padding:40px 20px}.expanded-card-container{position:relative;max-width:2400px;max-height:95vh;overflow:auto;transform:scale(1.5);animation:card-bounce-in .6s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 20px 60px rgba(255,215,0,.6))}.close-expanded-btn{position:absolute;top:-60px;right:10px;background:linear-gradient(135deg,gold,#ffed4e);color:#333;border:3px solid #ffed4e;border-radius:50%;width:55px;height:55px;font-size:2.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 6px 20px #ffd700b3,inset 0 2px 8px #ffffff80;animation:pulse-glow 2s ease-in-out infinite}.close-expanded-btn:hover{background:linear-gradient(135deg,#ffed4e,gold);transform:rotate(90deg) scale(1.15);box-shadow:0 8px 30px gold,inset 0 2px 12px #ffffffb3}@keyframes overlay-appear{0%{opacity:0}to{opacity:1}}@keyframes card-bounce-in{0%{transform:scale(.3) rotate(-5deg);opacity:0}50%{transform:scale(1.05) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 6px 20px #ffd700b3,inset 0 2px 8px #ffffff80}50%{box-shadow:0 8px 30px #ffd700e6,inset 0 2px 12px #ffffffb3}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.bingo-card-expanded{width:90%;max-width:500px;background:linear-gradient(135deg,#0a0a0afa,#1e1e1efa);border:4px solid transparent;border-image:linear-gradient(135deg,gold,#ffea00) 1;border-radius:16px;padding:15px;box-shadow:0 20px 60px #000000e6,0 0 40px #ffd70099,0 0 40px #ffea0099;animation:card-expand .4s cubic-bezier(.34,1.56,.64,1)}@keyframes card-expand{0%{transform:scale(.5) rotate(-5deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.latest-hit{animation:hit-flash .6s ease-out}@keyframes hit-flash{0%,to{transform:scale(1)}50%{transform:scale(1.2);filter:brightness(1.5)}}.cards-scroll-container::-webkit-scrollbar{width:8px}.cards-scroll-container::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.cards-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,gold,#ffea00);border-radius:10px;box-shadow:0 0 10px #ffd70080}.bingo-card-starter{position:relative;width:100%;max-width:320px;margin-left:auto;margin-right:auto;background:linear-gradient(135deg,#0a0a0af2,#1e1e1ef2);border:3px solid transparent;border-image:linear-gradient(135deg,gold,#ffea00) 1;border-radius:12px;padding:10px;box-shadow:0 8px 32px #000c,0 0 20px #ffd7004d,0 0 20px #ffea004d;transition:all .3s ease;cursor:pointer;margin-bottom:-210px}.bingo-card-starter:first-child{margin-top:0;z-index:10}.bingo-card-starter:nth-child(2){margin-top:50px;z-index:9}.bingo-card-starter:nth-child(3){margin-top:100px;z-index:8}.bingo-card-starter:nth-child(4){margin-top:150px;z-index:7}.bingo-card-starter:nth-child(n+5){z-index:6}.bingo-card-starter:last-child{margin-bottom:0}.bingo-card-starter:hover{transform:scale(1.03);z-index:20!important;box-shadow:0 20px 60px #000000e6,0 0 40px #ffd70099,0 0 40px #ffea0099}.bingo-card-starter:last-child:hover{margin-bottom:0}.card-header{display:flex;justify-content:center;align-items:center;margin-bottom:8px;position:relative}.card-number{font-size:.85rem;font-weight:700;color:gold;background:#ffd7001a;padding:3px 10px;border-radius:15px;border:1px solid rgba(255,215,0,.3);text-shadow:0 0 10px rgba(255,215,0,.8);letter-spacing:1px}.card-glow-border{position:absolute;inset:-5px;border-radius:12px;background:linear-gradient(135deg,gold,#ffea00);opacity:0;z-index:-1;filter:blur(10px);transition:opacity .3s ease}.bingo-card-starter:hover .card-glow-border{opacity:.3}.card-grid{display:flex;flex-direction:column;gap:4px}.card-letters{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-bottom:4px}.card-letter{text-align:center;font-size:.9rem;font-weight:900;padding:3px;letter-spacing:1px}.card-numbers-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.card-column{display:flex;flex-direction:column;gap:3px}.card-cell{position:relative;aspect-ratio:1;background:#141414cc;border:1px solid rgba(255,215,0,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:700;color:#fff;transition:all .2s ease}.card-cell.free{background:radial-gradient(circle,#ffd7004d,#ffd70033);border-color:#ffd70080}.free-space{font-size:1.2rem;color:gold;text-shadow:0 0 10px rgba(255,215,0,.8);animation:star-pulse 2s ease-in-out infinite}@keyframes star-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}.cell-number{z-index:1}.card-cell.marked{background:#ffd70033;border-color:currentColor;border-width:2px;animation:cell-mark-pulse 1s ease-out}@keyframes cell-mark-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.cell-mark{position:absolute;inset:0;border-radius:4px;opacity:.3;z-index:0;animation:mark-glow 2s ease-in-out infinite}@keyframes mark-glow{0%,to{opacity:.3}50%{opacity:.6}}.cell-number{position:relative;z-index:1;color:#000}.cell-mark{position:absolute;inset:0;border-radius:8px;animation:mark-glow 1.5s ease-in-out infinite}@keyframes mark-glow{0%,to{opacity:.8}50%{opacity:1}}.test-controls{position:fixed;bottom:20px;right:20px;z-index:1000}.control-btn{background:transparent;border:2px solid rgba(255,215,0,.6);color:gold;font-size:1rem;font-weight:700;padding:12px 25px;border-radius:25px;cursor:pointer;box-shadow:0 0 15px #ffd7004d;transition:all .3s ease;backdrop-filter:blur(5px)}.control-btn:hover{transform:scale(1.1);border-color:gold;box-shadow:0 0 30px #ffd70099;color:#fff}@media (max-width: 1024px){.game-table{grid-template-columns:1fr;min-height:auto}.acrylic-sphere{width:250px;height:250px}.showcase-ball{width:120px;height:120px}}@media (max-width: 768px){.starter-header{flex-direction:column;gap:10px}.room-title{font-size:1.4rem}.game-table{padding:10px;flex-direction:column}.digital-grid-full,.right-section{flex:0 0 auto}.grid-columns{gap:5px}.column-letter{font-size:1rem;padding:5px 0}.grid-number{font-size:.7rem;padding:4px 2px}.acrylic-sphere{width:200px;height:200px}.showcase-ball{width:100px;height:100px}.ball-letter{font-size:1.5rem}.ball-number{font-size:2rem}.card-letter{font-size:1.2rem;padding:5px 0}.card-cell{font-size:1rem}.cards-compact-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(15,1fr)}.select-cards-sphere-btn{transform:scale(1.2)}.sphere-btn-image{width:180px}.toast-notification{padding:15px 20px}.toast-title{font-size:1.1rem}.toast-message{font-size:.9rem}.gamification-panel{bottom:10px;left:10px}.luck-meter,.combo-meter{min-width:150px;padding:10px 15px}}.bingo-card-starter-90{max-width:400px}.card-grid-90{display:flex;flex-direction:column;gap:3px}.card-grid-90 .card-row{display:grid;grid-template-columns:repeat(9,1fr);gap:3px}.card-grid-90 .card-cell{aspect-ratio:1 / 1;background:#0f172a99;border:1px solid rgba(255,215,0,.3);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#cbd5e1;position:relative;transition:all .3s ease}.card-grid-90 .card-cell.empty{background:#0f172a4d;border:1px dashed rgba(255,215,0,.2)}.card-grid-90 .card-cell.marked{background:#22d3ee4d;border-color:#ffd700cc;color:gold}.ball-number-large{font-size:3.5rem;font-weight:900;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.8)}.announcement-number-large{font-size:4rem;font-weight:900;text-shadow:0 0 30px currentColor;animation:pulse-number 1s ease-in-out infinite}@media (max-width: 768px){.bingo-card-starter-90{max-width:350px}.card-grid-90 .card-cell{font-size:.65rem}.ball-number-large{font-size:2.5rem}.announcement-number-large{font-size:3rem}}@media (max-width: 480px){.bingo-card-starter-90{max-width:100%}.card-grid-90,.card-grid-90 .card-row{gap:2px}.card-grid-90 .card-cell{font-size:.55rem}.ball-number-large{font-size:2rem}.announcement-number-large{font-size:2.5rem}}.voice-selector-overlay{position:fixed;inset:0;background:#000000e6;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:overlay-appear .3s ease-out}.voice-selector-modal{background:linear-gradient(135deg,#0a0a0afa,#1e1e1efa);border:3px solid #ffd700;border-radius:20px;padding:30px;max-width:500px;width:90%;max-height:70vh;overflow-y:auto;box-shadow:0 20px 60px #000000e6,0 0 40px #ffd70099}.voice-selector-modal h3{color:gold;text-align:center;font-size:1.8rem;margin-bottom:20px;text-shadow:0 0 20px rgba(255,215,0,.8)}.voice-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.voice-option{background:#ffd7001a;border:2px solid rgba(255,215,0,.3);border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:5px;cursor:pointer;transition:all .3s ease;color:#fff}.voice-option:hover{background:#ffd70033;border-color:#ffd70099;transform:translate(5px)}.voice-option.active{background:#ffd7004d;border-color:gold;box-shadow:0 0 20px #ffd70080}.voice-name{font-weight:700;font-size:1.1rem;color:gold}.voice-lang{font-size:.85rem;color:#888}.close-voice-selector{width:100%;padding:12px;background:linear-gradient(135deg,#ffea00,#f09);border:none;border-radius:10px;color:#fff;font-weight:900;font-size:1rem;cursor:pointer;transition:all .3s ease}.close-voice-selector:hover{background:linear-gradient(135deg,#ffea00,#f0d);transform:scale(1.05);box-shadow:0 0 30px #ffea0099}.test-controls{display:flex;gap:10px;justify-content:center}.control-btn.voice-btn{background:transparent;border:2px solid rgba(255,215,0,.6);color:gold}.control-btn.voice-btn:hover{background:#ffd7001a;border-color:gold;color:gold}.control-btn.audio-btn{background:transparent;padding:10px 20px;border:2px solid rgba(255,234,0,.6);border-radius:8px;color:#ffea00;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #ffea004d;backdrop-filter:blur(5px)}.control-btn.audio-btn:hover{background:#ffea001a;transform:scale(1.05);border-color:#ffea00;box-shadow:0 0 25px #ffea0099;color:#ffea00}.control-btn.audio-btn:active{transform:scale(.98)}.reactions-panel{position:fixed;bottom:100px;right:20px;background:#0a0a0af2;border:2px solid rgba(255,215,0,.4);border-radius:15px;padding:15px;backdrop-filter:blur(10px);box-shadow:0 10px 40px #ffd7004d;z-index:1000;animation:slide-in-right .5s ease-out}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.reactions-title{font-size:.9rem;font-weight:700;color:gold;margin-bottom:10px;text-align:center;text-shadow:0 0 10px rgba(255,215,0,.8)}.reactions-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.reaction-btn{width:50px;height:50px;font-size:1.5rem;background:#ffea001a;border:2px solid rgba(255,234,0,.4);border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.reaction-btn:hover{transform:scale(1.2) rotate(10deg);background:#ffea004d;border-color:#ffea00;box-shadow:0 0 20px #ffea0099}.reaction-btn:active{transform:scale(.9)}.floating-emoji{position:fixed;bottom:100px;font-size:3rem;pointer-events:none;z-index:9999;animation:float-up 3s ease-out forwards}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-100px) scale(1.5);opacity:1}to{transform:translateY(-300px) scale(.5);opacity:0}}.celebration-overlay{position:fixed;inset:0;background:radial-gradient(circle,#ffd7004d,#000000f2);z-index:9999;display:flex;align-items:center;justify-content:center;animation:celebration-fade-in .5s ease-out}@keyframes celebration-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.celebration-content{text-align:center;z-index:10000;animation:celebration-pulse 2s ease-in-out infinite}@keyframes celebration-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.celebration-trophy{font-size:8rem;animation:trophy-bounce 1s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(255,215,0,.8))}@keyframes trophy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.celebration-text{font-size:3rem;font-weight:900;color:gold;text-shadow:0 0 20px rgba(255,215,0,1),0 0 40px rgba(255,215,0,.8);margin:20px 0;animation:text-glow 1.5s ease-in-out infinite}@keyframes text-glow{0%,to{text-shadow:0 0 20px rgba(255,215,0,1),0 0 40px rgba(255,215,0,.8)}50%{text-shadow:0 0 30px rgba(255,215,0,1),0 0 60px rgba(255,215,0,1)}}.celebration-subtitle{font-size:1.5rem;color:#fff;margin-bottom:10px}.celebration-amount{font-size:4rem;font-weight:900;color:#0f0;text-shadow:0 0 30px rgba(0,255,0,1);animation:amount-zoom 1s ease-in-out infinite}@keyframes amount-zoom{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.celebration-stars{font-size:2rem;margin-top:20px;animation:stars-twinkle 1s ease-in-out infinite}@keyframes stars-twinkle{0%,to{opacity:1}50%{opacity:.5}}.celebration-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.celebration-confetti-piece{position:absolute;top:-10%;width:10px;height:20px;animation:confetti-fall 4s linear infinite}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}.marked-number-effect{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9998;pointer-events:none;animation:marked-effect 1.5s ease-out forwards}@keyframes marked-effect{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:1}to{transform:translate(-50%,-50%) scale(.5);opacity:0}}.marked-stamp{font-size:5rem;color:#0f0;filter:drop-shadow(0 0 20px rgba(0,255,0,1));animation:stamp-rotate .5s ease-out}@keyframes stamp-rotate{0%{transform:rotate(-45deg) scale(0)}to{transform:rotate(0) scale(1)}}.marked-number{font-size:4rem;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(255,255,255,1);margin-top:10px}.marked-particles{position:absolute;inset:0}.marked-particle{position:absolute;width:8px;height:8px;background:gold;border-radius:50%;top:50%;left:50%;animation:particle-explode 1s ease-out forwards}.marked-particle:nth-child(1){animation-delay:0s}.marked-particle:nth-child(2){animation-delay:.1s}.marked-particle:nth-child(3){animation-delay:.2s}.marked-particle:nth-child(4){animation-delay:.3s}.marked-particle:nth-child(5){animation-delay:.4s}.marked-particle:nth-child(6){animation-delay:.5s}.marked-particle:nth-child(7){animation-delay:.6s}.marked-particle:nth-child(8){animation-delay:.7s}@keyframes particle-explode{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(calc((var(--i) * 100px) - 50px),calc((var(--j) * 100px) - 50px)) scale(0);opacity:0}}.marked-particle:nth-child(1){--i: 1;--j: 0}.marked-particle:nth-child(2){--i: 1;--j: 1}.marked-particle:nth-child(3){--i: 0;--j: 1}.marked-particle:nth-child(4){--i: -1;--j: 1}.marked-particle:nth-child(5){--i: -1;--j: 0}.marked-particle:nth-child(6){--i: -1;--j: -1}.marked-particle:nth-child(7){--i: 0;--j: -1}.marked-particle:nth-child(8){--i: 1;--j: -1}.compact-card{animation:card-deal .5s ease-out backwards}.compact-card:nth-child(1){animation-delay:0s}.compact-card:nth-child(2){animation-delay:.1s}.compact-card:nth-child(3){animation-delay:.2s}.compact-card:nth-child(4){animation-delay:.3s}.compact-card:nth-child(5){animation-delay:.4s}.compact-card:nth-child(6){animation-delay:.5s}.compact-card:nth-child(7){animation-delay:.6s}.compact-card:nth-child(8){animation-delay:.7s}.compact-card:nth-child(9){animation-delay:.8s}.compact-card:nth-child(10){animation-delay:.9s}@keyframes card-deal{0%{transform:translate(-200px) rotate(-15deg) scale(0);opacity:0}50%{transform:translate(0) rotate(5deg) scale(1.1);opacity:1}to{transform:translate(0) rotate(0) scale(1);opacity:1}}.grid-number.called{animation:number-3d-pop .6s ease-out}@keyframes number-3d-pop{0%{transform:scale(1) rotateY(0)}25%{transform:scale(1.3) rotateY(180deg)}50%{transform:scale(1.5) rotateY(360deg)}75%{transform:scale(1.3) rotateY(540deg)}to{transform:scale(1) rotateY(720deg)}}.gold-room.fade-out{animation:state-fade-out .5s ease-out forwards}.gold-room.fade-in{animation:state-fade-in .5s ease-out forwards}@keyframes state-fade-out{0%{opacity:1;filter:blur(0px)}to{opacity:.3;filter:blur(5px)}}@keyframes state-fade-in{0%{opacity:.3;filter:blur(5px)}to{opacity:1;filter:blur(0px)}}.column-counter{position:absolute;top:-30px;right:5px;background:#ffea0033;border:2px solid rgba(255,234,0,.6);border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#ffea00;box-shadow:0 0 10px #ffea0080}.grid-number.called:after{content:"";position:absolute;inset:-10px;border:3px solid currentColor;border-radius:50%;animation:ripple-strong 1s ease-out;opacity:0}@keyframes ripple-strong{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}.gold-room .card-price-tag{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 16px;background:linear-gradient(135deg,#ffd70040,#ffc10726);border:2px solid #FFD700;border-radius:12px;box-shadow:0 4px 15px #ffd70066,inset 0 2px 8px #fff3;gap:2px;font-family:Georgia,Times New Roman,serif}.gold-room .price-label{font-size:.75rem;font-weight:600;color:gold!important;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 8px rgba(255,215,0,.6)}.gold-room .price-amount{font-size:1.1rem;font-weight:800;color:#000;background:linear-gradient(135deg,gold,#ffc107);padding:4px 12px;border-radius:8px;border:2px solid #DAA520;text-shadow:none;letter-spacing:1px;box-shadow:0 0 15px #ffd70099,inset 0 1px 2px #ffffff4d}.gold-room .grid-number{background:linear-gradient(135deg,#ffeb3b,#ffc107)!important;color:#1a1a00!important;font-family:Georgia,Times New Roman,serif!important;font-weight:600!important;border:1px solid rgba(255,215,0,.5)!important;box-shadow:0 2px 8px #00000026,inset 0 1px 3px #fff6!important}.gold-room .grid-number.called{background:linear-gradient(135deg,#ffb300,#ff8f00)!important;color:#000!important;border-color:gold!important;border-width:3px!important;box-shadow:0 0 25px #ffb300,0 0 40px #ffd700cc,0 4px 12px #0000004d,inset 0 2px 8px #ffffff80!important;font-weight:900!important}.gold-room .column-letter{background:linear-gradient(135deg,#ffc107,gold)!important;color:#1a1a00!important;font-family:Georgia,Times New Roman,serif!important;font-weight:700!important;border:2px solid rgba(255,215,0,.7)!important;box-shadow:0 3px 10px #0003,inset 0 2px 5px #ffffff80!important}.gold-room .grid-title{color:gold!important;text-shadow:0 0 15px rgba(255,215,0,.8),0 0 30px rgba(255,193,7,.4)!important;font-family:Georgia,Times New Roman,serif!important}.gold-room .grid-glow{background:linear-gradient(135deg,#ffd7004d,#ffc10733,#ffeb3b4d)!important;box-shadow:0 0 40px #ffd70080,inset 0 0 30px #fff3!important}.gold-room .number-glow-ring{border:2px solid #FFD700!important;box-shadow:0 0 20px #ffd700cc,inset 0 0 15px #fff6!important}.gold-room .grid-row .grid-column{border:2px solid rgba(255,215,0,.6)!important;box-shadow:0 0 20px #ffd70066,inset 0 0 20px #ffd7001a!important}.gold-room .grid-row .column-letter{border:1px solid rgba(255,215,0,.6)!important;color:gold!important}.gold-room .grid-row .grid-number{border:1px solid rgba(255,215,0,.4)!important;box-shadow:0 0 10px #ffd70033!important}.gold-room .grid-row .grid-number.called{border:2px solid rgba(255,215,0,.8)!important}@keyframes ripple-wave-gold{0%{box-shadow:0 0 #ffd70099}to{box-shadow:0 0 0 30px #ffd70000}}.gold-room .grid-row .grid-number.recent{animation:recentPulse 1s ease-in-out,ripple-wave-gold .8s ease-out!important}.gold-room .sidebar-container{background:linear-gradient(180deg,#ffd70026,#ffc1071a)!important;border-left:2px solid rgba(255,215,0,.4)!important;box-shadow:-4px 0 20px #0000004d,inset 0 0 30px #ffd7001a!important}.gold-room .sidebar-title{color:gold!important;text-shadow:0 0 12px rgba(255,215,0,.7),0 0 20px rgba(255,193,7,.3)!important;font-family:Georgia,Times New Roman,serif!important}.gold-room .player-cards-section{background:#140f00cc!important;border:2px solid rgba(255,215,0,.5)!important;box-shadow:0 4px 20px #ffd7004d,inset 0 2px 10px #ffd7001a!important}.gold-room .cards-title{color:gold!important;text-shadow:0 0 15px rgba(255,215,0,.8)!important}.gold-room .cards-count{background:#ffd70026!important;border:1px solid rgba(255,215,0,.4)!important;color:#ffc107!important}.gold-room .compact-card{background:#0f0c00f2!important;border:2px solid rgba(255,215,0,.5)!important}.gold-room .compact-card:hover{border-color:#ffd700e6!important;box-shadow:0 10px 30px #ffd70099,0 0 40px #ffd70066!important}.gold-room .acrylic-sphere{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,215,0,.25),transparent)!important;border:4px solid rgba(255,215,0,.6)!important;box-shadow:0 0 60px #ffd700b3,0 0 100px #ffd70066,inset 0 0 80px #ffd7004d!important}.gold-room .led-ring{background:linear-gradient(#000,#000) padding-box,linear-gradient(45deg,gold,#ffa000,gold) border-box!important}.gold-room .machine-top-led{background:linear-gradient(to right,transparent,rgba(255,215,0,.9) 50%,transparent)!important;box-shadow:0 0 25px #ffd700cc!important}.gold-room .floating-ball{border:3px solid rgba(255,215,0,.7)!important;box-shadow:0 0 20px #ffd70099,0 5px 15px #00000080,inset 0 -5px 10px #0000004d,inset 0 5px 10px #ffffff4d!important}.gold-room .sidebar-toggle-btn{background:#ffd70033!important;border:2px solid rgba(255,215,0,.6)!important;color:gold!important;box-shadow:0 0 20px #ffd70066!important}.gold-room .sidebar-toggle-btn:hover{background:#ffd7004d!important;border-color:gold!important;box-shadow:0 0 30px #ffd700cc!important}.gold-room .player-sidebar{border-right:3px solid rgba(255,215,0,.5)!important;box-shadow:5px 0 30px #ffd7004d!important}.gold-room .player-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,gold,#ffa000)!important}.gold-room .sidebar-header{border-bottom:2px solid rgba(255,215,0,.3)!important}.gold-room .sidebar-title{color:gold!important;text-shadow:0 0 15px rgba(255,215,0,.6)!important}.gold-room .sidebar-close-btn{color:gold!important;border:2px solid rgba(255,215,0,.3)!important}.gold-room .sidebar-close-btn:hover{background:#ffd70033!important;border-color:#ffd70099!important;color:#fff!important}.gold-room .sidebar-section-header{color:gold!important;border-bottom:2px solid rgba(255,215,0,.3)!important}.gold-room .sidebar-item{border:1px solid rgba(255,215,0,.2)!important}.gold-room .sidebar-item:hover{background:#ffd7001a!important;border-color:#ffd70066!important}.gold-room .sidebar-icon,.gold-room .sidebar-label{color:gold!important}.gold-room .sidebar-value{color:#fff!important}.gold-room .sidebar-actions button{background:linear-gradient(135deg,#ffd70033,#ffa00033)!important;border:2px solid rgba(255,215,0,.4)!important;color:gold!important}.gold-room .sidebar-actions button:hover{background:linear-gradient(135deg,#ffd7004d,#ffa0004d)!important;border-color:#ffd70099!important;box-shadow:0 0 20px #ffd70080!important}.gold-room .right-section{background:transparent!important;border:none!important;box-shadow:none!important}.gold-room .side-info{background:transparent!important;padding:10px!important;border-radius:12px!important;box-shadow:none!important}.gold-room .modern-bingo-machine{background:#000c!important;padding:15px!important;border-radius:12px!important;box-shadow:0 0 25px #ffd70059,inset 0 0 30px #ffd70014!important}.gold-room .grid-row .column-letter{color:#000!important;background:linear-gradient(180deg,gold,#ffc107)!important;text-shadow:none!important;font-weight:900!important}.ready-modal-overlay{position:fixed;inset:0;background:#000000e6;backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:modal-fade-in .3s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.ready-modal-content{background:linear-gradient(135deg,#1a1a2e,#0f0f1e);border:3px solid #00ffff;border-radius:20px;padding:40px 30px;max-width:500px;width:90%;text-align:center;box-shadow:0 0 30px #00ffff80,0 0 60px #ff00ff4d,inset 0 0 50px #00ffff1a;animation:modal-scale-in .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}@keyframes modal-scale-in{0%{transform:scale(.7) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.ready-modal-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.3),transparent);animation:modal-shimmer 3s ease-in-out infinite}@keyframes modal-shimmer{0%,to{left:-100%}50%{left:100%}}.ready-modal-icon{font-size:80px;margin-bottom:20px;animation:modal-icon-bounce 1s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,215,0,.8))}@keyframes modal-icon-bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(10deg)}}.ready-modal-title{font-size:48px;font-weight:900;color:#0ff;margin:0 0 15px;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 20px rgba(0,255,255,1),0 0 40px rgba(0,255,255,.5),0 0 60px rgba(255,0,255,.3);animation:modal-title-glow 2s ease-in-out infinite}@keyframes modal-title-glow{0%,to{text-shadow:0 0 20px rgba(0,255,255,1),0 0 40px rgba(0,255,255,.5),0 0 60px rgba(255,0,255,.3)}50%{text-shadow:0 0 30px rgba(0,255,255,1),0 0 60px rgba(0,255,255,.8),0 0 90px rgba(255,0,255,.5)}}.ready-modal-subtitle{font-size:20px;color:#fff;margin:0 0 30px;opacity:.9;font-weight:600}.ready-modal-countdown{background:#0006;border:2px solid rgba(0,255,255,.3);border-radius:15px;padding:25px 20px;margin:30px 0 0}.ready-modal-countdown-label{font-size:18px;color:#0ff;margin:0 0 15px;font-weight:700;text-transform:uppercase;letter-spacing:2px}.gold-modal{border-color:gold!important;box-shadow:0 0 30px #ffd70080,0 0 60px #ffc1074d,inset 0 0 50px #ffd7001a!important}.gold-modal .ready-modal-title{color:gold!important;text-shadow:0 0 20px rgba(255,215,0,1),0 0 40px rgba(255,215,0,.5),0 0 60px rgba(255,193,7,.3)!important}.gold-modal .ready-modal-countdown{border-color:#ffd7004d!important}.gold-modal .ready-modal-countdown-label{color:gold!important}.winner-celebration-overlay{position:fixed;inset:0;background:#000000f2;backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fade-in .3s ease-out}.celebration-content{text-align:center;position:relative;z-index:10000;max-width:90vw;animation:bounce-in .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.felicitaciones-pulse{font-size:4rem;font-weight:900;color:gold;text-shadow:0 0 20px rgba(255,215,0,1),0 0 40px rgba(255,215,0,.8),0 0 60px rgba(255,215,0,.6);margin-bottom:1rem;animation:pulse-glow 1.5s ease-in-out infinite;letter-spacing:.1em;text-transform:uppercase}@keyframes pulse-glow{0%,to{transform:scale(1);text-shadow:0 0 20px rgba(255,215,0,1),0 0 40px rgba(255,215,0,.8),0 0 60px rgba(255,215,0,.6)}50%{transform:scale(1.05);text-shadow:0 0 30px rgba(255,215,0,1),0 0 60px rgba(255,215,0,1),0 0 90px rgba(255,215,0,.8)}}.celebration-subtitle{font-size:1.8rem;color:gold;margin-bottom:2rem;text-shadow:0 0 15px rgba(255,215,0,.8);font-weight:600}.celebration-card-display{display:flex;justify-content:center;margin-top:2rem;filter:drop-shadow(0 0 30px rgba(255,215,0,.8))}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:9998}.confetti{position:absolute;width:10px;height:10px;animation:confetti-fall 3s linear infinite;top:-10px}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@media (max-width: 768px){.felicitaciones-pulse{font-size:2.5rem}.celebration-subtitle{font-size:1.3rem}}.streak-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999}.streak-content{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #ffd700;border-radius:24px;padding:2rem;width:90%;max-width:800px;text-align:center;box-shadow:0 0 50px #ffd70033}.streak-header h2{color:gold;font-family:Outfit,sans-serif;font-size:2.5rem;margin-bottom:.5rem;text-transform:uppercase;text-shadow:0 0 10px rgba(255,215,0,.5)}.streak-header p{color:#a0a0a0;font-size:1.1rem;margin-bottom:2rem}.streak-days-container{display:flex;justify-content:space-between;gap:1rem;margin-bottom:2.5rem;overflow-x:auto;padding:1rem 0}.streak-day-card{background:#ffffff0d;border-radius:12px;padding:1rem;flex:1;min-width:80px;display:flex;flex-direction:column;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.1);position:relative;transition:all .3s ease}.streak-day-card.active{background:#ffd7001a;border-color:gold}.streak-day-card.today{transform:scale(1.1);box-shadow:0 0 20px #ffd7004d;z-index:2;background:linear-gradient(180deg,#ffd70033,#0000)}.day-label{color:#888;font-size:.9rem;font-weight:600}.streak-day-card.active .day-label{color:gold}.day-icon{font-size:2rem}.claim-btn{background:linear-gradient(90deg,gold,#fa0);border:none;border-radius:50px;padding:1rem 3rem;color:#000;font-weight:800;font-size:1.2rem;cursor:pointer;transition:transform .2s;text-transform:uppercase;box-shadow:0 0 20px #ffd70066}.claim-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #ffd70099}.pulse-ring{position:absolute;inset:0;border-radius:12px;border:2px solid #ffd700;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.15);opacity:0}}.membership-page{min-height:100vh;background:#0f0f13;background-image:radial-gradient(circle at 50% 0%,rgba(212,175,55,.15) 0%,transparent 50%),radial-gradient(circle at 85% 60%,rgba(76,175,80,.05) 0%,transparent 50%),linear-gradient(180deg,#0a0a0c,#15151a);color:#e0e0e0;padding:3rem 2rem;font-family:Montserrat,sans-serif;position:relative;overflow-x:hidden}.membership-header{text-align:center;margin-bottom:4rem;position:relative;z-index:10}.back-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#a0a0a0;padding:.6rem 1.2rem;border-radius:30px;cursor:pointer;display:flex;align-items:center;gap:.6rem;transition:all .3s ease;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px}.back-btn:hover{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.header-title-container{display:flex;justify-content:center;align-items:center;max-width:1000px;margin:0 auto;padding:0 2rem 2rem;gap:1.5rem;border-bottom:1px solid rgba(212,175,55,.2)}.title-club{font-family:Playfair Display,serif;font-size:3rem;background:linear-gradient(135deg,#fbf5b7,#bf953f,#aa771c,#bf953f,#fbf5b7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:4px;font-weight:700;line-height:1;filter:drop-shadow(0 0 10px rgba(212,175,55,.4));background-size:200% auto;animation:gold-text-flow 4s ease-in-out infinite}.title-logo-img{height:90px;width:auto;filter:drop-shadow(0 0 15px rgba(212,175,55,.6));animation:logo-shine 4s ease-in-out infinite}@keyframes logo-shine{0%{filter:drop-shadow(0 0 15px rgba(212,175,55,.6)) brightness(1);transform:scale(1)}50%{filter:drop-shadow(0 0 30px rgba(212,175,55,.9)) brightness(1.2);transform:scale(1.05)}to{filter:drop-shadow(0 0 15px rgba(212,175,55,.6)) brightness(1);transform:scale(1)}}@keyframes gold-text-flow{0%{background-position:0% 50%;filter:drop-shadow(0 0 10px rgba(212,175,55,.4));transform:scale(1)}50%{background-position:100% 50%;filter:drop-shadow(0 0 20px rgba(212,175,55,.8));transform:scale(1.05)}to{background-position:0% 50%;filter:drop-shadow(0 0 10px rgba(212,175,55,.4));transform:scale(1)}}.title-vip{font-family:Playfair Display,serif;font-size:3.5rem;background:linear-gradient(135deg,#fbf5b7,#bf953f,#aa771c,#bf953f,#fbf5b7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:5px;filter:drop-shadow(0 0 10px rgba(212,175,55,.4));background-size:200% auto;animation:gold-text-flow 4s ease-in-out infinite}.shining-text{color:#fff;font-size:1.4rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;margin-top:1.5rem;text-align:center;text-shadow:0 0 15px rgba(255,255,255,.4);animation:text-shine-blink 4s ease-in-out infinite}@keyframes text-shine-blink{0%{opacity:.7;transform:scale(1)}50%{opacity:1;text-shadow:0 0 25px rgba(255,215,0,.7);transform:scale(1.02)}to{opacity:.7;transform:scale(1)}}.plans-container{display:flex;justify-content:center;gap:2rem;max-width:1400px;margin:0 auto;flex-wrap:wrap;align-items:stretch}.plan-card{flex:1;min-width:320px;max-width:380px;height:auto;min-height:520px;background:linear-gradient(160deg,#141419f2,#0a0a0cfa);border-radius:12px;padding:0;position:relative;transition:all .4s cubic-bezier(.25,.8,.25,1);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080;backdrop-filter:blur(10px)}.plan-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #000000b3}.card-content-wrapper{padding:2rem;flex-grow:1;display:flex;flex-direction:column}.separator-line{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);width:100%;margin:1rem 0 1.5rem}.tier-bronze{border-top:4px solid #CD7F32;background:linear-gradient(180deg,#cd7f320d,#0000 40%)}.tier-bronze:hover{box-shadow:0 20px 60px #cd7f3233;border-color:#e8a66a}.tier-bronze h2{color:#cd7f32;text-shadow:0 0 15px rgba(205,127,50,.4)}.tier-bronze .price{color:#fff}.tier-silver{border-top:4px solid #E0E0E0;background:linear-gradient(180deg,#e0e0e00d,#0000 40%)}.tier-silver:hover{box-shadow:0 20px 60px #e0e0e033;border-color:#fff}.tier-silver h2{color:#e0e0e0;text-shadow:0 0 15px rgba(224,224,224,.4)}.tier-silver .price{color:#fff}.tier-gold{border:1px solid rgba(255,215,0,.4);border-top:4px solid #FFD700;background:linear-gradient(160deg,#1e190af2,#0a0a05fa);z-index:2}.tier-gold:hover{transform:translateY(-10px);box-shadow:0 0 50px #ffd70033;border-color:gold}.tier-gold h2{background:linear-gradient(to right,#fbf5b7,#d4af37,#aa771c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.tier-gold .price{color:gold}.tier-ambassador{border:2px solid rgba(16,185,129,.4);border-top:4px solid #10b981;background:linear-gradient(160deg,#064e3be6,#022c22f2);box-shadow:0 10px 40px #10b9811a}.tier-ambassador:hover{transform:translateY(-10px);box-shadow:0 0 50px #10b98133;border-color:#10b981}.tier-ambassador h2{background:linear-gradient(to right,#6ee7b7,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.tier-ambassador .price{color:#10b981}.highlight-emerald{background:#10b9811a;border:1px dashed #10b981;padding:10px;border-radius:8px;animation:glow-emerald 3s infinite}@keyframes glow-emerald{0%,to{box-shadow:0 0 5px #10b98133}50%{box-shadow:0 0 15px #10b98166}}.card-header{text-align:center;display:flex;flex-direction:column;gap:.5rem}.card-header:after{content:"";display:block;width:40px;height:1px;background:#fff3;margin:1.5rem auto 0}.tier-icon{font-size:2.5rem;margin-bottom:1rem;filter:drop-shadow(0 5px 15px rgba(0,0,0,.5))}.card-header h2.tier-name{font-family:Playfair Display,serif;font-size:1.8rem;margin:0;letter-spacing:2px;font-weight:700;text-transform:uppercase;order:1}.tier-price-container{order:2;width:100%;margin-top:.5rem}.price{font-size:2.8rem;font-weight:400;font-family:Montserrat,sans-serif;display:inline-block}.period{font-size:.9rem;color:#888;text-transform:uppercase;font-weight:600;margin-left:5px}.benefits-list{flex-grow:1;display:flex;flex-direction:column;gap:1.8rem;margin-bottom:3rem}.benefit-row{display:flex;gap:1rem;align-items:flex-start}.benefit-row .icon{margin-top:4px;font-size:1rem;opacity:.8}.benefit-row strong{display:block;font-size:1rem;font-weight:600;margin-bottom:3px;color:#f0f0f0;letter-spacing:.5px}.benefit-row .subtext{font-size:.8rem;color:#888;line-height:1.4;display:block}.subscribe-btn{width:100%;padding:1.2rem;border:none;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .3s ease;position:relative;border-radius:6px;margin-top:auto;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);overflow:hidden}.tier-bronze .subscribe-btn{background:#cd7f32;color:#1a0f00;box-shadow:0 0 15px #cd7f324d}.tier-bronze .subscribe-btn:hover{background:#fff;color:#c97226;box-shadow:0 0 20px #cd7f32cc,0 0 40px #cd7f3266}.tier-silver .subscribe-btn{background:#e0e0e0;color:#222;box-shadow:0 0 15px #e0e0e04d}.tier-silver .subscribe-btn:hover{background:#fff;box-shadow:0 0 20px #e0e0e0cc,0 0 40px #e0e0e066}.tier-gold .subscribe-btn{background:linear-gradient(135deg,gold,#fa0);color:#000;box-shadow:0 0 20px #ffd70066}.tier-gold .subscribe-btn:hover{background:linear-gradient(135deg,#ffe066,#fc0);box-shadow:0 0 30px #ffd700e6,0 0 60px #ffd70080;transform:scale(1.02)}@keyframes gold-shine{0%{background-position:0% 50%}to{background-position:100% 50%}}.message-banner{max-width:600px;margin:0 auto 2rem;padding:1rem 2rem;border-radius:4px;text-align:center;font-weight:600;letter-spacing:.5px}.message-banner.success{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50}.message-banner.error{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336}.current-subscription-panel{max-width:800px;margin:0 auto}.current-subscription-panel h2{text-align:center;font-family:Playfair Display,serif;margin-bottom:2rem;color:#aa771c}.active-plan-card{background:#0a0a0ccc;border:1px solid rgba(255,215,0,.2);border-radius:4px;padding:2.5rem;display:flex;align-items:center;gap:3rem;box-shadow:0 0 50px #d4af370d}.active-plan-card .tier-icon{font-size:4rem}.active-plan-card h3{font-size:2rem;margin:0 0 .5rem;font-family:Playfair Display,serif;color:#fff}.active-plan-card .plan-status span{color:#4caf50;font-weight:800;letter-spacing:1px}.cancel-btn{border:1px solid #d32f2f;background:transparent;color:#ef5350;padding:.8rem 1.5rem;text-transform:uppercase;font-weight:700;font-size:.8rem;letter-spacing:1px;margin-top:1rem;cursor:pointer;transition:all .3s}.cancel-btn:hover{background:#d32f2f;color:#fff}.membership-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:#d4a574}.membership-header{text-align:center;margin-bottom:3rem;position:relative}.back-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.back-btn:hover{background:#fff3}.membership-header h1{font-size:3rem;background:linear-gradient(135deg,gold,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;text-shadow:0 4px 10px rgba(255,215,0,.3)}.membership-header p{color:#aaa;margin-top:.5rem;font-size:1.2rem}.plans-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1800px;margin:0 auto}.plan-card{background:#ffffff0d;border-radius:20px;padding:1.5rem;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.ambassador-banner{position:absolute;top:45px;right:-75px;background:linear-gradient(90deg,#10b981,#059669);color:#fff;width:300px;padding:10px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;transform:rotate(45deg);box-shadow:0 4px 15px #0006;z-index:10;text-align:center}.ambassador-banner span{font-size:.8rem;font-weight:800;letter-spacing:1px}.ambassador-banner .x-mark{font-size:1.1rem;color:#fbbf24;margin:2px 0}.plan-card:hover{transform:translateY(-10px)}.tier-bronze{border-color:#cd7f32;box-shadow:0 0 30px #cd7f3233}.tier-bronze:hover{box-shadow:0 0 50px #cd7f3280;transform:translateY(-10px)}.tier-bronze .tier-icon{color:#cd7f32;filter:drop-shadow(0 0 10px rgba(205,127,50,.6));animation:bronze-pulse 3s infinite}.tier-bronze .subscribe-btn{background:linear-gradient(135deg,#cd7f32,#a05a2c)}@keyframes bronze-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(205,127,50,.6))}50%{transform:scale(1.1);filter:drop-shadow(0 0 20px rgba(205,127,50,.9))}}.tier-silver{border-color:silver;box-shadow:0 0 30px #c0c0c033}.tier-silver:hover{box-shadow:0 0 50px #c0c0c080;transform:translateY(-10px)}.tier-silver .tier-icon{color:silver;text-shadow:0 0 10px rgba(192,192,192,.6);animation:silver-pulse 3s infinite}.tier-silver .subscribe-btn{background:linear-gradient(135deg,#e0e0e0,#a0a0a0);color:#333}@keyframes silver-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(192,192,192,.6))}50%{transform:scale(1.1);filter:drop-shadow(0 0 20px rgba(192,192,192,.9))}}.tier-gold{border-color:gold;background:linear-gradient(180deg,#ffd7000d,#0000);box-shadow:0 0 40px #ffd70040}.tier-gold:hover{box-shadow:0 0 70px #ffd70099;transform:scale(1.03) translateY(-10px)}.tier-gold .tier-icon{color:gold;filter:drop-shadow(0 0 15px rgba(255,215,0,.8));animation:gold-pulse 2s infinite}.tier-gold .subscribe-btn{background:linear-gradient(135deg,gold,#ff8c00);color:#000;font-weight:800;box-shadow:0 4px 15px #ffd7004d}.tier-ambassador{border-color:#10b981;background:linear-gradient(180deg,#10b9810d,#0000);box-shadow:0 0 40px #10b98140;border-top:4px solid #10B981}.tier-ambassador:hover{box-shadow:0 0 70px #10b98199;transform:scale(1.03) translateY(-10px)}.tier-ambassador .tier-icon{color:#10b981;filter:drop-shadow(0 0 15px rgba(16,185,129,.8));animation:ambassador-pulse 2s infinite}.tier-ambassador .subscribe-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:800;box-shadow:0 4px 15px #10b9814d}@keyframes ambassador-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(16,185,129,.8))}50%{transform:scale(1.1);filter:drop-shadow(0 0 20px rgba(16,185,129,1))}}.tier-icon.ambassador{color:#10b981;filter:drop-shadow(0 0 15px rgba(16,185,129,.6))}@keyframes gold-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}50%{transform:scale(1.1);filter:drop-shadow(0 0 20px rgba(255,215,0,1))}}.card-header{text-align:center;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.tier-icon{font-size:2.5rem;margin-bottom:.5rem;display:block;margin:0 auto .5rem}.card-header h2{font-size:1.6rem;margin:0 0 .25rem;text-transform:uppercase;letter-spacing:2px}.price{font-size:2.2rem;font-weight:700}.period{font-size:.9rem;color:#aaa;font-weight:400}.benefits-list{flex-grow:1;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.benefit-row{display:flex;align-items:flex-start;gap:1rem}.benefit-row .icon{color:#4ade80;font-size:1.2rem;margin-top:3px}.tier-bronze .benefit-row .icon{color:#cd7f32}.tier-silver .benefit-row .icon{color:silver}.tier-gold .benefit-row .icon{color:gold}.benefit-row div{display:flex;flex-direction:column}.benefit-row strong{font-size:1.1rem;margin-bottom:2px}.benefit-row .subtext{font-size:.9rem;color:#888}.subscribe-btn{width:100%;padding:1rem;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s}.countdown-container{margin:1.5rem 0;padding:1.2rem;background:linear-gradient(135deg,#ffd7000d,#141414cc);border-radius:12px;border:1px solid rgba(255,215,0,.2);text-align:center;box-shadow:inset 0 0 20px #00000080;position:relative;overflow:hidden}.countdown-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#FFD700,transparent);animation:scanline 3s infinite}@keyframes scanline{0%{transform:translate(-100%)}to{transform:translate(100%)}}.countdown-label{font-size:.9rem;color:#ccc;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.countdown-value{font-size:2.2rem;font-weight:800;color:gold;text-shadow:0 0 15px rgba(255,215,0,.4);font-family:Playfair Display,serif}.renew-btn{width:100%;margin-top:1.5rem;padding:1rem;border:none;border-radius:8px;background:linear-gradient(135deg,gold,#fa0);color:#000;font-weight:800;font-size:1.1rem;text-transform:uppercase;letter-spacing:2px;cursor:pointer;box-shadow:0 4px 15px #ffd70033;transition:all .3s ease;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}.renew-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066;background:linear-gradient(135deg,#ffe066,#fc0)}.subscribe-btn:disabled{opacity:.7;cursor:not-allowed}.subscribe-btn:hover:not(:disabled){transform:scale(1.02);filter:brightness(1.1)}.message-banner{padding:1rem;border-radius:8px;margin-bottom:2rem;text-align:center;font-weight:700}.message-banner.success{background:#4ade8033;color:#4ade80;border:1px solid #4ade80}.message-banner.error{background:#f8717133;color:#f87171;border:1px solid #f87171}.current-subscription-panel{max-width:600px;margin:0 auto;text-align:center}.active-plan-card{background:#ffffff0d;border-radius:15px;padding:2rem;display:flex;align-items:center;gap:2rem;text-align:left;border:1px solid rgba(255,255,255,.1)}.active-plan-card .tier-icon{font-size:4rem;margin:0}.active-plan-card .plan-details h3{margin:0 0 .5rem;font-size:1.8rem}.active-plan-card .plan-status span{color:#4ade80;font-weight:700}.cancel-btn{background:transparent;border:1px solid #f87171;color:#f87171;padding:.5rem 1rem;border-radius:6px;margin-top:1rem;cursor:pointer}.cancel-btn:hover{background:#f871711a}