.app{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;overflow:hidden}.loading{text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid #5865f2;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.error{text-align:center;color:#ed4245}.error h1{margin-bottom:10px}.bingo-game{width:100%;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#fff;font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif;position:relative;overflow:hidden}.bg-decoration{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.floating-ball{position:absolute;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0;font-weight:700;color:#fff;opacity:.6;animation:twinkle 3s ease-in-out infinite;box-shadow:0 0 10px currentColor,0 0 20px currentColor}.ball-1{background:#fbbf24;top:10%;left:5%;animation-delay:0s;width:8px;height:8px}.ball-2{background:#fff;top:60%;left:8%;animation-delay:.5s;width:6px;height:6px}.ball-3{background:#a78bfa;top:30%;right:10%;animation-delay:1s;width:10px;height:10px}.ball-4{background:#22d3ee;top:70%;right:5%;animation-delay:1.5s;width:5px;height:5px}.ball-5{background:#f472b6;top:85%;left:50%;animation-delay:2s;width:7px;height:7px}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.game-header{background:#0f0c29e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(139,92,246,.3);padding:8px 20px;position:relative;z-index:10;flex-shrink:0}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-section{display:flex;align-items:center;gap:12px}.logo-icon{width:36px;height:36px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:wiggle 2s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.game-header h1{font-size:1.5rem;margin:0;text-shadow:3px 3px 0 rgba(0,0,0,.2);letter-spacing:2px}.right-section{display:flex;align-items:center;gap:12px}.header-pot-display{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fbbf24f2,#f59e0bf2);padding:10px 18px;border-radius:50px;border:2px solid rgba(251,191,36,.7);box-shadow:0 6px 20px #fbbf2459,inset 0 1px #fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-balance-display{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#10b981f2,#059669f2);padding:10px 18px;border-radius:50px;border:2px solid rgba(16,185,129,.7);box-shadow:0 6px 20px #10b98159,inset 0 1px #fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.balance-icon-header{width:20px;height:20px;color:#ffffffe6;flex-shrink:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.balance-info{display:flex;flex-direction:row;align-items:center;gap:4px}.balance-value{font-size:.95rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.25)}.balance-currency-header{font-size:.65rem;color:#ffffffe6;font-weight:600;text-transform:uppercase}.user-section{display:flex;align-items:center;gap:12px;background:#8b5cf633;padding:8px 16px;border-radius:50px;border:2px solid rgba(139,92,246,.4)}.user-avatar{width:40px;height:40px;border-radius:50%;border:3px solid white;box-shadow:0 4px 10px #0000004d}.user-name{font-weight:700;font-size:1.1rem;text-shadow:1px 1px 0 rgba(0,0,0,.2)}.pot-icon-header{width:20px;height:20px;color:#000000a6;flex-shrink:0;filter:drop-shadow(0 1px 1px rgba(255,255,255,.3))}.pot-info{display:flex;flex-direction:row;align-items:center;gap:4px}.pot-value{font-size:.95rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.25)}.pot-currency{font-size:.65rem;color:#ffffffe6;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.game-main{flex:1;display:flex;align-items:center;justify-content:center;padding:10px;position:relative;z-index:5;overflow:hidden;min-height:0}.waiting-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;min-height:0;width:100%;overflow:auto;max-height:100%}.waiting-content{display:flex;justify-content:center;width:100%;max-width:600px}.lobby-card{background:#1e1b4bcc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;border:2px solid rgba(139,92,246,.3);padding:20px;box-shadow:0 20px 60px #00000080,0 0 40px #8b5cf61a;display:flex;flex-direction:column;gap:16px;width:100%;max-height:calc(100vh - 140px);overflow-y:auto}.lobby-header{display:flex;align-items:center;gap:14px}.lobby-icon{width:55px;height:55px;flex-shrink:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.lobby-title-section{flex:1}.lobby-title-section h2{font-size:1.5rem;margin:0 0 4px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.lobby-subtitle{font-size:.95rem;margin:0;opacity:.9;color:#ffffffe6}.lobby-controls{display:flex;gap:12px}.lobby-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:.9rem;font-weight:600;font-family:inherit;color:#fff;background:#6366f133;border:2px solid rgba(139,92,246,.4);border-radius:12px;cursor:pointer;transition:all .2s ease}.lobby-btn:hover{background:#6366f159;border-color:#8b5cf699}.lobby-btn.active.spectator{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#fbbf24}.lobby-btn.active.ready{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.lobby-btn.active.betting{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6}.lobby-btn-icon{width:20px;height:20px}.betting-section{display:flex;align-items:center;gap:12px;padding:12px;background:#10b98126;border:2px solid rgba(16,185,129,.3);border-radius:12px;flex-wrap:wrap}.bet-input-group{display:flex;align-items:center;gap:10px;flex:1;min-width:150px}.bet-input-group label{font-size:.95rem;font-weight:600;white-space:nowrap}.bet-input-group input{flex:1;padding:10px 14px;font-size:1rem;font-weight:600;font-family:inherit;color:#1f2937;background:#fff;border:2px solid rgba(255,255,255,.5);border-radius:8px;min-width:80px;max-width:120px}.error-message{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ef444426;border:2px solid rgba(239,68,68,.4);border-radius:8px;color:#fca5a5;font-size:.9rem;font-weight:500}.error-icon{width:18px;height:18px;color:#fca5a5;flex-shrink:0}.bet-input-group input:focus{outline:none;border-color:#10b981}.pot-display{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:10px;box-shadow:0 4px 12px #fbbf2466;flex-wrap:wrap;justify-content:center}.pot-icon{width:22px;height:22px;fill:#fff;flex-shrink:0}.pot-label{font-size:.9rem;font-weight:600;color:#fff;white-space:nowrap}.pot-amount{font-size:1.2rem;font-weight:800;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2);white-space:nowrap}.pot-currency-small{font-size:.7rem;font-weight:600;color:#ffffffd9;text-transform:uppercase;letter-spacing:.3px;word-break:break-word;max-width:120px;line-height:1.2}.start-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 30px;font-size:1.2rem;font-weight:700;font-family:inherit;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:3px solid rgba(255,255,255,.5);border-radius:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 6px 20px #6366f166;text-shadow:2px 2px 0 rgba(0,0,0,.2)}.start-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf680}.start-button:disabled{opacity:.5;cursor:not-allowed}.btn-icon{width:24px;height:24px}.lobby-players{display:flex;flex-direction:column;gap:12px}.players-header{display:flex;align-items:center;gap:8px}.section-icon{width:22px;height:22px;opacity:.9}.players-header h3{font-size:1rem;margin:0;font-weight:600}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.player-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#6366f126;border:2px solid rgba(139,92,246,.3);border-radius:12px;transition:all .2s ease}.player-card:hover{background:#6366f140;border-color:#8b5cf680}.player-card.spectator{opacity:.7}.player-avatar{width:44px;height:44px;border-radius:50%;border:2px solid white;box-shadow:0 2px 8px #0003}.player-name{font-size:.8rem;font-weight:600;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:10px}.status-badge.ready{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-badge.not-ready{background:#9ca3af4d;color:#9ca3af;border:1px solid rgba(156,163,175,.5)}.status-badge.spectator{background:#fbbf244d;color:#fbbf24;border:1px solid rgba(251,191,36,.5)}.player-card.player-ready{border-color:#10b98180;background:#10b98126}.player-bet{font-size:.75rem;font-weight:600;color:#10b981;background:#10b98126;padding:2px 8px;border-radius:6px}.winner-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;min-height:0;width:100%;overflow:auto}.winner-content{display:flex;justify-content:center;width:100%;max-width:800px;gap:24px;padding:20px}.winner-left{width:320px;flex-shrink:0}.winner-right{flex:1;display:flex;flex-direction:column;gap:16px}.winner-panel{background:#1e1b4be6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;border:2px solid rgba(139,92,246,.4);padding:30px;box-shadow:0 20px 60px #00000080,0 0 40px #8b5cf626;display:flex;flex-direction:column;align-items:center;gap:16px}.trophy-section{display:flex;justify-content:center}.trophy-img{width:100px;height:100px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3))}.result-title{font-size:2.5rem;margin:0;background:linear-gradient(135deg,#22d3ee,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;text-align:center}.winner-info-card{display:flex;flex-direction:column;align-items:center;gap:12px}.winner-avatar{width:80px;height:80px;border-radius:50%;border:4px solid #a78bfa;box-shadow:0 6px 20px #8b5cf666,0 0 20px #8b5cf64d}.winner-name{font-size:1.4rem;margin:0;color:#a78bfa;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.winner-crown{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#a78bfa4d,#6366f14d);padding:8px 16px;border-radius:20px;border:2px solid rgba(167,139,250,.5)}.winner-crown svg{width:20px;height:20px}.winner-crown span{font-weight:700;font-size:.9rem;color:#a78bfa}.pot-won{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 4px 12px #10b98166}.pot-won svg{width:20px;height:20px;fill:#fbbf24}.pot-won span{font-size:.95rem;font-weight:700;color:#fff}.game-stats{display:flex;flex-direction:column;gap:10px;width:100%}.stat-item{display:flex;align-items:center;gap:10px;background:#6366f126;padding:14px 18px;border-radius:12px;border:2px solid rgba(139,92,246,.3)}.stat-icon{width:22px;height:22px;color:#22d3ee}.stat-item span{font-size:1rem;font-weight:600;color:#fff}.winner-actions{display:flex;flex-direction:column;gap:12px;width:100%}.action-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;font-size:1.05rem;font-weight:700;font-family:inherit;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:14px;cursor:pointer;transition:all .2s ease;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.primary-action{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 16px #6366f166}.primary-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.secondary-action{background:linear-gradient(135deg,#0891b2,#06b6d4);box-shadow:0 4px 16px #06b6d466}.secondary-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d480}.game-container{display:flex;gap:20px;justify-content:center;align-items:center;max-width:1400px;margin:0 auto;width:100%;min-height:0;flex-wrap:wrap}.left-panel{display:flex;flex-direction:column;min-width:200px}.current-number-display{background:#1e1b4be6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;border:2px solid rgba(139,92,246,.4);padding:30px 20px;text-align:center;display:flex;align-items:center;justify-content:center;flex:1}.speaker-icon{width:40px;height:40px;display:block;margin-bottom:10px;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.current-ball{width:140px;height:140px;border-radius:15px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid white;box-shadow:0 10px 30px #0000004d;animation:popIn .5s ease-out}@keyframes popIn{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}.current-letter{font-size:1.2rem;font-weight:700;opacity:.9}.current-num{font-size:2.5rem;font-weight:700;text-shadow:2px 2px 0 rgba(0,0,0,.2)}.players-panel{background:#1e1b4be6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px solid rgba(139,92,246,.4);padding:15px;display:flex;flex-direction:column;height:510px;overflow:hidden}.panel-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid rgba(139,92,246,.3);font-weight:700;font-size:1.1rem}.panel-icon{width:28px;height:28px}.players-mini-list{display:flex;flex-direction:column;gap:10px;flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.players-mini-list::-webkit-scrollbar{display:none}.player-mini{display:flex;align-items:center;gap:10px;padding:12px;background:linear-gradient(135deg,#8b5cf633,#6366f11a);border-radius:12px;border:1px solid rgba(139,92,246,.4)}.player-mini-avatar{width:36px;height:36px;border-radius:50%;border:2px solid #a78bfa;flex-shrink:0}.player-mini-name{font-weight:700;font-size:.95rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-section{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}.bingo-card{background:#0f0c29f2;padding:20px;border-radius:25px;border:3px solid rgba(139,92,246,.5);box-shadow:0 15px 50px #0006,0 0 30px #8b5cf633}.bingo-header{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:8px}.bingo-letter{width:65px;height:50px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;border-radius:12px;text-shadow:2px 2px 0 rgba(0,0,0,.2);box-shadow:0 4px 10px #0003}.bingo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.bingo-cell{width:65px;height:65px;display:flex;align-items:center;justify-content:center;background:#1e1b4be6;border:2px solid rgba(139,92,246,.4);border-radius:15px;font-size:1.5rem;font-weight:700;color:#e0e7ff;transition:all .2s ease;position:relative;cursor:default}.bingo-cell.disabled{opacity:.5;color:#999}.bingo-cell.callable{background:linear-gradient(135deg,#22d3ee33,#6366f133);border-color:#22d3ee;color:#22d3ee;cursor:pointer;animation:callableGlow 1s ease-in-out infinite;box-shadow:0 0 20px #22d3ee66}@keyframes callableGlow{0%,to{box-shadow:0 0 10px #22d3ee66}50%{box-shadow:0 0 25px #22d3eeb3}}.bingo-cell.callable:hover{transform:scale(1.08);box-shadow:0 5px 20px #22d3ee99}.bingo-cell.marked{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#a78bfa;color:#fff}.bingo-cell.free{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-color:#c4b5fd}.free-star{width:40px;height:40px;display:block;animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cell-number{z-index:1}.stamp-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:stampIn .3s ease-out}@keyframes stampIn{0%{transform:scale(2) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.stamp-icon{width:45px;height:45px;font-weight:700;color:#fff;opacity:.9;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.card-hint{margin-top:20px;color:#333;font-size:1rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;text-shadow:none;font-weight:600}.hint-icon{width:24px;height:24px}.test-win-button{margin-top:15px;padding:10px 20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #fff;border-radius:15px;color:#1a1a1a;font-size:.9rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #fbbf2466}.test-win-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #fbbf2499}.test-win-button:active{transform:translateY(0)}.right-panel{min-width:250px;max-width:300px;display:flex;flex-direction:column}.called-numbers-panel{background:#1e1b4be6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px solid rgba(139,92,246,.4);padding:20px;height:510px;display:flex;flex-direction:column;overflow:hidden}.call-count{margin-left:auto;background:#6366f14d;padding:4px 12px;border-radius:15px;font-size:.9rem}.numbers-display{flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.numbers-display::-webkit-scrollbar{display:none}.no-numbers{text-align:center;opacity:.8;padding:30px 0;font-size:1rem}.numbers-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;justify-items:stretch}.number-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 10px;background:#6366f133;border-radius:12px;border:2px solid rgba(139,92,246,.4);width:100%;min-height:70px;animation:chipIn .3s ease-out;overflow:visible}@keyframes chipIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.number-chip.latest{border-color:#22d3ee;box-shadow:0 4px 15px #22d3ee66}.chip-letter{font-size:.8rem;font-weight:700;opacity:.85;margin-bottom:4px;line-height:1}.chip-num{font-size:1.5rem;font-weight:700;line-height:1}.more-numbers{display:flex;align-items:center;justify-content:center;padding:8px 15px;background:#ffffff26;border-radius:12px;font-size:.9rem;opacity:.8}@media (max-width: 1024px) and (min-width: 601px){.lobby-card{max-width:700px}.betting-section{flex-direction:column;align-items:stretch}.bet-input-group{width:100%;justify-content:space-between}.bet-input-group input{max-width:150px}.pot-display{width:100%;justify-content:center}.header-pot-display{padding:8px 14px}.pot-value{font-size:.9rem}.pot-currency{font-size:.6rem}.lobby-controls{flex-wrap:wrap}.lobby-btn{min-width:150px}}@media (max-width: 1100px){.game-container{flex-direction:column;align-items:center;gap:15px}.left-panel,.right-panel{flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%;max-width:100%;gap:15px}.current-number-display,.players-panel,.called-numbers-panel{flex:1;min-width:200px;max-width:350px;height:auto;min-height:250px}}@media (max-width: 600px){.header-content{flex-direction:column;gap:8px}.game-header h1{font-size:1.5rem}.game-main{padding:8px}.game-container,.left-panel,.right-panel{gap:12px}.card-section{width:100%;display:flex;justify-content:center}.bingo-letter,.bingo-cell{width:52px;height:52px;font-size:1.2rem}.bingo-letter{height:40px;font-size:1.6rem}.bingo-card{padding:12px;width:100%;max-width:340px}.bingo-grid,.bingo-header{gap:5px}.current-number-display,.players-panel,.called-numbers-panel{max-width:100%;min-height:200px}.numbers-flow{grid-template-columns:repeat(4,1fr);gap:6px}.waiting-content,.winner-content{padding:20px 25px;margin:0 10px;gap:10px;max-width:100%}.waiting-icon{width:70px;font-size:70px}.waiting-content h2{font-size:1.6rem}.result-title{font-size:2rem}.result-subtitle{font-size:1rem}.winner-avatar{width:70px;height:70px}.winner-name{font-size:1.4rem}.trophy-img{width:80px;height:80px}.confetti-img{width:55px;height:55px}.celebration-vertical{gap:10px}.game-stats{gap:12px}.stat-item{padding:6px 12px}.stat-icon{width:18px;height:18px}.stat-item span{font-size:.8rem}.winner-actions{flex-direction:column;gap:10px}.action-button{padding:12px 20px;font-size:1rem}}.spectator-container{flex:1;overflow-y:auto;padding:8px;max-width:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.spectator-single-card-container{display:flex;align-items:center;justify-content:center;width:100%;flex:1}.spectator-cards-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:720px;justify-content:center;margin:0 auto;padding:0}.spectator-player-card-large{background:linear-gradient(135deg,#0f0c29f2,#1e1b4bf2);border:2px solid rgba(139,92,246,.5);border-radius:15px;padding:12px;box-shadow:0 8px 25px #8b5cf640;max-width:100%;display:flex;flex-direction:column;gap:8px}.spectator-player-header-large{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:2px solid rgba(139,92,246,.3)}.spectator-player-avatar-large{width:44px;height:44px;border-radius:50%;border:2px solid #a78bfa;flex-shrink:0;box-shadow:0 4px 12px #a78bfa66}.spectator-player-name-large{font-weight:800;font-size:.95rem;text-shadow:1px 1px 2px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e0e7ff}.spectator-bingo-card-large{background:#1e1b4bcc;border-radius:12px;padding:10px}.spectator-bingo-header-large{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:6px}.spectator-letter-large{padding:8px 4px;text-align:center;font-weight:900;font-size:.9rem;border-radius:10px;box-shadow:0 4px 10px #0003;text-shadow:1px 1px 2px rgba(0,0,0,.3);color:#fff}.spectator-bingo-grid-large{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.spectator-cell-large{aspect-ratio:1;background:#1e1b4be6;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:#e0e7ff;position:relative;transition:all .3s ease;box-shadow:0 2px 8px #0003;border:2px solid rgba(139,92,246,.4)}.spectator-cell-large.called{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;transform:scale(.98);box-shadow:0 4px 12px #6366f166;border:2px solid #a78bfa}.spectator-cell-large.free{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:2px solid #c4b5fd;color:#fff}.free-star-large{width:28px;height:28px}.spectator-cell-number-large{font-size:1rem}.spectator-pagination-large{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;background:#1e1b4be6;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(139,92,246,.4);width:100%;max-width:720px;box-shadow:0 4px 12px #0003}.pagination-btn-large{padding:8px 12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:2px solid rgba(139,92,246,.4);border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #6366f14d;text-shadow:1px 1px 2px rgba(0,0,0,.3);white-space:nowrap}.pagination-btn-large:hover:not(:disabled){background:linear-gradient(135deg,#c084fc,#a78bfa);transform:translateY(-2px);box-shadow:0 6px 16px #a78bfa99}.pagination-btn-large:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.pagination-info-large{font-weight:700;color:#e0e7ff;text-shadow:1px 1px 2px rgba(0,0,0,.3);font-size:.95rem;min-width:50px;text-align:center}@media (max-width: 768px){.spectator-cards-grid-2col{grid-template-columns:repeat(2,1fr);max-width:600px;gap:10px}.spectator-player-card-large{padding:8px;border-radius:10px}.spectator-player-header-large{gap:6px;padding-bottom:6px}.spectator-player-avatar-large{width:36px;height:36px;border-width:1px}.spectator-player-name-large{font-size:.85rem}.spectator-bingo-card-large{padding:6px}.spectator-bingo-header-large{gap:4px;margin-bottom:5px}.spectator-letter-large{padding:5px 2px;font-size:.75rem}.spectator-bingo-grid-large{gap:4px}.spectator-cell-large{font-size:.7rem;border-radius:4px;border-width:1px}.free-star-large{width:24px;height:24px}.spectator-pagination-large{gap:8px;padding:8px 10px;max-width:600px}.pagination-btn-large{padding:5px 8px;font-size:.7rem;border-width:1px}.pagination-info-large{font-size:.8rem;min-width:45px}}@media (max-width: 600px){.spectator-container{padding:6px;gap:10px}.spectator-cards-grid-2col{grid-template-columns:1fr;max-width:100%;gap:8px}.spectator-player-card-large{padding:8px;max-width:100%;border-width:1px;border-radius:10px}.spectator-player-header-large{gap:6px}.spectator-player-avatar-large{width:36px;height:36px}.spectator-player-name-large{font-size:.85rem}.spectator-bingo-card-large{padding:6px}.spectator-bingo-header-large{gap:4px;margin-bottom:5px}.spectator-letter-large{padding:5px 2px;font-size:.75rem}.spectator-bingo-grid-large{gap:4px}.spectator-cell-large{font-size:.7rem;border-radius:4px}.spectator-cell-number-large{font-size:.85rem}.free-star-large{width:20px;height:20px}.spectator-pagination-large{flex-wrap:wrap;gap:6px;padding:8px;max-width:100%}.pagination-btn-large{padding:5px 8px;font-size:.65rem;border-width:1px;flex:1;min-width:65px}.pagination-info-large{font-size:.75rem;min-width:40px;flex-basis:100%;order:3}}@media (max-width: 480px){.game-header{padding:8px 12px}.game-header h1{font-size:1.2rem;letter-spacing:1px}.logo-icon{width:36px;height:36px}.user-section{padding:6px 12px;gap:8px}.user-avatar{width:32px;height:32px;border:2px solid white}.user-name{font-size:.9rem}.game-main{padding:5px}.game-container{gap:10px}.card-section{order:-1}.bingo-card{padding:8px;width:100%;max-width:100%;margin:0 auto}.bingo-letter,.bingo-cell{width:46px;height:46px;font-size:1.1rem;border-radius:10px}.bingo-letter{height:36px;font-size:1.4rem;border-radius:8px}.bingo-grid,.bingo-header{gap:4px}.bingo-cell.callable{border-width:2px}.card-hint{font-size:.85rem;margin-top:10px;padding:0 5px}.hint-icon{width:20px;height:20px}.left-panel,.right-panel{width:100%;max-width:100%}.current-number-display,.players-panel,.called-numbers-panel{max-width:100%;width:100%;min-height:180px;padding:15px}.current-ball{width:120px;height:120px}.current-letter{font-size:1rem}.current-num{font-size:2rem}.panel-header{font-size:.95rem;margin-bottom:12px}.panel-icon{width:22px;height:22px}.players-mini-list{gap:8px}.player-mini{padding:8px}.player-mini-avatar{width:32px;height:32px}.player-mini-name{font-size:.9rem}.numbers-flow{grid-template-columns:repeat(3,1fr);gap:6px}.number-chip{padding:10px 8px;min-height:60px;border-radius:10px}.chip-letter{font-size:.7rem}.chip-num{font-size:1.2rem}.waiting-content,.winner-content{padding:15px 20px;margin:0 5px;gap:8px;max-width:100%;border-radius:20px}.waiting-icon{width:60px;height:60px}.waiting-content h2{font-size:1.4rem}.waiting-subtitle{font-size:.9rem;line-height:1.4}.start-button{padding:12px 24px;font-size:1rem;width:100%;max-width:280px}.spectator-toggle{padding:10px 20px;font-size:.95rem;width:100%;max-width:280px}.players-list{max-height:180px}.players-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.player-card{padding:8px 10px;border-radius:12px}.player-avatar{width:32px;height:32px}.player-name{font-size:.8rem}.ready-badge,.spectator-badge{font-size:.65rem;padding:2px 8px}.result-title{font-size:1.6rem}.result-subtitle{font-size:.9rem}.winner-avatar{width:60px;height:60px;border:3px solid #FFE66D}.winner-name{font-size:1.2rem}.winner-crown{padding:5px 14px}.trophy-img{width:70px;height:70px}.confetti-img{width:50px;height:50px}.game-stats{flex-wrap:wrap;gap:8px;justify-content:center}.stat-item{padding:5px 10px}.winner-actions{width:100%}.action-button{padding:12px 16px;font-size:.95rem;width:100%}.btn-icon{width:20px;height:20px}.spectator-cards-grid{gap:12px;padding:5px}.spectator-player-card{padding:12px}.spectator-player-header{gap:10px;margin-bottom:10px}.spectator-player-avatar{width:32px;height:32px}.spectator-player-name{font-size:.95rem}.spectator-bingo-card{padding:10px}.spectator-letter{font-size:1rem;padding:6px}.spectator-cell{font-size:.85rem}.spectator-bingo-grid,.spectator-bingo-header{gap:3px}.free-star{width:32px;height:32px}.stamp-icon{width:38px;height:38px}.free-star-small{width:18px;height:18px}}.mute-button-header{width:36px;height:36px;border-radius:50%;background:#6366f14d;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;margin-right:8px}.mute-button-header:hover{background:#6366f180;transform:scale(1.05)}.mute-button-header:active{transform:scale(.95)}.mute-button-header svg{width:18px;height:18px}.mute-button-header:focus{outline:none;box-shadow:0 0 0 2px #fbbf2499}.debug-container{position:fixed;bottom:30px;right:30px;z-index:9999;font-family:Monaco,Courier New,monospace}.debug-toggle-button{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:2px solid rgba(251,191,36,.8);padding:0;cursor:pointer;font-size:24px;font-weight:700;box-shadow:0 4px 15px #8b5cf680,inset 0 0 20px #fbbf2426;transition:all .3s ease;z-index:10000;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;pointer-events:auto}.debug-toggle-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(251,191,36,.2),transparent);opacity:0;transition:opacity .3s ease;border-radius:50%;pointer-events:none}.debug-toggle-button:hover{transform:scale(1.1);box-shadow:0 6px 25px #8b5cf6b3,inset 0 0 30px #fbbf2440;background:linear-gradient(135deg,#a78bfa,#7c3aed)}.debug-toggle-button:hover:before{opacity:1}.debug-toggle-button:active{transform:scale(.95);box-shadow:0 2px 10px #8b5cf666,inset 0 0 15px #fbbf2433}.debug-menu{position:fixed;top:50%;right:30px;transform:translateY(-50%);background:linear-gradient(135deg,#0f0c29f7,#302b63f7);border:2px solid rgba(139,92,246,.5);border-radius:16px;padding:20px;width:340px;max-height:85vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #8b5cf64d,0 0 20px #fbbf241a,inset 0 0 30px #fbbf240d;animation:slideInRight .4s ease-out;z-index:9999;pointer-events:auto}.debug-menu::-webkit-scrollbar{display:none}.debug-page-indicator{margin:0 12px}.debug-page-indicator .page-number{font-size:11px;color:#a78bfa;font-weight:600;letter-spacing:.5px}.debug-category{margin-bottom:16px;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.debug-category h4{margin:0 0 10px;color:#fbbf24;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 0 6px rgba(251,191,36,.3)}@keyframes slideInRight{0%{opacity:0;right:-350px}to{opacity:1;right:30px}}.debug-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:2px solid rgba(139,92,246,.3);padding-bottom:12px}.debug-header h3{margin:0;background:linear-gradient(135deg,#fbbf24,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:16px;font-weight:700;letter-spacing:1px}.debug-close{background:none;border:none;color:#fbbf24;cursor:pointer;font-size:20px;padding:0;line-height:1;transition:all .2s;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fbbf241a}.debug-close:hover{transform:scale(1.2) rotate(90deg);color:#a78bfa;background:#fbbf2433}.debug-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.debug-btn{background:#6366f133;border:1.5px solid rgba(139,92,246,.4);color:#c084fc;padding:8px 12px;border-radius:10px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;font-family:Monaco,Courier New,monospace;pointer-events:auto}.debug-btn:hover{background:#6366f159;border-color:#8b5cf699;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d;color:#e9d5ff}.debug-btn:active{transform:translateY(0)}.debug-btn.info-btn{background:#22d3ee26;border-color:#22d3ee66;color:#67e8f9}.debug-btn.info-btn{grid-column:1 / -1;background:linear-gradient(135deg,#22d3ee33,#06b6d433);border-color:#22d3ee99;color:#67e8f9;text-shadow:0 0 4px rgba(34,211,238,.3)}.debug-btn.info-btn:hover{background:linear-gradient(135deg,#22d3ee66,#06b6d466);border-color:#22d3ee;box-shadow:0 0 12px #22d3ee66;color:#cffafe}.debug-btn.warning-btn{background:#f43f5e26;border-color:#f43f5e66;color:#fb7185;grid-column:auto}.debug-btn.warning-btn:hover{background:linear-gradient(135deg,#f43f5e4d,#db27774d);border-color:#f43f5ecc;transform:translateY(-1px);box-shadow:0 4px 12px #f43f5e4d;color:#fca5ac}.debug-info{background:#6366f11a;border:1.5px solid rgba(139,92,246,.3);border-radius:10px;padding:12px;font-size:12px;color:#e9d5ff;max-height:180px;overflow-y:auto;font-family:Monaco,Courier New,monospace;margin-bottom:12px}.debug-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:0;padding-top:12px;border-top:2px solid rgba(139,92,246,.3)}.page-btn{background:#6366f140;border:1.5px solid rgba(139,92,246,.4);color:#c084fc;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:11px;font-weight:600;transition:all .2s ease;font-family:Monaco,Courier New,monospace;flex:1}.page-btn:hover:not(:disabled){background:#6366f166;border-color:#8b5cf6b3;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d;color:#e9d5ff}.page-btn:active:not(:disabled){transform:translateY(0)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-indicator{font-size:10px;color:#a78bfa;font-weight:600;letter-spacing:.5px;text-align:center;flex:1}.debug-info p{margin:6px 0;padding:0;color:#d8b4fe;font-size:11px}.debug-info strong{color:#fbbf24;display:inline-block;min-width:100px}.debug-info::-webkit-scrollbar{width:6px}.debug-info::-webkit-scrollbar-track{background:#a78bfa1a;border-radius:3px}.debug-info::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a78bfa,#8b5cf6);border-radius:3px;box-shadow:0 0 8px #a78bfa80}.debug-info::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c084fc,#a78bfa);box-shadow:0 0 12px #a78bfacc}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1e1f22;color:#fff;overflow:hidden}html,body{height:100%}#root{width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0}