:root{--card-primary-color: #22D3EE;--card-animation-class: none}.bingo-card{background:linear-gradient(135deg,#0f172ae6,#1e293be6);border:2px solid var(--card-primary-color);border-radius:12px;padding:1.5rem;aspect-ratio:1 / 1;display:flex;flex-direction:column;gap:1rem;cursor:pointer;position:relative;transition:all .3s ease;box-shadow:0 0 20px #22d3ee1a;overflow:hidden}.bingo-card.neon-glow{animation:neon-glow 2s ease-in-out infinite}.bingo-card.holographic{animation:holographic-shift 3s ease-in-out infinite}.bingo-card.cyberpunk{animation:cyberpunk-pulse 1.5s ease-in-out infinite}.bingo-card.diamond-sparkle{animation:diamond-sparkle 2.5s ease-in-out infinite}@keyframes neon-glow{0%,to{box-shadow:0 0 20px var(--card-primary-color);text-shadow:0 0 10px var(--card-primary-color)}50%{box-shadow:0 0 40px var(--card-primary-color);text-shadow:0 0 20px var(--card-primary-color)}}@keyframes holographic-shift{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}to{filter:hue-rotate(0deg)}}@keyframes cyberpunk-pulse{0%,to{border-color:var(--card-primary-color)}50%{border-color:#ff006e}}@keyframes diamond-sparkle{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.bingo-card.selected{border-color:#10b981;background:linear-gradient(135deg,#10b98126,#05966926);box-shadow:0 0 30px #10b98166;transform:scale(1.05)}.bingo-card.selected:before{content:"✓";position:absolute;top:10px;right:10px;background:#10b981;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem}.bingo-card.bingo{animation:bingo-win .5s ease-out;border-color:#fbbf24;background:linear-gradient(135deg,#fbbf2426,#f59e0b26)}@keyframes bingo-win{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.bingo-card.linea{animation:linea-win .5s ease-out;border-color:#10b981}@keyframes linea-win{0%{transform:rotate(0) scale(1)}50%{transform:rotate(2deg) scale(1.05)}to{transform:rotate(0) scale(1)}}.bingo-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #22d3ee4d}.win-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);animation:badge-pop .6s cubic-bezier(.175,.885,.32,1.275) forwards;font-size:1.5rem;font-weight:900;text-shadow:0 4px 15px rgba(0,0,0,.5);z-index:10}@keyframes badge-pop{0%{transform:translate(-50%,-50%) scale(0) rotate(-180deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0)}}.bingo-badge{color:#fbbf24;animation:bingo-badge-float 1s ease-in-out infinite;animation-delay:.6s}.linea-badge{color:#10b981;animation:linea-badge-float 1s ease-in-out infinite;animation-delay:.6s}@keyframes bingo-badge-float{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-55%) scale(1.1)}}@keyframes linea-badge-float{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-55%) scale(1.1)}}.card-number{font-size:.8rem;font-weight:700;color:var(--card-primary-color);text-align:right;text-shadow:0 2px 8px rgba(0,0,0,.3)}.probability-badge{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:20px;color:#fff;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #0006;display:flex;align-items:center;gap:4px;z-index:5;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);animation:probability-pulse 2s infinite ease-in-out}@keyframes probability-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.98)}}.card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;flex:1;background:#0000004d;padding:4px;border-radius:6px}.column{display:flex;flex-direction:column;gap:2px}.cell{background:#1e293bcc;border:1px solid var(--card-primary-color, #22D3EE);border-radius:4px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#cbd5e1;transition:all .3s ease;cursor:pointer;position:relative}.cell:hover{background:#22d3ee33;color:var(--card-primary-color, #22D3EE)}.cell.marked{background:var(--card-primary-color, #22D3EE);color:#0f172a;font-weight:900;box-shadow:inset 0 0 8px #0000004d,0 0 12px #22d3ee80;animation:cell-mark .3s ease-out}@keyframes cell-mark{0%{transform:scale(1.2) rotate(5deg)}50%{transform:scale(.95)}to{transform:scale(1) rotate(0)}}.cell.free{background:linear-gradient(135deg,#22d3ee4d,#8b5cf64d);color:#a78bfa;font-size:1rem;font-weight:900;border:2px dashed var(--card-primary-color, #22D3EE)}.cell.free.marked{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:2px solid #A78BFA}.skin-indicator{position:absolute;bottom:8px;right:8px;background:#22d3ee33;color:var(--card-primary-color, #22D3EE);padding:.25rem .5rem;border-radius:4px;font-size:.6rem;font-weight:600;white-space:nowrap;opacity:.7;border:1px solid rgba(34,211,238,.4)}@media (max-width: 768px){.bingo-card{padding:1rem;gap:.75rem}.card-number{font-size:.7rem}.card-grid{gap:1px;padding:2px}.cell{font-size:.6rem;border-radius:2px}.win-badge{font-size:1rem}.cell.free{font-size:.8rem}}@media (max-width: 480px){.bingo-card{padding:.75rem;gap:.5rem}.card-grid{gap:.5px;padding:1px}.cell{font-size:.5rem}.skin-indicator{font-size:.5rem;padding:.2rem .4rem}}.bingo-card-90{aspect-ratio:16 / 9}.card-grid-90{display:flex;flex-direction:column;gap:3px;background:#0000004d;padding:4px;border-radius:6px;flex:1}.card-row{display:grid;grid-template-columns:repeat(9,1fr);gap:3px}.card-grid-90 .cell{background:#1e293bcc;border:1px solid var(--card-primary-color, #22D3EE);border-radius:4px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#cbd5e1;transition:all .3s ease;cursor:pointer;position:relative}.card-grid-90 .cell.empty{background:#0f172a80;border:1px dashed rgba(100,116,139,.3);cursor:default}.card-grid-90 .cell.empty:hover{background:#0f172a80}.card-grid-90 .cell:hover:not(.empty){background:#22d3ee33;color:var(--card-primary-color, #22D3EE)}.card-grid-90 .cell.marked{background:var(--card-primary-color, #22D3EE);color:#0f172a;font-weight:900;box-shadow:inset 0 0 8px #0000004d,0 0 12px #22d3ee80;animation:cell-mark .3s ease-out}@media (max-width: 768px){.bingo-card-90{padding:.8rem}.card-grid-90{gap:2px;padding:2px}.card-row{gap:2px}.card-grid-90 .cell{font-size:.55rem}}@media (max-width: 480px){.bingo-card-90{padding:.5rem}.card-grid-90{gap:1px;padding:1px}.card-row{gap:1px}.card-grid-90 .cell{font-size:.45rem}}.card-detail-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}.card-detail-modal{position:relative;animation:scaleIn .3s ease}.close-button{position:absolute;top:-15px;right:-15px;background:#f44;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;z-index:10001;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.close-button:hover{background:#c00;transform:rotate(90deg) scale(1.1)}.modal-card-container{background:#fff;border-radius:20px;overflow:hidden;width:560px;max-width:90vw}.modal-card-header{padding:20px;text-align:center}.sala-name{font-size:1.4rem;font-weight:700;letter-spacing:3px;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.card-serial{font-size:.85rem;letter-spacing:1.5px;opacity:.9;font-family:Courier New,monospace}.modal-card-grid{padding:24px;background:#fff}.modal-card-row{display:flex;gap:4px;margin-bottom:4px}.modal-card-row:last-child{margin-bottom:0}.modal-card-cell{flex:1;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:2px solid;border-radius:8px;font-weight:700;transition:all .2s;min-width:52px;min-height:52px;height:64px;max-height:80px}.modal-card-cell.filled{cursor:default}.modal-card-cell.empty{opacity:.7}.modal-cell-number{font-family:Arial Black,sans-serif;font-size:2.4rem}.modal-card-footer{padding:16px;font-size:1.2rem;font-weight:700;text-align:center;letter-spacing:4px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}@media (max-width: 768px){.modal-card-container{width:90vw;max-width:400px}.sala-name{font-size:1.1rem}.card-serial{font-size:.7rem}.modal-card-cell{min-width:36px;min-height:36px;height:44px}.modal-cell-number{font-size:1.6rem}.modal-card-footer{font-size:.9rem;padding:12px}}.modal-card-cell.filled:hover{transform:scale(1.05);box-shadow:0 0 10px #0003}.bingo-card-preview{background:#fff;border-radius:12px;overflow:hidden;transition:all .3s ease;width:280px;margin:10px;user-select:none}.bingo-card-preview:hover{transform:translateY(-5px)}.bingo-card-preview.selected{transform:translateY(-5px) scale(1.03);animation:subtle-glow 1.5s ease-in-out infinite;position:relative;z-index:100}@keyframes subtle-glow{0%,to{filter:brightness(1.05) saturate(1.1) drop-shadow(0 0 5px currentColor)}50%{filter:brightness(1.08) saturate(1.15) drop-shadow(0 0 8px currentColor)}}.card-serial-header{padding:6px 10px;font-size:.65rem;font-weight:600;text-align:center;letter-spacing:.8px;font-family:Courier New,monospace;transition:all .3s ease}.card-grid{padding:12px;background:#fff}.card-row{display:flex;gap:2px;margin-bottom:2px}.card-row:last-child{margin-bottom:0}.card-cell{flex:1;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid;border-radius:4px;font-weight:700;font-size:1.1rem;transition:all .2s;min-width:26px;min-height:26px;height:32px;max-height:40px}.card-cell.filled{font-size:1.2rem}.card-cell.empty{opacity:.7}.cell-number{font-family:Arial Black,sans-serif}.card-footer{padding:6px 12px;font-size:.7rem;font-weight:700;text-align:center;letter-spacing:2px}@media (max-width: 768px){.bingo-card-preview{width:100%;max-width:320px}.card-cell{font-size:.9rem;min-width:22px;min-height:22px}.card-cell.filled{font-size:1rem}}@keyframes pulse-border{0%,to{box-shadow:0 0 15px currentColor}50%{box-shadow:0 0 25px currentColor}}.card-cell.marked{background-color:#ffd70066!important;border:2px solid #FFD700!important;box-shadow:0 0 10px #ffd70099;animation:number-marked .5s ease-out;position:relative}@keyframes number-marked{0%{transform:scale(1);background-color:#ffd70033}50%{transform:scale(1.2);background-color:#ffd700cc}to{transform:scale(1);background-color:#ffd70066}}.card-cell.winning-line{background:linear-gradient(135deg,gold,orange,gold)!important;border:3px solid #FF4500!important;animation:line-pulse-glow 1.5s ease-in-out infinite;position:relative;z-index:10}.card-cell.winning-line:before{content:"";position:absolute;inset:-4px;background:linear-gradient(45deg,gold,orange,#ff4500,orange,gold);border-radius:6px;z-index:-1;animation:line-border-spin 3s linear infinite;opacity:.8}@keyframes line-pulse-glow{0%,to{box-shadow:0 0 15px #ffd700cc,0 0 30px #ffa50099,0 0 45px #ff450066,inset 0 0 15px #ffffff80;transform:scale(1)}50%{box-shadow:0 0 25px gold,0 0 50px #ffa500cc,0 0 75px #ff450099,inset 0 0 25px #ffffffb3;transform:scale(1.08)}}@keyframes line-border-spin{0%{background-position:0% 50%}to{background-position:200% 50%}}.card-cell.winning-line .cell-number{color:#fff!important;font-weight:900!important;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,255,255,.9);animation:text-pulse 1.5s ease-in-out infinite}@keyframes text-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.package-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}.package-modal{background:linear-gradient(145deg,#1a1a2efa,#0f0f1efa);border-radius:24px;width:90%;max-width:350px;max-height:85vh;overflow-y:auto;padding:14px 12px;position:relative;box-shadow:0 20px 60px #0009,0 0 80px #ffd70026;border:2px solid rgba(255,255,255,.1);animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{transform:translateY(50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.package-modal.theme-starter{border-color:#9333ea80;box-shadow:0 20px 60px #0009,0 0 80px #9333ea33}.package-modal.theme-bronze{border-color:#cd7f3280;box-shadow:0 20px 60px #0009,0 0 80px #cd7f3233}.package-modal.theme-silver{border-color:#c0c0c080;box-shadow:0 20px 60px #0009,0 0 80px #c0c0c033}.package-modal.theme-gold{border-color:#ffd70080;box-shadow:0 20px 60px #0009,0 0 80px #ffd70033}.close-btn{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;cursor:pointer;transition:all .3s ease;z-index:10}.close-btn:hover{background:#ff4d4dcc;transform:rotate(90deg)}.modal-title{text-align:center;color:#fff;font-size:18px;font-weight:700;margin-bottom:2px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.modal-subtitle{text-align:center;color:#ffffffb3;font-size:12px;margin-bottom:10px}.packages-container{display:flex;flex-direction:column;gap:8px}.package-option{position:relative;background:linear-gradient(135deg,#1e1e32e6,#141428e6);border:2px solid rgba(255,255,255,.15);border-radius:10px;padding:6px 10px;cursor:pointer;transition:all .3s ease;overflow:hidden;text-align:left}.package-option:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0006;border-color:#ffffff4d}.package-content{position:relative;z-index:2}.package-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.package-title{color:#fff;font-size:15px;font-weight:600;margin:0}.bonus-badge{display:flex;align-items:center;gap:6px;background:#ffd70033;color:gold;padding:1px 6px;border-radius:10px;font-size:11px;font-weight:700}.package-description{color:#fffc;font-size:12px;margin-bottom:6px}.package-breakdown{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;flex-wrap:wrap}.buy-amount{color:#3b82f6}.plus-sign{color:#ffffff80}.bonus-amount{color:#10b981}.equals-sign{color:#ffffff80}.total-amount{color:#fbbf24;font-size:12px}.vip-bonus-badge{margin-top:8px;padding:6px 12px;background:linear-gradient(135deg,gold,#ff8c00);border-radius:8px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#1a1a2e;box-shadow:0 2px 8px #ffd7004d;animation:vipPulse 2s ease-in-out infinite}.vip-icon{color:#1a1a2e;font-size:14px;animation:vipRotate 3s linear infinite}@keyframes vipPulse{0%,to{box-shadow:0 2px 8px #ffd7004d}50%{box-shadow:0 4px 16px #ffd70099}}@keyframes vipRotate{0%,90%,to{transform:rotate(0)}95%{transform:rotate(15deg)}}.package-glow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.package-option:hover .package-glow{opacity:1}.animation-level-0{border-color:#6464784d}.animation-level-0:hover{border-color:#64647899}.animation-level-1{animation:pulse-soft 3s ease-in-out infinite}.animation-level-1 .package-glow{background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.15),transparent)}.animation-level-1:hover{border-color:#3b82f699}@keyframes pulse-soft{0%,to{box-shadow:0 0 10px #3b82f633}50%{box-shadow:0 0 20px #3b82f666}}.animation-level-2{animation:pulse-medium 2.5s ease-in-out infinite}.animation-level-2 .package-glow{background:radial-gradient(circle at 50% 50%,rgba(16,185,129,.2),transparent)}.animation-level-2:hover{border-color:#10b981b3;box-shadow:0 12px 35px #10b9814d}@keyframes pulse-medium{0%,to{box-shadow:0 0 15px #10b9814d}50%{box-shadow:0 0 30px #10b98199}}.animation-level-3{animation:pulse-intense 2s ease-in-out infinite,shimmer 3s linear infinite;background:linear-gradient(135deg,#8b45134d,#b8860b4d,#daa5204d,#ffd7004d);background-size:200% 200%;border:3px solid;border-image:linear-gradient(45deg,gold,#ff8c00,gold) 1}.animation-level-3 .package-glow{background:radial-gradient(circle at 50% 50%,rgba(255,215,0,.3),transparent);animation:glow-rotate 2s linear infinite}.animation-level-3:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 15px 40px #ffd70080}.animation-level-3 .package-title{background:linear-gradient(90deg,gold,#ff8c00,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:text-shimmer 2s linear infinite}@keyframes pulse-intense{0%,to{box-shadow:0 0 20px #ffd70066,0 0 40px #ff8c0033}50%{box-shadow:0 0 40px #ffd700b3,0 0 60px #ff8c0066}}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes text-shimmer{0%{background-position:0% center}to{background-position:200% center}}.package-option.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;filter:grayscale(50%)}.package-option.disabled .package-title{text-decoration:line-through;color:#ffffff80}.package-disabled-overlay{position:absolute;bottom:0;left:0;right:0;background:#ff000026;padding:8px;text-align:center;color:#f44;font-size:13px;font-weight:600;border-top:1px solid rgba(255,0,0,.3);z-index:3}@media (max-width: 600px){.package-modal{width:95%;padding:24px 16px}.modal-title{font-size:22px}.package-title{font-size:14px}.package-breakdown{font-size:12px}.total-amount{font-size:14px}}.card-selection-lobby{position:fixed;inset:0;z-index:2000;background:linear-gradient(180deg,#0a0a0a,#1a1a2e);display:flex;flex-direction:column;overflow:hidden}.card-selection-lobby: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:.4}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.45}to{transform:translate(-50%,-50%) scale(1);opacity:.4}}.card-selection-lobby.loading,.card-selection-lobby.closed{display:flex;align-items:center;justify-content:center}.card-selection-lobby.loading .spinner{width:60px;height:60px;border:4px solid rgba(0,212,255,.2);border-top-color:#00d4ff;border-radius:50%;animation:spin 1s linear infinite}.card-selection-lobby.loading p{color:#00d4ff;font-size:1.2rem;margin-top:20px;text-align:center}.closed-message{text-align:center;padding:40px;max-width:500px;background:#000c;border:2px solid rgba(255,0,0,.5);border-radius:20px;backdrop-filter:blur(10px)}.closed-icon{font-size:4rem;color:#f44;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.closed-message h2{font-size:2rem;color:#fff;margin-bottom:15px}.closed-message p{color:#fffc;font-size:1.1rem;margin-bottom:10px}.closed-info{color:#00d4ff!important;font-weight:600;margin-top:20px}.selection-header{padding:20px 30px;border-bottom:2px solid rgba(0,212,255,.3);background:#00d4ff0d;backdrop-filter:blur(10px);position:relative;z-index:1}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-left{display:flex;align-items:center;gap:20px}.header-icon{font-size:3rem;color:#00d4ff;filter:drop-shadow(0 0 10px rgba(0,212,255,.8))}.header-info{display:flex;flex-direction:column;gap:5px}.header-title{font-size:2rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 15px rgba(0,212,255,.6)}.header-subtitle{font-size:1rem;color:#ffffffb3}.header-stats{display:flex;gap:30px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 20px;background:#0006;border:1px solid rgba(0,212,255,.3);border-radius:10px}.stat-item.time{border-color:#ffb84d80}.stat-icon{font-size:1.5rem;color:#00d4ff}.stat-item.time .stat-icon{color:#ffb84d}.stat-value{font-size:1.8rem;font-weight:700;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.6)}.stat-item.time .stat-value{color:#ffb84d;text-shadow:0 0 10px rgba(255,184,77,.6)}.stat-label{font-size:.8rem;color:#fff9;text-transform:uppercase;letter-spacing:1px}.drawing-status{border-color:#f44;background:#ff00001a}.drawing-indicator{display:flex;align-items:center;gap:12px}.drawing-dot{width:12px;height:12px;background:#f44;border-radius:50%;box-shadow:0 0 10px #f44;animation:blink 1s infinite}.drawing-text{font-size:1.2rem;font-weight:800;color:#f44;letter-spacing:1px;text-shadow:0 0 10px rgba(255,0,0,.4)}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.selection-counter{position:relative;z-index:1;padding:15px 20px;background:#0006;border:1px solid rgba(0,212,255,.3);border-radius:10px}.counter-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.counter-label{font-size:1rem;color:#fffc;font-weight:600}.counter-value{font-size:1.5rem;font-weight:700;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.6)}.counter-bonus{font-size:1rem;font-weight:600;color:#10b981;margin-left:12px;animation:bonusPulse 2s ease-in-out infinite}@keyframes bonusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.counter-bar{width:100%;height:8px;background:#0009;border-radius:10px;overflow:hidden;border:1px solid rgba(0,212,255,.3)}.counter-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#0ff);border-radius:10px;transition:width .3s ease;box-shadow:0 0 15px #00d4ffcc}.refresh-cards-container{display:flex;align-items:center;justify-content:center;gap:15px;padding:15px 30px;background:#0006;border-top:1px solid rgba(0,212,255,.2);position:relative;z-index:1}.refresh-cards-btn{padding:12px 30px;background:linear-gradient(135deg,#00d4ff,#0ff);color:#0a0a0a;border:none;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00d4ff66}.refresh-cards-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff99;background:linear-gradient(135deg,#0ff,#00d4ff)}.refresh-cards-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-cards-btn-starter{background:linear-gradient(135deg,#0f8,#00d4aa);box-shadow:0 4px 15px #0f86}.refresh-cards-btn-starter:hover:not(:disabled){background:linear-gradient(135deg,#00d4aa,#0f8);box-shadow:0 6px 20px #0f89}.refresh-cards-btn-bronze{background:linear-gradient(135deg,#ff6b00,#ff8c3a);color:#fff;box-shadow:0 4px 15px #ff6b0066}.refresh-cards-btn-bronze:hover:not(:disabled){background:linear-gradient(135deg,#ff8c3a,#ff6b00);box-shadow:0 6px 20px #ff6b0099}.refresh-cards-btn-silver{background:linear-gradient(135deg,silver,#e8e8e8);color:#0a0a0a;box-shadow:0 4px 15px #c0c0c066}.refresh-cards-btn-silver:hover:not(:disabled){background:linear-gradient(135deg,#e8e8e8,silver);box-shadow:0 6px 20px #c0c0c099}.refresh-cards-btn-gold{background:linear-gradient(135deg,gold,#ffed4e);color:#0a0a0a;box-shadow:0 4px 15px #ffd70066}.refresh-cards-btn-gold:hover:not(:disabled){background:linear-gradient(135deg,#ffed4e,gold);box-shadow:0 6px 20px #ffd70099}.total-available-text{color:#00d4ff;font-size:.9rem;opacity:.8}.cards-grid{flex:1;padding:30px;overflow-y:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:25px;align-content:start;position:relative;z-index:1}.cards-grid::-webkit-scrollbar{width:10px}.cards-grid::-webkit-scrollbar-track{background:#0000004d}.cards-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff,#f0f);border-radius:10px}.card-preview{background:#0009;border:2px solid rgba(0,212,255,.3);border-radius:15px;padding:15px;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(5px)}.card-preview:hover{border-color:#00d4ffcc;box-shadow:0 0 25px #00d4ff80;transform:translateY(-5px)}.card-preview.selected{border-color:#0f0;background:#00ff000d;box-shadow:0 0 8px #0f03}.card-preview.reserved{border-color:#ff000080;background:#ff00001a;opacity:.5;cursor:not-allowed}.card-preview.reserved:hover{transform:none;box-shadow:none}.card-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-serial{font-size:.95rem;font-weight:700;color:#00d4ff;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-check,.card-lock{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}.card-check{background:linear-gradient(135deg,#0f0,#0c0);color:#000;box-shadow:0 0 15px #0f0c;animation:check-pulse 1s ease-in-out infinite}@keyframes check-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.card-lock{background:#ff00004d;color:#f44;border:2px solid #ff4444}.card-preview-grid{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}.card-preview-row{display:grid;grid-template-columns:repeat(9,1fr);gap:3px}.card-preview-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#0006;border:1px solid rgba(0,212,255,.2)}.card-preview-cell.filled{background:#00d4ff33;border-color:#00d4ff80}.cell-num{font-size:1.125rem;font-weight:700;color:#fff}.card-preview-footer{text-align:center;padding-top:10px;border-top:1px solid rgba(0,212,255,.2)}.status-text{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.status-text.available{color:#fff9}.status-text.selected{color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.6)}.status-text.reserved{color:#f44}.selection-footer{padding:20px 30px;border-top:2px solid rgba(0,212,255,.3);background:#000c;display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:1}.selection-info{flex:1;text-align:center}.info-text{font-size:1.1rem;color:#00d4ff;font-weight:600}.btn-cancel,.btn-confirm{display:flex;align-items:center;gap:10px;padding:15px 30px;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;border:2px solid transparent}.btn-cancel{background:#f003;border-color:#ff000080;color:#f44}.btn-cancel:hover{background:#ff00004d;border-color:#f44;box-shadow:0 0 20px #ff000080;transform:translateY(-2px)}.btn-confirm{background:linear-gradient(135deg,#0f03,#00c80033);border-color:#00ff0080;color:#0f0}.btn-confirm:hover{background:linear-gradient(135deg,#00ff004d,#00c8004d);border-color:#0f0;box-shadow:0 0 25px #0f09;transform:translateY(-2px)}.btn-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-confirm:disabled:hover{box-shadow:none;transform:none}@media (max-width: 1024px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px;padding:20px}.header-content{flex-direction:column;gap:20px}}@media (max-width: 768px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;padding:15px}.selection-header{padding:15px}.header-title{font-size:1.5rem}.header-subtitle{font-size:.9rem}.selection-footer{flex-direction:column;gap:15px}.btn-back,.btn-confirm{width:100%;justify-content:center}}.card-selection-lobby.theme-starter{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.card-selection-lobby.theme-starter .selection-header{border-bottom:2px solid rgba(255,215,0,.4);background:linear-gradient(135deg,#ffd7000d,#ff8c000d)}.card-selection-lobby.theme-starter .header-icon{color:gold;filter:drop-shadow(0 0 15px rgba(255,215,0,.8));animation:gentle-pulse 3s ease-in-out infinite}@keyframes gentle-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(255,215,0,.8))}50%{transform:scale(1.05);filter:drop-shadow(0 0 25px rgba(255,215,0,1))}}.card-selection-lobby.theme-starter .header-title{background:linear-gradient(90deg,gold,#ff8c00,gold);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease infinite;text-shadow:none}@keyframes gradient-shift{0%,to{background-position:0% center}50%{background-position:100% center}}.card-selection-lobby.theme-starter .stat-item{border-color:#ffd70066;background:#ffd7000d}.card-selection-lobby.theme-starter .stat-icon{color:gold}.card-selection-lobby.theme-starter .stat-value{color:gold;text-shadow:0 0 15px rgba(255,215,0,.7)}.card-selection-lobby.theme-starter .selection-counter{border-color:#ffd70066;background:#ffd7000d}.card-selection-lobby.theme-starter .counter-value{color:gold;text-shadow:0 0 15px rgba(255,215,0,.7)}.card-selection-lobby.theme-starter .counter-fill{background:linear-gradient(90deg,gold,#ff8c00,gold);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;box-shadow:0 0 20px #ffd700cc}@keyframes shimmer{0%,to{background-position:0% center}50%{background-position:100% center}}.card-selection-lobby.theme-starter .info-text{color:gold}.btn-back{display:flex;align-items:center;gap:10px;padding:15px 30px;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;border:2px solid transparent;background:#6464644d;border-color:#96969680;color:#ccc}.btn-back:hover{background:#78787866;border-color:#ddd;color:#fff;box-shadow:0 0 20px #c8c8c866;transform:translateY(-2px)}.card-selection-lobby.theme-starter .btn-back{background:#ffd7001a;border-color:#ffd70066;color:gold}.card-selection-lobby.theme-starter .btn-back:hover{background:#ffd70033;border-color:gold;box-shadow:0 0 25px #ffd70080;transform:translateY(-2px)}.card-selection-lobby.theme-starter .btn-confirm{background:linear-gradient(135deg,#22c1c34d,#fdbb2d4d);border-color:#ffd70099;color:gold}.card-selection-lobby.theme-starter .btn-confirm:hover{background:linear-gradient(135deg,#22c1c380,#fdbb2d80);border-color:gold;box-shadow:0 0 30px #ffd700b3;transform:translateY(-2px)}.card-selection-lobby.theme-starter .closed-message{border-color:#ffd70080;background:#16213ef2}.card-selection-lobby.theme-starter .closed-icon{color:gold}.card-selection-lobby.theme-starter .closed-info{color:gold!important}.card-selection-lobby.theme-bronze{background:#1a0f0abf;backdrop-filter:blur(5px)}.card-selection-lobby.theme-bronze .selection-header{border-bottom:2px solid rgba(139,69,19,.5);background:linear-gradient(135deg,#8b45131a,#a0522d1a)}.card-selection-lobby.theme-bronze .header-icon{color:peru;filter:drop-shadow(0 0 15px rgba(205,133,63,.8));animation:bronze-pulse 3s ease-in-out infinite}@keyframes bronze-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(205,133,63,.8))}50%{transform:scale(1.05);filter:drop-shadow(0 0 25px rgba(205,133,63,1))}}.card-selection-lobby.theme-bronze .header-title{background:linear-gradient(90deg,peru,#d2691e,#b8860b,peru);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:bronze-gradient-shift 4s ease infinite;text-shadow:none}@keyframes bronze-gradient-shift{0%,to{background-position:0% center}50%{background-position:100% center}}.card-selection-lobby.theme-bronze .stat-item{border-color:#8b451380;background:#8b45131a}.card-selection-lobby.theme-bronze .stat-icon{color:peru}.card-selection-lobby.theme-bronze .stat-value{color:peru;text-shadow:0 0 15px rgba(205,133,63,.7)}.card-selection-lobby.theme-bronze .selection-counter{border-color:#8b451380;background:#8b45131a}.card-selection-lobby.theme-bronze .counter-value{color:peru;text-shadow:0 0 15px rgba(205,133,63,.7)}.card-selection-lobby.theme-bronze .counter-fill{background:linear-gradient(90deg,#8b4513,peru,#d2691e,#8b4513);background-size:200% 100%;animation:bronze-shimmer 3s ease-in-out infinite;box-shadow:0 0 20px #cd853fcc}@keyframes bronze-shimmer{0%,to{background-position:0% center}50%{background-position:100% center}}.card-selection-lobby.theme-bronze .info-text{color:peru}.card-selection-lobby.theme-bronze .btn-back{background:#8b451333;border-color:#a0522d80;color:peru}.card-selection-lobby.theme-bronze .btn-back:hover{background:#8b45134d;border-color:peru;box-shadow:0 0 25px #cd853f99;transform:translateY(-2px)}.card-selection-lobby.theme-bronze .btn-confirm{background:linear-gradient(135deg,#8b45134d,#cd853f4d);border-color:#cd853f99;color:peru}.card-selection-lobby.theme-bronze .btn-confirm:hover{background:linear-gradient(135deg,#8b451380,#cd853f80);border-color:peru;box-shadow:0 0 30px #cd853fcc;transform:translateY(-2px)}.card-selection-lobby.theme-bronze .btn-confirm:disabled{opacity:.4;cursor:not-allowed;transform:none}.card-selection-lobby.theme-bronze .btn-confirm:disabled:hover{box-shadow:none;transform:none}.card-selection-lobby.theme-bronze .closed-message{border-color:#cd853f80;background:#1d1810f2}.card-selection-lobby.theme-bronze .closed-icon{color:peru}.card-selection-lobby.theme-bronze .closed-info{color:peru!important}.card-selection-lobby.theme-silver{background:linear-gradient(180deg,#0a0a0a,#1a1a1a)}.card-selection-lobby.theme-silver .selection-header{border-bottom-color:#c0c0c04d;background:#c0c0c00d}.card-selection-lobby.theme-silver .header-icon{color:silver}.card-selection-lobby.theme-silver .header-title{background:linear-gradient(90deg,silver,#d3d3d3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-selection-lobby.theme-silver .header-subtitle{color:#c0c0c0cc}.card-selection-lobby.theme-silver .stat-icon{color:silver}.card-selection-lobby.theme-silver .stat-value{color:silver;text-shadow:0 0 10px rgba(192,192,192,.6)}.card-selection-lobby.theme-silver .stat-label{color:#c0c0c0b3}.card-selection-lobby.theme-silver .counter-label{color:silver}.card-selection-lobby.theme-silver .counter-value{color:silver;text-shadow:0 0 10px rgba(192,192,192,.8)}.card-selection-lobby.theme-silver .counter-fill{background:linear-gradient(90deg,silver,#d3d3d3);box-shadow:0 0 15px #c0c0c0cc}.card-selection-lobby.theme-silver .card-item{border-color:#c0c0c04d}.card-selection-lobby.theme-silver .card-item:hover{border-color:#c0c0c099;box-shadow:0 5px 20px #c0c0c04d}.card-selection-lobby.theme-silver .card-item.selected{border-color:silver;box-shadow:0 0 30px #c0c0c099}.card-selection-lobby.theme-silver .card-serial{color:silver}.card-selection-lobby.theme-silver .btn-back{background:linear-gradient(135deg,#c0c0c033,#a9a9a933);border-color:#c0c0c080;color:silver}.card-selection-lobby.theme-silver .btn-back:hover{background:linear-gradient(135deg,#c0c0c04d,#a9a9a94d);border-color:silver;box-shadow:0 0 30px #c0c0c099}.card-selection-lobby.theme-silver .btn-confirm{background:linear-gradient(135deg,#c0c0c04d,#d3d3d34d);border-color:#c0c0c099;color:silver}.card-selection-lobby.theme-silver .btn-confirm:hover{background:linear-gradient(135deg,#c0c0c080,#d3d3d380);border-color:silver;box-shadow:0 0 30px #c0c0c0cc}.card-selection-lobby.theme-silver .closed-message{border-color:#c0c0c080}.card-selection-lobby.theme-silver .closed-icon{color:silver}.card-selection-lobby.theme-silver .closed-info{color:silver!important}.card-selection-lobby.theme-gold{background:linear-gradient(180deg,#0a0a00,#1a1a00)}.card-selection-lobby.theme-gold .selection-header{border-bottom-color:#ffd7004d;background:#ffd7000d}.card-selection-lobby.theme-gold .header-icon{color:gold}.card-selection-lobby.theme-gold .header-title{background:linear-gradient(90deg,gold,#ffc107);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-selection-lobby.theme-gold .header-subtitle{color:#ffd700cc}.card-selection-lobby.theme-gold .stat-icon{color:gold}.card-selection-lobby.theme-gold .stat-value{color:gold;text-shadow:0 0 10px rgba(255,215,0,.6)}.card-selection-lobby.theme-gold .stat-label{color:#ffd700b3}.card-selection-lobby.theme-gold .counter-label{color:gold}.card-selection-lobby.theme-gold .counter-value{color:gold;text-shadow:0 0 10px rgba(255,215,0,.8)}.card-selection-lobby.theme-gold .counter-fill{background:linear-gradient(90deg,gold,#ffc107);box-shadow:0 0 15px #ffd700cc}.card-selection-lobby.theme-gold .card-item{border-color:#ffd7004d}.card-selection-lobby.theme-gold .card-item:hover{border-color:#ffd70099;box-shadow:0 5px 20px #ffd7004d}.card-selection-lobby.theme-gold .card-item.selected{border-color:gold;box-shadow:0 0 30px #ffd70099}.card-selection-lobby.theme-gold .card-serial{color:gold}.card-selection-lobby.theme-gold .btn-back{background:linear-gradient(135deg,#ffd70033,#ffa00033);border-color:#ffd70080;color:gold}.card-selection-lobby.theme-gold .btn-back:hover{background:linear-gradient(135deg,#ffd7004d,#ffa0004d);border-color:gold;box-shadow:0 0 30px #ffd70099}.card-selection-lobby.theme-gold .btn-confirm{background:linear-gradient(135deg,#ffd7004d,#ffc1074d);border-color:#ffd70099;color:gold}.card-selection-lobby.theme-gold .btn-confirm:hover{background:linear-gradient(135deg,#ffd70080,#ffc10780);border-color:gold;box-shadow:0 0 30px #ffd700cc}.card-selection-lobby.theme-gold .closed-message{border-color:#ffd70080}.card-selection-lobby.theme-gold .closed-icon{color:gold}.card-selection-lobby.theme-gold .closed-info{color:gold!important}.exit-warning-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:3000;backdrop-filter:blur(5px);animation:fadeIn .3s ease}.exit-warning-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ff6b6b;border-radius:20px;padding:40px;max-width:500px;width:90%;box-shadow:0 10px 40px #ff6b6b4d;animation:slideIn .3s ease;text-align:center}.warning-icon{font-size:4rem;margin-bottom:20px;animation:pulse 2s infinite}.exit-warning-modal h2{color:#ff6b6b;font-size:1.8rem;margin-bottom:20px;font-weight:700}.exit-warning-modal p{color:#e0e0e0;font-size:1.1rem;margin-bottom:15px;line-height:1.6}.exit-warning-modal strong{color:#00d4ff;font-weight:700}.warning-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.btn-cancel-exit,.btn-confirm-exit{padding:12px 30px;border:none;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.btn-cancel-exit{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 15px #4caf5066}.btn-cancel-exit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5099}.btn-confirm-exit{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;box-shadow:0 4px 15px #ff6b6b66}.btn-confirm-exit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b99}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.success-modal-overlay{position:fixed;inset:0;background:#000000e6;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.success-modal{background:linear-gradient(135deg,#1a1a2efa,#0a0a0afa);border-radius:24px;padding:50px 60px;text-align:center;box-shadow:0 25px 80px #000000f2,0 0 40px #00d4ff66;border:3px solid #00d4ff;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1);max-width:500px;min-width:400px}.success-modal-bronze{border-color:#b87333;box-shadow:0 25px 80px #000000f2,0 0 40px #b8733380}.success-modal-silver{border-color:silver;box-shadow:0 25px 80px #000000f2,0 0 40px #c0c0c080}.success-modal-gold{border-color:gold;box-shadow:0 25px 80px #000000f2,0 0 40px #ffd70080}.success-modal-starter{border-color:#00d4ff;box-shadow:0 25px 80px #000000f2,0 0 40px #00d4ff80}.success-icon{font-size:5rem;margin-bottom:20px;animation:bounce .6s ease}.success-modal h2{font-size:2.5rem;color:#fff;margin-bottom:20px;font-weight:900;text-shadow:0 0 20px rgba(255,255,255,.3)}.success-count{font-size:2rem;font-weight:700;margin-bottom:15px}.success-bonus{font-size:1.5rem;font-weight:600;color:#10b981;margin-bottom:10px;animation:bonusAppear .5s ease-out}@keyframes bonusAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-total{font-size:1.3rem;font-weight:600;color:#ffffffe6;margin-bottom:15px;padding:10px 20px;background:#ffffff1a;border-radius:10px;border:2px solid rgba(255,255,255,.2)}.success-modal-bronze .success-count{color:#d4a574;text-shadow:0 0 15px rgba(212,165,116,.6)}.success-modal-silver .success-count{color:#e8e8e8;text-shadow:0 0 15px rgba(232,232,232,.6)}.success-modal-gold .success-count{color:#ffed4e;text-shadow:0 0 15px rgba(255,237,78,.6)}.success-modal-starter .success-count{color:#00d4ff;text-shadow:0 0 15px rgba(0,212,255,.6)}.success-message{color:#fffc;font-size:1.2rem;margin-bottom:25px}.success-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.2);border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}.success-modal-bronze .success-spinner{border-top-color:#b87333}.success-modal-silver .success-spinner{border-top-color:silver}.success-modal-gold .success-spinner{border-top-color:gold}.success-modal-starter .success-spinner{border-top-color:#00d4ff}.gift-card-container{position:relative;animation:giftCardAppear .6s cubic-bezier(.34,1.56,.64,1)}@keyframes giftCardAppear{0%{transform:scale(.5) rotate(-10deg);opacity:0}60%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.gift-badge{position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;z-index:10;box-shadow:0 4px 12px #10b98180;animation:giftBadgePulse 2s ease-in-out infinite;text-transform:uppercase;letter-spacing:.5px}@keyframes giftBadgePulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #10b98180}50%{transform:scale(1.1);box-shadow:0 6px 16px #10b981cc}}.gift-card-container .bingo-card-preview{border:3px solid #10b981;box-shadow:0 0 20px #10b98166,0 8px 20px #0000004d;animation:giftGlow 2s ease-in-out infinite}@keyframes giftGlow{0%,to{box-shadow:0 0 20px #10b98166,0 8px 20px #0000004d}50%{box-shadow:0 0 30px #10b981b3,0 8px 25px #0006}}.gift-card-container .bingo-card-preview{cursor:default!important}.vip-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;margin-left:6px;box-shadow:0 2px 8px #0000004d;animation:badgePulse 3s ease-in-out infinite;position:relative;overflow:hidden}.vip-badge:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);animation:badgeShine 3s linear infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes badgeShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.vip-badge-icon{display:flex;align-items:center;font-size:12px;filter:drop-shadow(0 0 4px rgba(255,255,255,.5));position:relative;z-index:1}.vip-badge-label{position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.vip-badge-bronze{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff;border:1px solid rgba(205,127,50,.5)}.vip-badge-bronze .vip-badge-icon{color:gold}.vip-badge-silver{background:linear-gradient(135deg,silver,gray);color:#fff;border:1px solid rgba(192,192,192,.5)}.vip-badge-silver .vip-badge-icon{color:#e8e8e8}.vip-badge-gold{background:linear-gradient(135deg,gold,#ff8c00);color:#1a1a2e;border:1px solid rgba(255,215,0,.5);animation:badgePulseGold 2s ease-in-out infinite,badgeGlow 2s ease-in-out infinite}.vip-badge-gold .vip-badge-icon{color:#ff4500;animation:iconRotate 4s linear infinite}@keyframes badgePulseGold{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes badgeGlow{0%,to{box-shadow:0 2px 8px #ffd70066}50%{box-shadow:0 4px 16px #ffd700cc}}@keyframes iconRotate{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(0)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}.vip-badge-small{padding:2px 6px;font-size:9px;gap:3px}.vip-badge-small .vip-badge-icon{font-size:10px}.vip-badge-medium{padding:3px 8px;font-size:11px;gap:4px}.vip-badge-medium .vip-badge-icon{font-size:12px}.vip-badge-large{padding:5px 12px;font-size:13px;gap:6px}.vip-badge-large .vip-badge-icon{font-size:16px}.vip-badge-icon-only{padding:4px;border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.vip-badge-icon-only .vip-badge-icon{font-size:14px;margin:0}.vip-badge:hover{transform:scale(1.1);cursor:default}.chat-message .vip-badge{margin-left:4px;vertical-align:text-top}@media (max-width: 768px){.vip-badge{padding:2px 6px;font-size:9px}.vip-badge-icon{font-size:10px}}.particle-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:9998;width:0;height:0}.particle-burst{position:relative;width:100%;height:100%}.particle{position:absolute;top:0;left:0;border-radius:50%;animation:particle-burst 1.5s ease-out forwards;will-change:transform,opacity;box-shadow:0 0 4px currentColor}@keyframes particle-burst{0%{transform:translate(0) scale(1);opacity:1}50%{opacity:.8}to{transform:translate(calc(cos(var(--angle)) * 150px * var(--speed)),calc(sin(var(--angle)) * 150px * var(--speed))) scale(0);opacity:0}}.particle-burst:before{content:"";position:absolute;top:-10px;left:-10px;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8),transparent);animation:center-pulse .6s ease-out}@keyframes center-pulse{0%{transform:scale(0);opacity:1}to{transform:scale(3);opacity:0}}.particle-container[data-line-type=horizontal] .particle{animation-duration:1.2s}.particle-container[data-line-type=vertical] .particle{animation-duration:1.3s}.particle-container[data-line-type=diagonal] .particle{animation-duration:1.5s;box-shadow:0 0 8px currentColor}@media (prefers-reduced-motion: reduce){.particle{animation:particle-burst-simple 1s ease-out forwards}@keyframes particle-burst-simple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}}@media (max-width: 768px){@keyframes particle-burst{to{transform:translate(calc(cos(var(--angle)) * 100px * var(--speed)),calc(sin(var(--angle)) * 100px * var(--speed))) scale(0);opacity:0}}}.winner-notifications-stack{position:fixed;top:80px;right:20px;z-index:9000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.notification-card{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;min-width:320px;max-width:400px;pointer-events:all;animation:slideInRight .4s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s ease;position:relative;overflow:hidden}.notification-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-color)}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.notification-card.line{--accent-color: #4CAF50;border-left:4px solid var(--accent-color)}.notification-card.bingo{--accent-color: #FFD700;border-left:4px solid var(--accent-color);background:linear-gradient(135deg,#fff,#fffbf0)}.notification-card.success{--accent-color: #2196F3;border-left:4px solid var(--accent-color)}.notification-card.is-me{background:linear-gradient(135deg,#fff3cd,#ffe6a7);border:2px solid #FFD700;box-shadow:0 12px 40px #ffd70066;animation:slideInRight .4s cubic-bezier(.68,-.55,.265,1.55),glow 2s infinite}@keyframes glow{0%,to{box-shadow:0 12px 40px #ffd70066}50%{box-shadow:0 12px 50px #ffd70099}}.notification-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--accent-color);color:#fff;flex-shrink:0}.notification-card.bingo .notification-icon{background:linear-gradient(135deg,gold,orange);color:#333;animation:pulse 1.5s infinite}.notification-card.is-me .notification-icon{animation:spin 2s linear infinite,pulse 1.5s infinite}.notification-content{flex:1;min-width:0}.notification-title{font-size:15px;font-weight:600;color:#212529;margin:0 0 4px;line-height:1.3}.notification-card.is-me .notification-title{font-size:16px;color:#856404}.notification-prize{font-size:20px;font-weight:700;color:#28a745;margin:0}.notification-card.is-me .notification-prize{font-size:22px;color:#ff6b00;text-shadow:0 1px 2px rgba(0,0,0,.1)}.notification-close{background:transparent;border:none;cursor:pointer;padding:4px;color:#6c757d;transition:all .2s;border-radius:4px;flex-shrink:0}.notification-close:hover{background:#0000000d;color:#212529}.payment-form-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}.payment-form-modal{background:#fff;border-radius:20px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:scaleIn .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid #f8f9fa;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.modal-header h2{margin:0;font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.btn-close-modal{background:#fff3;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s}.btn-close-modal:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:24px}.prize-display{background:linear-gradient(135deg,#fff3cd,#ffe6a7);border:2px solid #FFD700;border-radius:12px;padding:20px;text-align:center;margin-bottom:24px;box-shadow:0 4px 12px #ffd70033}.prize-label{font-size:14px;color:#856404;margin:0 0 8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.prize-amount{font-size:42px;font-weight:700;color:#ff6b00;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1);line-height:1}.prize-type{font-size:16px;color:#856404;margin:8px 0 0;font-weight:600}.payment-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:600;color:#495057}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:15px;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:80px}.btn-submit{padding:14px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.processing-time{text-align:center;font-size:13px;color:#6c757d;margin:8px 0 0;padding:10px;background:#f8f9fa;border-radius:6px}@media (max-width: 768px){.winner-notifications-stack{right:10px;left:10px;top:70px}.notification-card{min-width:auto;width:100%}.payment-form-modal{margin:0;border-radius:12px;max-height:95vh}.modal-header h2{font-size:20px}.prize-amount{font-size:36px}}@media (max-width: 480px){.notification-card{padding:12px 16px;gap:10px}.notification-icon{width:40px;height:40px}.notification-title{font-size:14px}.notification-prize{font-size:18px}.prize-amount{font-size:32px}}.line-winner-info-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease;backdrop-filter:blur(4px)}.line-winner-info-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:24px;padding:40px;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080;border:2px solid #10b981;position:relative;animation:scaleIn .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.line-winner-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.line-winner-icon{display:flex;align-items:center;justify-center;width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 12px 40px #10b98166;animation:pulse 2s infinite}.icon-sparkles{color:#fff;filter:drop-shadow(0 0 12px rgba(255,255,255,.8))}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 12px 40px #10b98166}50%{transform:scale(1.05);box-shadow:0 16px 50px #10b98199}}.line-winner-title{font-size:32px;font-weight:900;color:#10b981;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 12px rgba(16,185,129,.5);margin:0}.line-winner-details{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:16px;padding:24px;width:100%}.winner-username{font-size:28px;font-weight:700;color:#fbbf24;margin:0 0 8px;text-shadow:0 2px 8px rgba(251,191,36,.5)}.winner-description{font-size:18px;color:#cbd5e1;margin:0}.continue-message{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:12px;padding:16px 24px}.continue-message p{font-size:20px;color:#fbbf24;margin:0}.continue-message strong{color:#f59e0b;font-weight:900;font-size:24px}.btn-continue{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:18px;font-weight:700;padding:16px 48px;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #10b98166;text-transform:uppercase;letter-spacing:1px}.btn-continue:hover{transform:translateY(-2px);box-shadow:0 12px 32px #10b98199;background:linear-gradient(135deg,#059669,#047857)}.btn-continue:active{transform:translateY(0)}@media (max-width: 768px){.line-winner-info-modal{padding:32px 24px}.line-winner-title{font-size:24px}.winner-username{font-size:22px}.winner-description{font-size:16px}.continue-message p{font-size:18px}.continue-message strong{font-size:20px}.btn-continue{font-size:16px;padding:14px 36px}}.winning-card-container-line{width:100%;max-width:400px;margin:20px auto;display:flex;justify-content:center;animation:card-appear .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes card-appear{0%{transform:scale(.8) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.winning-card-container-line .bingo-card-preview{margin:0;box-shadow:0 15px 50px #10b98166}.winning-card-container-line .card-cell.winning-line{animation:line-pulse-glow 1.5s ease-in-out infinite,line-shine 2s linear infinite;background:linear-gradient(135deg,#ffd700e6,#ffa500e6,#ffd700e6)!important;border:2px solid rgba(255,255,255,.8)!important}@keyframes line-shine{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.winning-card-container-line{max-width:320px}.winning-card-container-line .bingo-card-preview{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #ffd70080}50%{box-shadow:0 0 20px #ffd700cc,0 0 30px #ffd70099}}.card-near-win{animation:shake .5s ease-in-out infinite,pulse-glow 1.5s ease-in-out infinite;border:2px solid #FFD700!important}@keyframes progress-fill{0%{width:0%}to{width:var(--progress-width)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.progress-bar-container{width:100%;height:8px;background:#0003;border-radius:10px;overflow:hidden;margin:8px 0;position:relative}.progress-bar-fill{height:100%;border-radius:10px;transition:width .3s ease-out,background .3s ease;position:relative;animation:progress-fill .5s ease-out;background:linear-gradient(90deg,var(--progress-color-start),var(--progress-color-end))}.progress-bar-fill.shimmer-effect{background:linear-gradient(90deg,var(--progress-color-start) 0%,var(--progress-color-mid) 50%,var(--progress-color-end) 100%);background-size:200% 100%;animation:progress-fill .5s ease-out,shimmer 2s linear infinite}.progress-low{--progress-color-start: #ef4444;--progress-color-mid: #f87171;--progress-color-end: #fca5a5}.progress-medium{--progress-color-start: #f59e0b;--progress-color-mid: #fbbf24;--progress-color-end: #fde047}.progress-high{--progress-color-start: #10b981;--progress-color-mid: #34d399;--progress-color-end: #6ee7b7}.progress-near-complete{--progress-color-start: #FFD700;--progress-color-mid: #FFA500;--progress-color-end: #FF6347}.particle-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.particle-burst{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.particle{position:absolute;border-radius:50%;animation:particle-burst 1.5s ease-out forwards}@keyframes particle-burst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(calc(cos(var(--angle))*200px),calc(sin(var(--angle)) * 200px * var(--speed))) scale(0);opacity:0}}@keyframes flip-in{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.grid-cell.marked{animation:flip-in .4s ease-out}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px #ffd70080}50%{box-shadow:0 0 15px #ffd700e6,0 0 25px #ffd70099}}.grid-cell.newly-marked{animation:flip-in .4s ease-out,glow-pulse 1s ease-in-out 3}@media (max-width: 768px){.card-near-win{animation:shake .3s ease-in-out infinite}.progress-bar-container{height:6px}}.stacked-cards-container{width:100%;max-width:600px;margin:0 auto;background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;transition:all .3s ease}.stacked-cards-container.collapsed{max-height:60px}.stacked-cards-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stacked-cards-header h3{margin:0;font-size:18px;font-weight:600}.header-controls{display:flex;gap:8px}.btn-icon{background:#fff3;border:none;border-radius:8px;padding:8px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:#ffffff4d;transform:translateY(-2px)}.alerts-panel{padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.alert{padding:10px 14px;border-radius:8px;margin-bottom:8px;display:flex;align-items:center;gap:10px;font-weight:500;font-size:14px;animation:slideInLeft .3s ease-out;box-shadow:0 2px 8px #00000014}.alert:last-child{margin-bottom:0}.alert-icon{font-size:18px;line-height:1}.alert-message{flex:1}.alert-super-critical{background:linear-gradient(135deg,#e91e63,#ff6090);color:#fff;border:2px solid gold;animation:pulse 1.5s infinite,slideInLeft .3s ease-out}.alert-critical{background:linear-gradient(135deg,#f44,#ff6b6b);color:#fff;box-shadow:0 4px 12px #ff44444d}.alert-warning{background:linear-gradient(135deg,#fa0,#fc4);color:#333}.alert-info{background:linear-gradient(135deg,#4a90e2,#67b5ff);color:#fff}.alert-success{background:linear-gradient(135deg,#28a745,#5cb85c);color:#fff}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #e91e634d}50%{transform:scale(1.02);box-shadow:0 6px 20px #e91e6380}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.summary-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px;padding:14px 16px;background:#fff;border-bottom:1px solid #e9ecef}.summary-item{display:flex;flex-direction:column;align-items:center;gap:4px}.summary-item .label{font-size:11px;color:#6c757d;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.summary-item .value{font-size:20px;font-weight:700;color:#212529}.value.last-ball{color:#e91e63;font-size:28px;text-shadow:0 2px 4px rgba(233,30,99,.2)}.cards-stack-wrapper{padding:20px 16px;background:linear-gradient(to bottom,#f8f9fa,#fff);min-height:450px}.cards-stack{position:relative;width:100%;max-width:400px;height:500px;margin:0 auto}.bingo-card-stacked{position:absolute;top:40px;left:50%;width:90%;max-width:380px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001f;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.bingo-card-stacked:hover{box-shadow:0 8px 32px #0000002e;transform:translate(-50%,-2px)!important}.bingo-card-stacked.top-card{border:3px solid #4CAF50;box-shadow:0 6px 24px #4caf504d}.bingo-card-stacked.expanded{position:fixed!important;top:50%!important;left:50%!important;width:95%!important;max-width:500px!important;max-height:90vh!important;overflow-y:auto;z-index:9999!important;box-shadow:0 20px 60px #0000004d!important;animation:expandCard .3s ease-out}@keyframes expandCard{0%{transform:translate(-50%,-50%) scale(.9);opacity:.8}to{transform:translate(-50%,-50%) scale(1.05);opacity:1}}.card-badges{position:absolute;top:12px;right:12px;display:flex;gap:6px;z-index:10}.card-badges span{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700;box-shadow:0 2px 4px #0000001a}.badge-position{background:#333;color:#fff}.badge-progress{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}.badge-best{background:linear-gradient(135deg,gold,orange);color:#333;animation:shimmer 2s infinite}.badge-probability{background:#64748b;color:#fff;display:flex;align-items:center;gap:4px}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.8}}.btn-close-expanded{position:absolute;top:12px;left:12px;background:#000000b3;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;z-index:11;transition:all .2s}.btn-close-expanded:hover{background:#000000e6;transform:rotate(90deg)}.bingo-grid{padding:50px 20px 16px}.grid-header{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:10px;font-weight:700;font-size:20px;text-align:center;color:#667eea}.grid-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:6px}.grid-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:8px;font-weight:600;font-size:16px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:inset 0 2px 4px #0000000d;position:relative}.grid-cell.marked{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff;box-shadow:0 2px 8px #4caf5066;transform:scale(.95);animation:cellFlip .6s ease-out}.grid-cell.newly-marked{animation:cellFlip .6s ease-out,cellGlow 1s ease-out}@keyframes cellFlip{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(90deg) scale(1.1)}to{transform:rotateY(0) scale(.95)}}@keyframes cellGlow{0%,to{box-shadow:0 2px 8px #4caf5066}50%{box-shadow:0 4px 20px #4caf50cc}}.grid-cell.free{background:linear-gradient(135deg,gold,orange);color:#333;font-size:22px;box-shadow:0 3px 10px #ffd70066}.card-info{padding:12px 20px;background:linear-gradient(to bottom,#fff3cd4d,#fff3cd99);border-top:2px solid #ffc107}.almost-lines{display:flex;flex-direction:column;gap:8px}.line-hint{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#fff;border-radius:6px;font-size:13px;box-shadow:0 1px 3px #0000001a}.line-hint.complete{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #28a745}.line-name{font-weight:700;color:#333}.line-missing{color:#666;font-size:12px}.line-hint.complete .line-missing{color:#155724;font-weight:600}.card-score{padding:10px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.score-label{font-size:13px;color:#6c757d;font-weight:600}.score-value{font-size:20px;font-weight:700;color:#667eea}.controls{display:flex;gap:12px;justify-content:center;padding:16px;background:#f8f9fa;border-top:1px solid #e9ecef}.btn-control{padding:10px 20px;border:2px solid #667eea;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;background:#fff;color:#667eea}.btn-control:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-control.btn-primary{background:#667eea;color:#fff}.btn-control.btn-primary:hover{background:#5568d3}.stacked-cards-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stacked-cards-loader p{font-size:16px;color:#6c757d;margin:0}.no-cards{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:20px}.no-cards p{font-size:16px;color:#6c757d;margin:0}.btn-buy-card{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s}.btn-buy-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media (max-width: 768px){.stacked-cards-container{border-radius:0}.cards-stack{height:450px}.bingo-card-stacked{width:95%}.bingo-card-stacked.expanded{width:98%!important;max-width:none!important}.grid-cell{font-size:14px}.summary-bar{grid-template-columns:repeat(4,1fr);gap:8px}}@media (max-width: 480px){.grid-cell{font-size:12px}.grid-header{font-size:16px}.card-badges span{font-size:10px;padding:3px 8px}}@keyframes shake-horizontal{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}@keyframes shake-scale{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes pulse-glow{0%,to{box-shadow:0 4px 20px #ffd7004d}50%{box-shadow:0 4px 30px #ffd70099,0 0 40px #ffd70066}}.card-almost-winning{animation:shake-horizontal .6s ease-in-out infinite,pulse-glow 1.5s ease-in-out infinite}.card-high-priority{animation:shake-scale .8s ease-in-out infinite;border-color:gold!important;box-shadow:0 4px 25px #ffd70080}.badge-almost-winning{background:linear-gradient(135deg,gold,#ffa000);color:#000;font-weight:700;animation:pulse-badge 1s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.grid-cell.missing-for-win{animation:highlight-missing 1.5s ease-in-out infinite;position:relative}@keyframes highlight-missing{0%,to{background-color:#fff3cd;box-shadow:0 0 #ffd70000}50%{background-color:#ffe082;box-shadow:0 0 15px #ffd70099}}.card-almost-winning:before{content:"⚡";position:absolute;top:10px;right:10px;font-size:24px;animation:rotate-icon 2s linear infinite;z-index:10}@keyframes rotate-icon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.card-almost-winning,.card-high-priority{animation:none;border-color:gold!important;box-shadow:0 4px 20px #ffd70080}.grid-cell.missing-for-win{animation:none;background-color:#ffe082}.card-almost-winning:before{animation:none}}@media (max-width: 768px){@keyframes shake-horizontal{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.card-almost-winning:before{font-size:18px;top:5px;right:5px}}.ball-history{width:100%;height:100%;display:flex;flex-direction:column;gap:15px}.history-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:2px solid rgba(255,255,255,.1)}.history-header h2{font-size:24px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 10px rgba(74,144,226,.5)}.total-balls{background:linear-gradient(135deg,#667eea,#764ba2);padding:8px 16px;border-radius:20px;font-weight:600;font-size:16px;box-shadow:0 4px 15px #667eea66}.history-grid{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;overflow-y:auto;padding-right:5px}.history-grid::-webkit-scrollbar{width:6px}.history-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.history-grid::-webkit-scrollbar-thumb{background:#4a90e280;border-radius:10px}.history-grid::-webkit-scrollbar-thumb:hover{background:#4a90e2b3}.history-column{display:flex;flex-direction:column;gap:5px}.column-header{padding:10px;border-radius:10px 10px 0 0;text-align:center;font-weight:700;color:#fff;box-shadow:0 4px 10px #0000004d;position:sticky;top:0;z-index:10}.header-letter{display:block;font-size:24px;margin-bottom:2px}.header-range{display:block;font-size:11px;opacity:.9;font-weight:500}.column-numbers{display:flex;flex-direction:column;gap:5px}.history-number{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;border-radius:8px;background:#ffffff0d;border:2px solid transparent;position:relative;transition:all .3s ease;color:#ffffff4d}.history-number.called{background:var(--ball-color);color:#fff;border-color:#fff6;box-shadow:0 4px 15px #0000004d,inset 0 -2px 5px #0003,inset 0 2px 5px #fff3;animation:mark-number .6s ease-out}@keyframes mark-number{0%{transform:scale(.5) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(360deg);opacity:1}}.check-mark{position:absolute;top:2px;right:2px;width:18px;height:18px;background:#ffffff4d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.history-number.recent{animation:pulse-recent 1.5s ease-in-out infinite;border-color:gold!important;box-shadow:0 4px 20px #ffd70099,inset 0 -2px 5px #0003,inset 0 2px 5px #fff3}@keyframes pulse-recent{0%,to{transform:scale(1);box-shadow:0 4px 20px #ffd70099,inset 0 -2px 5px #0003,inset 0 2px 5px #fff3}50%{transform:scale(1.1);box-shadow:0 4px 30px #ffd700e6,inset 0 -2px 5px #0003,inset 0 2px 5px #fff3}}.pulse-ring{position:absolute;inset:-4px;border:2px solid #FFD700;border-radius:10px;animation:pulse-ring 1.5s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}.recent-balls-list::-webkit-scrollbar{height:4px}.recent-balls-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.recent-balls-list::-webkit-scrollbar-thumb{background:#4a90e280;border-radius:10px}.recent-ball{padding:8px 15px;border-radius:20px;color:#fff;font-weight:700;font-size:14px;white-space:nowrap;box-shadow:0 4px 15px #0000004d;animation:slide-in .5s ease-out}@keyframes slide-in{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1024px){.history-grid{gap:8px}.history-number{font-size:14px}.header-letter{font-size:20px}.header-range{font-size:10px}}@media (max-width: 768px){.history-grid{gap:5px}.history-number{font-size:12px;border-radius:6px}.column-header{padding:8px}.header-letter{font-size:18px}.check-mark{width:14px;height:14px;font-size:10px}}.history-column{animation:slide-up .6s ease-out backwards}.history-column:nth-child(1){animation-delay:.1s}.history-column:nth-child(2){animation-delay:.2s}.history-column:nth-child(3){animation-delay:.3s}.history-column:nth-child(4){animation-delay:.4s}.history-column:nth-child(5){animation-delay:.5s}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.bingo-ball-machine{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative}.machine-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.machine-header h2{font-size:24px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 10px rgba(74,144,226,.5)}.ball-counter{background:linear-gradient(135deg,#4a90e2,#667eea);padding:8px 16px;border-radius:20px;font-weight:600;font-size:16px;box-shadow:0 4px 15px #4a90e266}.machine-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px;position:relative}.machine-chamber{width:300px;height:300px;background:radial-gradient(circle,#ffffff1a,#ffffff05);border-radius:50%;border:4px solid rgba(255,255,255,.3);box-shadow:0 0 30px #4a90e24d,inset 0 0 50px #ffffff0d;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s ease}.machine-chamber:before{content:"";position:absolute;top:20%;left:20%;width:60%;height:60%;background:radial-gradient(ellipse at top left,rgba(255,255,255,.3),transparent);border-radius:50%;filter:blur(20px)}.machine-chamber.spinning{animation:chamber-spin 1s ease-in-out;box-shadow:0 0 50px #4a90e299,inset 0 0 60px #ffffff1a}@keyframes chamber-spin{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.05)}}.floating-balls{position:absolute;width:100%;height:100%;pointer-events:none}.floating-ball{position:absolute;width:30px;height:30px;background:radial-gradient(circle at 30% 30%,#fff6,#4a90e24d);border-radius:50%;animation:float-ball var(--duration) ease-in-out infinite;animation-delay:var(--delay);left:var(--x);top:var(--y);opacity:.6;box-shadow:0 2px 10px #0003}@keyframes float-ball{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(-20px,-20px) scale(1.05)}}.current-ball-display{display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeIn .5s ease-out}.current-ball-display.zoom-in .current-ball{animation:ball-zoom 2s ease-out forwards}@keyframes ball-zoom{0%{transform:scale(.5) rotate(0);opacity:0}50%{transform:scale(1.3) rotate(180deg);opacity:1}to{transform:scale(1) rotate(360deg);opacity:1}}.current-ball{width:150px;height:150px;border-radius:50%;background:var(--ball-color);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 10px 40px #0006,inset 0 -5px 20px #0000004d,inset 0 5px 20px #ffffff4d;border:3px solid rgba(255,255,255,.4)}.ball-shine{position:absolute;top:20%;left:25%;width:50%;height:50%;background:radial-gradient(ellipse at top left,rgba(255,255,255,.7),transparent);border-radius:50%;filter:blur(15px)}.ball-letter{font-size:48px;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 20px rgba(255,255,255,.5);position:relative;z-index:2}.ball-number{font-size:56px;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 20px rgba(255,255,255,.5);position:relative;z-index:2;margin-top:-10px}.ball-announcement{display:flex;align-items:center;gap:10px;font-size:32px;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);animation:announcement-pulse 1.5s ease-in-out infinite}@keyframes announcement-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.announcement-letter{color:var(--ball-color, #4A90E2)}.announcement-separator{color:#ffffff80}.announcement-number{color:gold}.machine-idle,.machine-spinning{display:flex;flex-direction:column;align-items:center;gap:15px;animation:fadeIn .5s ease-out}.idle-icon,.spinner-icon{font-size:60px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.machine-idle p,.machine-spinning p{font-size:18px;color:#ffffffb3;font-weight:500}.machine-spinning .spinner-icon{animation:rotate-icon 1s linear infinite}@keyframes rotate-icon{to{transform:rotate(360deg)}}.machine-base{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:5px}.base-top{width:250px;height:20px;background:linear-gradient(180deg,#fff3,#ffffff0d);border-radius:50%/100%;box-shadow:0 2px 10px #0000004d}.base-middle{width:200px;height:40px;background:linear-gradient(180deg,#ffffff26,#ffffff0d);border-radius:10px;box-shadow:inset 0 2px 5px #0000004d}.base-bottom{width:280px;height:15px;background:linear-gradient(180deg,#ffffff1a,#ffffff05);border-radius:50%/100%;box-shadow:0 4px 15px #0006}.last-ball-mini{margin-top:15px;display:flex;align-items:center;gap:10px;padding:8px 15px;background:#ffffff0d;border-radius:20px;backdrop-filter:blur(5px)}.mini-label{font-size:14px;color:#ffffffb3}.mini-ball{padding:6px 12px;border-radius:15px;color:#fff;font-weight:700;font-size:14px;box-shadow:0 2px 10px #0000004d}@media (max-width: 768px){.machine-chamber{width:250px;height:250px}.current-ball{width:120px;height:120px}.ball-letter{font-size:36px}.ball-number{font-size:42px}.ball-announcement{font-size:24px}}.game-room{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;overflow:hidden;position:relative}.game-room-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #4A90E2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.game-room-loading p{font-size:18px;color:#a0a0a0}.game-room-upper{flex:1;display:flex;gap:20px;padding:20px;min-height:0}.game-room-history{flex:6;background:#ffffff0d;border-radius:20px;padding:20px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 8px 32px #0000004d}.game-room-machine{flex:4;background:#ffffff0d;border-radius:20px;padding:20px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0000004d}.game-room-divider{height:3px;background:linear-gradient(to right,transparent,rgba(74,144,226,.5) 20%,rgba(74,144,226,.8) 50%,rgba(74,144,226,.5) 80%,transparent);margin:0 20px;position:relative}.game-room-divider:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:40px;height:5px;background:#4a90e2;border-radius:10px;box-shadow:0 0 20px #4a90e2cc}.game-room-lower{flex:1;padding:20px;overflow:hidden;position:relative}.game-room-status{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:15px;z-index:100}.status-badge{padding:10px 20px;border-radius:25px;font-weight:600;font-size:14px;backdrop-filter:blur(10px);border:2px solid;box-shadow:0 4px 15px #0000004d;animation:pulse-glow 2s ease-in-out infinite}.status-badge[data-status=waiting]{background:#f1c40f33;border-color:#f1c40f;color:#f1c40f}.status-badge[data-status=active]{background:#2ecc7133;border-color:#2ecc71;color:#2ecc71}.status-badge[data-status=ended]{background:#e74c3c33;border-color:#e74c3c;color:#e74c3c}.balls-count{background:#ffffff1a;padding:10px 20px;border-radius:25px;backdrop-filter:blur(10px);font-size:14px;border:1px solid rgba(255,255,255,.2)}.balls-count strong{color:#4a90e2;font-size:16px;margin-left:5px}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px #0000004d}50%{box-shadow:0 4px 25px #4a90e280}}@media (max-width: 1024px){.game-room-upper{flex-direction:column;gap:15px}.game-room-history,.game-room-machine{flex:1}.game-room-status{flex-direction:column;gap:10px;align-items:flex-end}}@media (max-width: 768px){.game-room{height:auto;min-height:100vh}.game-room-upper,.game-room-lower{padding:10px}.status-badge,.balls-count{font-size:12px;padding:8px 15px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-room-upper,.game-room-lower{animation:fadeIn .6s ease-out}.game-room-history{animation:fadeIn .8s ease-out}.game-room-machine{animation:fadeIn 1s ease-out}