@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary: #0f1117;--bg-secondary: #181b25;--bg-card: #1e2130;--bg-card-hover: #262a3a;--text-primary: #e8eaf0;--text-secondary: #9498a8;--text-muted: #8589a0;--border: rgba(255, 255, 255, .06);--border-solid: #2d3748;--accent-1: #6c5ce7;--accent-1-light: #a29bfe;--accent-2: #00cec9;--accent-3: #0984e3;--gradient: linear-gradient(135deg, #6c5ce7, #00cec9);--gradient-subtle: linear-gradient(135deg, rgba(108,92,231,.15), rgba(0,206,201,.15));--shadow-card: 0 4px 24px rgba(0,0,0,.3);--shadow-card-hover: 0 12px 40px rgba(0,0,0,.45);--success: #00b894;--danger: #e74c3c;--warning: #fdcb6e;--radius: 16px;--radius-sm: 8px;--radius-pill: 100px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-tap-highlight-color:transparent}::selection{background:var(--accent-1);color:#fff}h1,h2,h3,h4{font-family:Sora,sans-serif;font-weight:700;line-height:1.2}.game-app{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:1rem}.game-header{width:100%;max-width:500px;display:flex;align-items:center;justify-content:space-between;padding:.8rem 0;margin-bottom:1rem}.game-header h1{font-size:1.6rem;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-link{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-decoration:none;padding:.4rem .8rem;border-radius:var(--radius-pill);border:1px solid var(--border);transition:all .2s ease}.back-link:hover{color:var(--accent-2);border-color:var(--accent-2)}.score-bar{display:flex;gap:.8rem;margin-bottom:1rem}.score-box{text-align:center;padding:.6rem 1.2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm)}.score-box .label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);display:block}.score-box .value{font-family:Sora,sans-serif;font-size:1.4rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;padding:.6rem 1.4rem;border-radius:var(--radius-pill);border:none;cursor:pointer;transition:all .2s ease;touch-action:manipulation}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 16px #6c5ce74d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #6c5ce766}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--accent-1)}.btn-text{background:none;color:var(--text-secondary);padding:.5rem .8rem}.btn-text:hover{color:var(--text-primary)}input[type=text]{width:100%;padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-solid);background:var(--bg-card);color:var(--text-primary);font-size:1rem;font-family:inherit;outline:none;transition:border-color .2s}input[type=text]:focus{border-color:var(--accent-1)}input[type=text]::placeholder{color:var(--text-muted)}.hint-text{margin-top:1rem;font-size:.75rem;color:var(--text-muted);text-align:center}.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0f1117d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}.game-over-card{text-align:center;padding:2.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card-hover);max-width:360px;width:90%;animation:scaleIn .3s ease}.game-over-card h2{font-size:1.8rem;margin-bottom:.5rem;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-over-card p{color:var(--text-secondary);margin-bottom:1.5rem}.game-over-card .actions{display:flex;gap:.6rem;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}@media (max-width: 480px){.game-header h1{font-size:1.3rem}.score-box .value{font-size:1.1rem}}@supports (padding-top: env(safe-area-inset-top)){.game-app{padding-top:calc(1rem + env(safe-area-inset-top));padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}:root{--bg-cell: var(--bg-secondary);--cell-size: min(15vw, 64px)}html,body{height:100%;overflow:hidden}body{user-select:none;-webkit-user-select:none}#root{height:100%}.app{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;overflow-y:auto;background:var(--bg-primary);color:var(--text-primary)}.screen{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:20px;animation:screenFadeIn .3s ease}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.logo h1{font-family:Sora,sans-serif;font-size:3.5rem;font-weight:800;letter-spacing:.25em;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.logo .subtitle{text-align:center;color:var(--text-secondary);font-size:1rem;margin-top:4px;letter-spacing:.15em}.home-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.join-link-info{text-align:center;color:var(--text-secondary);font-size:.95rem}.join-link-info strong{color:var(--accent-1-light);letter-spacing:.15em}input[type=text]{border-width:2px;padding:14px 18px}.btn{padding:14px 24px;font-size:1rem}.btn-small{padding:8px 16px;font-size:.85rem;border-radius:var(--radius-pill);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-start{margin-top:8px}.label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-weight:600}.info-text{color:var(--text-secondary);text-align:center;font-size:.95rem}.lobby-screen h2{font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700}.room-code-section{display:flex;flex-direction:column;align-items:center;gap:8px}.room-code{font-family:Sora,sans-serif;font-size:2.5rem;font-weight:800;letter-spacing:.4em;color:var(--accent-2);cursor:pointer;padding:8px 16px;border-radius:var(--radius);background:var(--bg-card);transition:background .2s}.room-code:hover{background:var(--bg-card-hover)}.room-code-actions{display:flex;gap:8px}.players-section{width:100%;display:flex;flex-direction:column;gap:8px;align-items:center}.player-tag{padding:10px 20px;background:var(--bg-card);border-radius:var(--radius-sm);font-weight:600;width:100%;max-width:280px;text-align:center}.player-tag.waiting{color:var(--text-secondary);border:2px dashed var(--border-solid);background:transparent}.series-section{display:flex;flex-direction:column;align-items:center;gap:8px}.select-series{width:100%;padding:12px 16px;border-radius:var(--radius-pill);background:var(--bg-card);border:2px solid var(--border-solid);color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.select-series:focus{outline:none;border-color:var(--accent-1)}.grid-container{display:flex;flex-direction:column;gap:4px}.grid-row{display:flex;gap:4px}.grid-cell{width:var(--cell-size);height:var(--cell-size);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:1.2rem;font-weight:700;font-family:inherit;border:2px solid var(--border-solid);cursor:pointer;transition:all .15s;position:relative;touch-action:manipulation}.setup-screen h2{font-family:Sora,sans-serif;font-size:1.4rem}.setup-hint{color:var(--text-secondary);font-size:.9rem;text-align:center;min-height:1.4em}.setup-cell{background:var(--bg-cell);color:var(--text-primary)}.setup-cell.empty{background:var(--bg-card);border-style:dashed;color:transparent}.setup-cell.empty:hover:not(:disabled){border-color:var(--accent-1);background:#6c5ce71a}.setup-cell.filled{border-color:var(--accent-1);animation:bingoPop .2s ease}.setup-cell.last-placed{border-color:var(--danger);box-shadow:0 0 10px #fd79a84d}.setup-cell.locked{opacity:.7;cursor:default}@keyframes bingoPop{0%{transform:scale(.8)}60%{transform:scale(1.1)}to{transform:scale(1)}}.setup-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.waiting-badge{color:var(--success);font-weight:600;padding:12px 20px;background:#00b8941a;border-radius:var(--radius)}.next-number-indicator{min-height:40px;display:flex;align-items:center;justify-content:center}.next-badge{background:var(--accent-1);color:#fff;padding:6px 20px;border-radius:var(--radius-pill);font-weight:700;font-size:1.1rem}.game-header{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.round-info{font-size:.85rem;color:var(--text-secondary);font-weight:600}.turn-indicator{padding:8px 24px;border-radius:var(--radius-pill);font-weight:700;font-size:1rem}.turn-indicator.my-turn{background:#00b89426;color:var(--success);animation:pulse 2s infinite}.turn-indicator.opponent-turn{background:#d6303126;color:var(--danger)}@keyframes pulse{0%,to{box-shadow:0 0 #00b8944d}50%{box-shadow:0 0 0 8px #00b89400}}.bingo-progress{display:flex;flex-direction:column;gap:6px;align-items:center}.bingo-row{display:flex;align-items:center;gap:6px}.bingo-label{font-size:.75rem;color:var(--text-secondary);min-width:50px;text-align:right}.bingo-letter{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-weight:800;font-size:.9rem;background:var(--bg-card);color:var(--text-muted);transition:all .3s}.bingo-letter.lit{background:var(--accent-1);color:#fff;animation:letterPop .4s ease}.bingo-letter.opponent.lit{background:var(--danger)}@keyframes letterPop{0%{transform:scale(.5)}60%{transform:scale(1.2)}to{transform:scale(1)}}.mini-scoreboard{display:flex;gap:16px;font-size:.85rem;color:var(--text-secondary)}.mini-score{padding:4px 12px;background:var(--bg-card);border-radius:var(--radius-sm)}.game-cell{background:var(--bg-cell);color:var(--text-primary);border-color:var(--border-solid)}.game-cell.callable{border-color:var(--success);cursor:pointer;background:#00b89414}.game-cell.callable:hover{background:#00b89433;transform:scale(1.05)}.game-cell.marked{background:#6c5ce71f;border-color:#6c5ce74d}.game-cell.marked .cell-number{opacity:.35;text-decoration:line-through;color:var(--accent-1-light)}.cell-strike{position:absolute;font-size:1.5rem;color:var(--danger);pointer-events:none}.game-cell.last-called{border-color:var(--warning);box-shadow:0 0 12px #f1c40f80;animation:lastCalledPulse 1.5s ease-in-out infinite}@keyframes lastCalledPulse{0%,to{box-shadow:0 0 8px #f1c40f4d}50%{box-shadow:0 0 18px #f1c40fb3}}.game-cell.in-completed-line{background:#00cec926;border-color:var(--accent-2)}.game-cell.in-completed-line .cell-number{opacity:.5;color:var(--accent-2)}.grid-with-lines{position:relative;z-index:0}.line-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.strike-line{stroke:var(--danger);stroke-width:.06;stroke-linecap:round;opacity:.8}.strike-line.strike-new{animation:lineSlash .4s ease forwards}@keyframes lineSlash{0%{stroke-dasharray:8;stroke-dashoffset:8}to{stroke-dasharray:8;stroke-dashoffset:0}}.preference-section{width:100%;max-width:320px;display:flex;justify-content:center}.toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 16px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-solid);transition:border-color .2s}.toggle-label:hover{border-color:var(--accent-1-light)}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-1);cursor:pointer}.toggle-text{font-size:.9rem;color:var(--text-primary)}.called-numbers{width:100%;display:flex;flex-direction:column;gap:6px;align-items:center}.called-list{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-height:80px;overflow-y:auto}.called-num{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-card);font-size:.8rem;font-weight:600;color:var(--text-secondary)}.no-calls{color:var(--text-muted);font-size:.85rem}.gameover-screen{gap:24px}.result-title{font-family:Sora,sans-serif;font-size:1.6rem;text-align:center}.result-title.win{color:var(--success);animation:winPop .6s ease}.result-title.lose{color:var(--danger);animation:shake .6s ease-in-out}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:100}.confetti-piece{position:absolute;top:-20px;border-radius:2px;animation:confettiFall linear forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}@keyframes winPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1)}}.round-detail{color:var(--text-secondary);font-size:.9rem}.final-scores{display:flex;gap:16px}.score-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 32px;border-radius:var(--radius);background:var(--bg-card);border:2px solid var(--border-solid)}.score-card.me{border-color:var(--accent-1)}.score-name{font-size:.9rem;color:var(--text-secondary);font-weight:600}.score-value{font-family:Sora,sans-serif;font-size:2.5rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gameover-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px}.error-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--danger);color:#fff;padding:12px 24px;border-radius:var(--radius);font-weight:600;font-size:.9rem;cursor:pointer;animation:slideUp .3s ease;z-index:100;max-width:90vw;text-align:center}@keyframes slideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media (max-width: 380px){:root{--cell-size: 14vw}.logo h1{font-size:2.5rem}.room-code{font-size:2rem}}@media (min-width: 768px){:root{--cell-size: 64px}}@supports (padding-top: env(safe-area-inset-top)){.app{padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom))}}