:root{--bg: radial-gradient(140% 160% at 0% -20%, #2a1454 0%, #1a1040 42%, #0a0818 100%);--panel: linear-gradient(145deg, rgba(32, 26, 58, .96) 0%, rgba(16, 14, 32, .98) 100%);--ring: rgba(251, 191, 36, .2);--pill: #1c1834;--green: #34d399;--gold: #fbbf24;--accent: #f59e0b;--accent-deep: #ea580c;--accent-glow: rgba(245, 158, 11, .35);--caller-hit-bg: linear-gradient(135deg, #fb923c, #ea580c);--caller-hit-border: #fdba74;--call-live-bg: linear-gradient(145deg, #34d399, #059669);--call-live-border: #6ee7b7;--call-live-glow: rgba(52, 211, 153, .45);--call-recent-bg: linear-gradient(135deg, #6366f1, #4f46e5);--call-recent-border: #a5b4fc;--cartela-panel-bg: linear-gradient(160deg, #e0f2fe, #dbeafe);--cartela-panel-border: rgba(59, 130, 246, .28);--cartela-cell-bg: #f8fafc;--cartela-cell-text: #1e3a5f;--cartela-cell-border: #bfdbfe;--cartela-mark-bg: linear-gradient(135deg, #8b5cf6, #6d28d9);--cartela-mark-border: #c4b5fd;--violet: #a78bfa;--shadow: 0 4px 14px -2px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 28px -6px rgba(0, 0, 0, .45);--border-radius: 12px;--border-radius-lg: 16px;--cell-h: 30px;--account-accent: #fbbf24;--account-accent-deep: #f59e0b;--account-accent-soft: rgba(251, 191, 36, .14);--account-violet: #c4b5fd;--account-violet-soft: rgba(167, 139, 250, .16);--account-panel: linear-gradient(155deg, rgba(44, 30, 78, .94) 0%, rgba(22, 16, 40, .98) 100%);--account-border: rgba(251, 191, 36, .16);--account-muted: #b4a3d6}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);background-attachment:fixed;color:#e8eeff;font:14px/1.35 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}button{touch-action:manipulation}.app{min-height:100%}.wrap{max-width:980px;margin:0 auto;padding:10px 12px 16px}.hasTabbarPad{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.inGameFocus .wrap{padding-bottom:calc(130px + env(safe-area-inset-bottom,0px))}.playingView{display:flex;flex-direction:column;gap:8px;min-height:0}.playRoomGrid{flex:1;min-height:0;align-items:stretch}.callerCol{overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 220px);min-height:0;display:flex;flex-direction:column}.playCol{display:flex;flex-direction:column;gap:0;min-height:0;overflow:hidden;max-height:calc(100dvh - 240px)}.playColFixed{flex-shrink:0;display:flex;flex-direction:column;gap:6px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06)}.playColScroll{flex:1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:8px}.playCartelaStack{display:flex;flex-direction:column;gap:12px;min-width:0;width:100%}.playCartelaStack.multi{padding-bottom:4px}.loading,.muted{opacity:.8;text-align:center;padding:24px}.gameStateHubContainer{background:var(--panel);border:1px solid var(--ring);border-radius:var(--border-radius-lg);padding:12px;margin-bottom:12px;box-shadow:var(--shadow-lg)}.gameStateHub{display:flex;gap:8px;overflow-x:auto}.hubItem{flex:1;min-width:68px;display:flex;flex-direction:column;align-items:center;gap:4px;background:linear-gradient(135deg,#8b5cf638,#1e1432bf);border:1px solid rgba(251,191,36,.15);border-radius:var(--border-radius);padding:10px 8px}.hubLabel{font-size:10px;font-weight:700;text-transform:uppercase;opacity:.85;letter-spacing:.5px}.hubValue{font-size:17px;font-weight:900}.hubGold{color:var(--gold)}.roomGrid{display:grid;grid-template-columns:minmax(160px,44%) minmax(0,1fr);gap:10px;align-items:stretch}.leftCol,.rightCol{background:var(--panel);border:1px solid var(--ring);border-radius:var(--border-radius-lg);padding:10px;box-shadow:var(--shadow-lg)}.rightCol{display:flex;flex-direction:column;gap:10px}.callerBoardWrap{width:100%;flex:1;min-height:0;display:flex;flex-direction:column}.bingoColHead{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-bottom:6px}.colHead{text-align:center;font-weight:900;font-size:13px;padding:4px 0;border-radius:6px}.colHead.B{color:#93c5fd;background:#3b82f633}.colHead.I{color:#d8b4fe;background:#a855f733}.colHead.N{color:#f9a8d4;background:#ec489933}.colHead.G{color:#86efac;background:#22c55e33}.colHead.O{color:#fdba74;background:#f9731633}.bingoTall{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;flex:1;min-height:0;align-items:stretch}.bingoCol{display:flex;flex-direction:column;gap:3px;min-height:0}.bnum{display:grid;place-items:center;flex:1;min-height:30px;height:auto;border-radius:6px;background:#1c1830e6;border:1px solid rgba(167,139,250,.15);color:#d4d4e8;font-weight:800;font-size:15px}.bnum.hit,.bnum.hit.B,.bnum.hit.I,.bnum.hit.N,.bnum.hit.G,.bnum.hit.O{color:#fff;font-weight:900;background:var(--caller-hit-bg);border-color:var(--caller-hit-border)}.bnum.latest{position:relative;z-index:1;box-shadow:0 0 0 2px #fff,0 0 14px var(--call-live-glow);transform:scale(1.05)}.bnum.hit.latest{background:var(--caller-hit-bg);border-color:var(--caller-hit-border)}.currentArea{display:flex;flex-direction:column;align-items:center;gap:6px}.recentRowCenter{display:flex;flex-wrap:nowrap;gap:4px;justify-content:center;width:100%;max-width:100%;overflow:hidden}.recentPill{flex:1 1 0;min-width:0;font-size:13px;font-weight:800;padding:3px 5px;border-radius:999px;border:1px solid var(--call-recent-border);background:var(--call-recent-bg);color:#eef2ff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.callBall{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:18px;border:4px solid var(--call-live-border);box-shadow:0 0 22px var(--call-live-glow),inset 0 0 14px #ffffff4d;background:var(--call-live-bg);color:#fff}.callBall.latest{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.cartelaWrap{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.boardHead{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-bottom:6px}.boardHead span{text-align:center;font-weight:900;font-size:12px;padding:3px;border-radius:6px}.hB{color:#2563eb;background:#3b82f62e}.hI{color:#9333ea;background:#a855f72e}.hN{color:#db2777;background:#ec48992e}.hG{color:#16a34a;background:#22c55e2e}.hO{color:#ea580c;background:#f973162e}.board5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;width:100%;min-width:0;box-sizing:border-box;background:var(--cartela-panel-bg);border:1px solid var(--cartela-panel-border);border-radius:12px;padding:6px;box-shadow:inset 0 1px #ffffffd9}.board5 .cell{aspect-ratio:1;width:100%;min-width:0;min-height:0;box-sizing:border-box;display:grid;place-items:center;padding:0;margin:0;line-height:1;border:1px solid var(--cartela-cell-border);border-radius:8px;background:var(--cartela-cell-bg);color:var(--cartela-cell-text);font-weight:900;font-size:clamp(15px,4.5vw,20px);overflow:hidden;cursor:pointer;-webkit-appearance:none;appearance:none}.board5 .cell.marked{color:#fff;background:var(--cartela-mark-bg);border-color:var(--cartela-mark-border)}.board5 .cell.called{border-color:#f97316;box-shadow:inset 0 0 0 1px #f9731673;font-weight:800}.board5 .cell.calledFlash{color:#fff;border-color:#f97316;animation:mayaCalledFlash .28s ease-out}@keyframes mayaCalledFlash{0%{background:#f97316;box-shadow:0 0 0 4px #f9731659;transform:scale(1.08)}to{background:var(--cartela-cell-bg);box-shadow:none;transform:scale(1)}}.board5 .cell.free{background:linear-gradient(135deg,#fde68a,#fbbf24);border-color:#f59e0b;color:#78350f;cursor:default}.board5.blocked .cell{opacity:.6;cursor:not-allowed}.cartelaBadge{margin-top:8px;text-align:center;font-weight:800;font-size:12px;color:var(--gold);border:1px solid rgba(255,215,0,.4);border-radius:999px;padding:6px 12px;display:inline-block;width:100%}.cartelaLockedNote{margin-top:6px;text-align:center;font-size:11px;font-weight:800;color:#fecaca;background:#ef44442e;border:1px solid rgba(248,113,113,.45);border-radius:8px;padding:5px 8px}.btnBingoCartela{margin-top:8px;width:100%;border:none;border-radius:10px;padding:10px 12px;font-weight:900;font-size:15px;letter-spacing:.6px;color:#fff;background:linear-gradient(135deg,#b45309,#92400e);cursor:pointer}.btnBingoCartela:disabled{opacity:.45;cursor:not-allowed}.cartelaLocked{opacity:.88}.autoToggleRow{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0003;border-radius:var(--border-radius)}.autoLabel{font-weight:700}.toggleSwitch{width:52px;height:28px;border-radius:999px;border:none;background:#475569;position:relative;cursor:pointer;padding:0}.toggleSwitch.on{background:#22c55e}.toggleKnob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s ease}.toggleSwitch.on .toggleKnob{transform:translate(24px)}.playColFixed .autoToggleRow{padding:4px 8px;gap:8px;border-radius:8px}.playColFixed .autoLabel{font-size:11px;font-weight:700}.playColFixed .toggleSwitch{width:40px;height:20px}.playColFixed .toggleKnob{top:2px;left:2px;width:16px;height:16px}.playColFixed .toggleSwitch.on .toggleKnob{transform:translate(20px)}.playActionBar{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr 1.2fr;grid-template-rows:auto auto;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,transparent,rgba(15,15,35,.95) 20%);z-index:50}.btnLeave{grid-column:1;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:var(--border-radius);font-weight:800;padding:12px;cursor:pointer}.btnRefresh{grid-column:2;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:var(--border-radius);font-weight:800;padding:12px;cursor:pointer}.btnAutomatic{grid-column:3;background:linear-gradient(135deg,#ca8a04,#a16207);color:#fff;border:none;border-radius:var(--border-radius);font-weight:800;padding:12px;cursor:pointer}.btnAutomatic.active{box-shadow:0 0 0 2px var(--gold)}.btnBingoFixed{grid-column:1 / -1;background:linear-gradient(135deg,#ffa733,#ff6a3d);color:#1d1308;border:none;border-radius:var(--border-radius-lg);font-weight:900;font-size:18px;padding:14px;cursor:pointer}.btnRefresh:disabled{opacity:.55;cursor:wait}.btnBingoFixed:disabled{opacity:.45;cursor:not-allowed}.cycleBar{flex-shrink:0;width:100%;height:8px;margin-top:8px;background:#1a244480;border-radius:999px;overflow:hidden}.cycleFill{height:100%;background:linear-gradient(90deg,#6366f1,#22c55e);transition:width .4s ease}.watchToast{background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:var(--border-radius);padding:10px 12px;margin-bottom:10px;text-align:center;font-weight:600}.cartelaSwitcher{display:flex;gap:8px;overflow-x:auto;margin-bottom:10px}.switchChip,.selChip{border:1px solid var(--ring);background:var(--pill);color:#e8eeff;border-radius:999px;padding:8px 14px;font-weight:700;white-space:nowrap;cursor:pointer}.switchChip.active,.selChip.active{border-color:#f97316;background:#f9731633;color:#fdba74}.lobbyView{display:flex;flex-direction:column;min-height:calc(100dvh - 72px)}.lobbyTopRow{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}.btnNav{flex:1;background:linear-gradient(135deg,#8b5cf659,#581c8773);border:1px solid rgba(251,191,36,.2);color:#f8fafc;border-radius:var(--border-radius);padding:10px 14px;font-weight:700;cursor:pointer}.lobbyStatusRow{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;margin-bottom:12px}.lobbyTimerBox{margin-left:auto;min-width:72px;display:grid;place-items:center;font-size:22px;font-weight:900;color:var(--gold);border:2px solid rgba(255,215,0,.45);border-radius:var(--border-radius);padding:8px 12px;background:#00000040}.grid8col{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;margin-bottom:12px}.scrollGrid{flex:1 1 auto;min-height:320px;max-height:min(68vh,560px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px;background:#0003;border:1px solid var(--ring);border-radius:var(--border-radius-lg)}.lobbyView.hasPreviews .scrollGrid{flex:1 1 auto;min-height:300px;max-height:min(58vh,500px)}.lobbyView.hasPreviews .selStack{flex:0 0 auto;max-height:none;overflow:visible}.seatTile.available{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #93c5fd;color:#eff6ff}.seatTile.available:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.seatTile.mine{background:linear-gradient(135deg,#22c55e,#16a34a);border:2px solid #86efac;color:#fff;box-shadow:0 0 8px #22c55e73}.seatTile.taken{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #fca5a5;color:#fff;cursor:not-allowed;opacity:1}.seatTile.disabled{opacity:.45;cursor:not-allowed}.cartelaCountPill b{color:var(--gold)}.lobbyWaitBanner{margin:0;padding:10px 12px;border-radius:var(--border-radius);background:#6366f133;border:1px solid rgba(167,139,250,.35);color:#e0e7ff;font-size:12px;font-weight:700;text-align:center;line-height:1.4}.lobbyInRoundBanner{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.btnReturnGame{width:100%;padding:10px 14px;border:none;border-radius:var(--border-radius);background:linear-gradient(135deg,#fb923c,#ea580c);color:#fff;font-weight:800;font-size:13px;cursor:pointer}.scrollGridLocked{opacity:.92}.betesebStats .hubItem{background:linear-gradient(135deg,#7c3aed47,#1e1432cc);border-color:#fbbf242e}.hubItemGameId .hubValue.hubMono{font-size:10px;letter-spacing:.25px}.hubMono{font-size:13px;letter-spacing:.5px}.hubItemCalled .hubCalledRow{display:flex;align-items:center;gap:6px}.hubSoundBtn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid rgba(148,163,184,.35);background:#0f172aa6;color:#94a3b8;cursor:pointer;padding:0;flex-shrink:0;transition:background .15s ease,color .15s ease,border-color .15s ease}.hubSoundBtn.on{background:#22c55e2e;border-color:#22c55e73;color:#4ade80}.hubSoundBtn.off{color:#64748b}.hubSoundBtn:active{transform:scale(.94)}.hubSoundIcon{width:16px;height:16px;display:block}.watchingOnlyPanel{flex:1;min-height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px 16px;background:linear-gradient(180deg,#1e1b4b99,#0f0f23e6);border:1px solid var(--ring);border-radius:var(--border-radius-lg)}.watchingOnlyTitle{margin:0 0 12px;font-size:22px;font-weight:900}.watchingOnlyAm{margin:0 0 10px;font-size:14px;line-height:1.5;opacity:.95}.watchingOnlyEn{margin:0;font-size:12px;opacity:.7}.getReadyPanel{background:#00000040;border:1px solid var(--ring);border-radius:var(--border-radius);padding:14px;text-align:center}.getReadyPanelHead{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;margin-bottom:10px}.getReadyBar{margin-top:4px}.appFooter{text-align:center;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));font-size:12px;color:#94a3b8;background:#ffffff0a;border-top:1px solid var(--ring)}.inGameFocus .appFooter{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}.walletPill{background:var(--pill);border:1px solid var(--ring);border-radius:var(--border-radius);padding:8px 10px;min-width:90px;flex:1}.walletPill span{display:block;font-size:10px;opacity:.8}.walletPill b{font-size:16px}.btnGhost{background:#ffffff14;border:1px solid var(--ring);color:#e8eeff;border-radius:var(--border-radius);padding:8px 12px;cursor:pointer;font-weight:700}.seatTile{aspect-ratio:1;border:1px solid var(--ring);border-radius:8px;background:#2a2a3e;color:#e8eeff;font-weight:800;font-size:11px;cursor:pointer}.seatTile.busy{opacity:.6}.selStrip{display:flex;gap:8px;overflow-x:auto;margin:8px 0}.selStack{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px;margin-top:8px}.previewItem{margin:0}.previewWrap{background:var(--panel);border:1px solid var(--ring);border-radius:var(--border-radius-lg);padding:12px}.previewWrap.previewItem{padding:8px}.previewWrap.previewItem .previewTitle{font-size:11px;margin-bottom:6px;text-align:center}.previewWrap .cartelaWrap.compact{max-width:min(168px,100%);margin:0 auto}.previewWrap .cartelaWrap.compact .boardHead{gap:2px;margin-bottom:4px}.previewWrap .cartelaWrap.compact .boardHead span{font-size:9px;padding:2px;border-radius:4px}.previewWrap .cartelaWrap.compact .board5{padding:4px;gap:2px;border-radius:8px}.previewWrap .cartelaWrap.compact .board5 .cell{font-size:clamp(9px,2.5vw,11px);border-radius:4px;border-width:1px}.previewWrap .cartelaWrap.compact .cartelaBadge{display:none}.previewTitle{font-weight:800;margin-bottom:8px;color:var(--gold)}.previewHint{opacity:.7;text-align:center;padding:20px}.getReadyView{display:flex;justify-content:center;margin-bottom:12px}.getReadyToast{background:#6366f140;border:1px solid var(--accent);border-radius:999px;padding:10px 20px;font-weight:800;font-size:16px}.noCardPlaceholder{text-align:center;padding:40px 16px;opacity:.7;border:1px dashed var(--ring);border-radius:var(--border-radius)}.winnerOverlay{position:fixed;inset:0;background:#050812e0;display:grid;place-items:center;z-index:100;padding:12px}.winnerCard.betesebWinner{background:linear-gradient(180deg,#1a1f2e,#12151f);border:1px solid #2d3548;border-radius:20px;padding:22px 16px 18px;max-width:340px;width:100%;text-align:center;box-shadow:0 20px 50px #0000008c;max-height:min(92dvh,680px);overflow-y:auto}.winnerCrownRing{width:64px;height:64px;margin:0 auto 10px;border-radius:50%;background:linear-gradient(135deg,#fb923c,#ea580c);display:grid;place-items:center;box-shadow:0 4px 16px #f9731673}.winnerCrownIcon{font-size:30px;filter:brightness(1.1)}.winnerBingo{margin:0 0 6px;font-size:36px;font-weight:900;letter-spacing:2px;color:gold;text-shadow:0 2px 12px rgba(255,215,0,.35)}.winnerWonLine{margin:0 0 14px;font-size:15px;font-weight:800;color:#f1f5f9}.winnerCartelaBox{background:#00000059;border:2px solid rgba(255,255,255,.85);border-radius:14px;padding:10px 10px 12px;margin-bottom:14px;text-align:left}.winnerCartelaHead{text-align:center;font-weight:800;font-size:14px;color:#fff;margin-bottom:8px}.winnerBoardHead{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-bottom:4px}.winnerH,.winnerHB,.winnerHI,.winnerHN,.winnerHG,.winnerHO{text-align:center;font-weight:900;font-size:13px;padding:4px 0;border-radius:6px}.winnerHB{color:#93c5fd;background:#3b82f640}.winnerHI{color:#d8b4fe;background:#a855f740}.winnerHN{color:#f9a8d4;background:#ec489940}.winnerHG{color:#86efac;background:#22c55e40}.winnerHO{color:#fdba74;background:#f9731640}.winnerBoard5{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.winnerCell{aspect-ratio:1;display:grid;place-items:center;border-radius:6px;font-weight:900;font-size:13px;border:1px solid #e2e8f0;background:#fff;color:#1e293b}.winnerCell.called{background:var(--caller-hit-bg);border-color:var(--caller-hit-border);color:#fff}.winnerCell.win{background:var(--cartela-mark-bg);border-color:var(--cartela-mark-border);color:#fff;box-shadow:0 0 8px #8b5cf673}.winnerCell.free{background:linear-gradient(135deg,#fde68a,#fbbf24);border-color:#f59e0b;color:#78350f;font-size:16px}.winnerCell.free.win{background:var(--cartela-mark-bg);border-color:var(--cartela-mark-border);color:#fff}.btnPlayAgain{width:100%;padding:14px 16px;border:none;border-radius:14px;background:linear-gradient(135deg,#ffa733,#ff6a3d);color:#1d1308;font-weight:900;font-size:17px;cursor:pointer;box-shadow:0 4px 14px #ff6a3d66}.winnerAutoPill{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 14px;border-radius:999px;background:#00000073;border:1px solid #334155;font-size:12px;font-weight:600;color:#cbd5e1}.winnerAutoDot{width:8px;height:8px;border-radius:50%;background:gold;box-shadow:0 0 6px #ffd700cc;animation:winnerPulse 1s ease-in-out infinite}@keyframes winnerPulse{0%,to{opacity:1}50%{opacity:.45}}.tabBar{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(180deg,#120c24fa,#0a0814fc);border-top:1px solid var(--account-border);padding-bottom:env(safe-area-inset-bottom,0px);z-index:40}.tabBtn{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 8px;background:none;border:none;color:#8b7fad;cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.2px;text-transform:uppercase}.tabBtn.active{color:var(--account-accent)}.tabBtn.active:before{content:"";position:absolute;top:0;left:22%;right:22%;height:2px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,transparent,var(--account-accent),transparent)}.tabIconWrap{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;transition:background .15s ease,transform .15s ease}.tabBtn.active .tabIconWrap{background:var(--account-accent-soft);transform:translateY(-1px)}.tabIconWrap svg{width:19px;height:19px}.tabPanel{padding:8px 0 80px}.accountPanel{padding-top:2px}.tabHeadRow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.tabTitle{margin:0;font-size:20px;font-weight:900}.tabTitlePlain{margin:0;font-size:21px;font-weight:800;letter-spacing:-.3px}.tabTitlePlain em{font-style:normal;color:var(--account-accent)}.tabSubtitle{margin:0 0 14px;font-size:13px;color:#94a3b8}.tabRefreshBtn{min-width:40px;padding:8px 12px}.tabRefreshIconBtn{background:var(--account-accent-soft);border:1px solid var(--account-border);color:var(--account-accent);padding:7px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.tabRefreshIcon{width:20px;height:20px}.sectionTitle{margin:16px 0 10px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--account-muted)}.walletUserCard{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--account-panel);border:1px solid var(--account-border);border-left:3px solid var(--account-accent);border-radius:var(--border-radius-lg);margin-bottom:16px;box-shadow:var(--shadow)}.walletUserIcon{width:40px;height:40px;border-radius:12px;background:var(--account-violet-soft);color:var(--account-violet);flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:8px}.walletUserIcon svg{width:100%;height:100%}.walletUserPhone{flex:1;font-size:15px;font-weight:700;letter-spacing:.3px}.walletVerified{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--account-accent);background:var(--account-accent-soft);border:1px solid var(--account-border);border-radius:999px;padding:4px 9px;white-space:nowrap}.walletSubTabs{display:flex;gap:18px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.walletSubTab{border:none;background:transparent;color:var(--account-muted);font-weight:700;font-size:14px;padding:8px 2px 12px;cursor:pointer;position:relative}.walletSubTab.active{color:#f8f4ff}.walletSubTab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--account-accent),var(--account-violet))}.walletBalanceRows{display:grid;gap:12px}.walletBalanceRow{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 18px 18px;background:var(--account-panel);border:1px solid var(--account-border);border-radius:var(--border-radius-lg);font-size:14px;box-shadow:var(--shadow);position:relative;overflow:hidden}.walletBalanceRow:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--account-accent)}.walletBalanceRow.play:before{background:linear-gradient(180deg,var(--account-violet),#7c3aed)}.walletBalanceRow b{font-size:20px;font-weight:900;color:#fff}.walletBalanceRow.play b{color:var(--account-violet)}.walletBalanceRow.total{margin-top:4px;border-color:#fbbf2459}.walletBalanceRow.total:before{background:linear-gradient(180deg,var(--account-gold),#d97706)}.walletBalanceHint{margin:-4px 2px 0;font-size:12px;line-height:1.4}.walletPlayLabel{display:inline-flex;align-items:center;gap:8px;color:var(--account-muted)}.walletPlayLabel svg{width:16px;height:16px;color:var(--account-violet)}.walletTxList{display:grid;gap:10px}.walletTxRow{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 14px;background:var(--account-panel);border:1px solid var(--account-border);border-radius:var(--border-radius)}.walletTxIcon{width:34px;height:34px;border-radius:10px;background:var(--account-accent-soft);color:var(--account-accent);display:flex;align-items:center;justify-content:center}.walletTxIcon svg{width:17px;height:17px}.walletTxLabel{font-weight:800;font-size:14px}.walletTxDate{font-size:11px;color:var(--account-muted);margin-top:2px}.walletTxRight{text-align:right}.walletTxRight b{display:block;color:var(--account-accent);font-size:15px}.walletTxStatus{font-size:10px;color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.3px}.historyTotalCard{padding:18px 20px;background:var(--account-panel);border:1px solid var(--account-border);border-radius:var(--border-radius-lg);margin-bottom:4px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between}.historyTotalCard span{font-size:13px;color:var(--account-muted);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.historyTotalCard b{font-size:32px;font-weight:900;color:var(--account-accent);line-height:1}.gameHistoryList{display:grid;gap:10px}.gameHistoryCard{padding:14px 15px;background:var(--account-panel);border:1px solid var(--account-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow)}.gameHistoryTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}.gameHistoryIdRow{display:flex;flex-direction:column;gap:2px;min-width:0}.gameHistoryRound{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--account-muted)}.gameHistoryId{font-weight:800;font-size:16px;color:#f3ecff;letter-spacing:.5px}.gameHistoryBadge{font-size:10px;font-weight:800;padding:5px 10px;border-radius:999px;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}.gameHistoryBadge.lost{background:#94a3b81f;color:#cbd5e1;border:1px solid rgba(148,163,184,.2)}.gameHistoryBadge.won{background:var(--account-accent-soft);color:var(--account-accent);border:1px solid var(--account-border)}.gameHistoryDate{font-size:11px;color:var(--account-muted);margin-bottom:12px}.gameHistoryStats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gameHistoryStats>div{padding:8px 10px;background:#0000002e;border-radius:10px}.gameHistoryStats span{display:block;font-size:10px;color:var(--account-muted);margin-bottom:3px;text-transform:uppercase;letter-spacing:.3px}.gameHistoryStats b{font-size:14px;font-weight:800;word-break:break-word}.gameHistoryStats .prize b{color:var(--account-accent)}.profilePanel{text-align:center}.profileHero{margin-bottom:20px;padding:18px 12px 8px;background:var(--account-panel);border:1px solid var(--account-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow)}.profileAvatar{width:68px;height:68px;margin:0 auto 10px;border-radius:50%;background:linear-gradient(145deg,#3b2a62,#22183f);border:2px solid var(--account-accent);box-shadow:0 0 0 4px var(--account-accent-soft);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;color:var(--account-accent)}.profileName{font-size:20px;font-weight:800}.profileStatGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;text-align:left}.profileStatCard{padding:13px 14px;background:var(--account-panel);border:1px solid var(--account-border);border-radius:var(--border-radius);min-height:84px;box-shadow:var(--shadow)}.profileStatCard.wide{grid-column:1 / -1}.profileStatIcon{display:block;width:20px;height:20px;margin-bottom:6px;color:var(--account-accent)}.profileStatIcon svg{width:100%;height:100%}.profileStatCard.play .profileStatIcon{color:var(--account-violet)}.profileStatCard.wins .profileStatIcon{color:#f472b6}.profileStatCard.refs .profileStatIcon{color:#fb923c}.profileStatLabel{display:block;font-size:11px;color:var(--account-muted);margin-bottom:3px;text-transform:uppercase;letter-spacing:.3px}.profileStatCard b{font-size:20px;font-weight:900}.profileStatCard.wide b{color:var(--account-accent)}.profileSettingRow{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--account-panel);border:1px solid var(--account-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow)}.profileSettingLeft{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:14px}.profileSettingLeft svg{width:18px;height:18px;color:var(--account-accent)}.walletCards{display:grid;gap:10px;margin-bottom:16px}.walletCard{background:var(--panel);border:1px solid var(--ring);border-radius:var(--border-radius);padding:14px;display:flex;justify-content:space-between;align-items:center}.profileCards{display:grid;gap:10px}.profileCard{background:var(--panel);border:1px solid var(--ring);border-radius:var(--border-radius);padding:14px;display:flex;justify-content:space-between;align-items:center}.profileCard span{opacity:.8;font-size:13px}.profileCard b{font-size:16px}.scoresList{display:flex;flex-direction:column;gap:8px}.scoreRow{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--panel);border:1px solid var(--ring);border-radius:var(--border-radius-lg)}.scoreRow.top{border-color:#ffd70040;background:linear-gradient(135deg,#6366f133,#1e1b4b80)}.scoreRank{min-width:36px;text-align:center;font-weight:900;font-size:15px;color:#94a3b8}.scoreRank.rank1{font-size:22px}.scoreRank.rank2{font-size:20px}.scoreRank.rank3{font-size:18px}.scoreMain{flex:1;min-width:0}.scoreName{font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scoreMeta{margin-top:4px;font-size:12px;color:#94a3b8;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.scoreMeta b{color:var(--gold)}.scoreMeta .dot{opacity:.5}.scoreBalance{font-weight:800;font-size:14px;color:var(--green);white-space:nowrap}.historyStats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.historyStat{background:var(--panel);border:1px solid var(--ring);border-radius:var(--border-radius);padding:12px 14px;display:flex;flex-direction:column;gap:4px}.historyStat span{font-size:11px;opacity:.8;text-transform:uppercase;letter-spacing:.4px}.historyStat b{font-size:22px;font-weight:900}.historyStat.gold b{color:var(--gold)}.historyList{display:flex;flex-direction:column;gap:10px;padding:0;list-style:none;margin:0}.historyRow{background:var(--panel);border:1px solid var(--ring);border-radius:var(--border-radius-lg);padding:12px 14px}.historyRow.won{border-color:#22c55e59;background:linear-gradient(135deg,#22c55e14,#0f1529e6)}.historyRowTop{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px}.historyRound{font-weight:900;font-size:15px}.historyDate{font-size:12px;color:#94a3b8;margin-top:2px}.historyBadge{font-size:10px;font-weight:900;letter-spacing:.5px;padding:4px 10px;border-radius:999px;background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.25)}.historyBadge.win{background:#22c55e33;color:#4ade80;border-color:#4ade8059}.historyRowMeta{display:flex;gap:16px;font-size:13px;color:#cbd5e1;margin-bottom:6px}.historyRowMeta b{color:#fff}.historyRowMeta .goldText{color:var(--gold)}.historyWinner{font-size:13px;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:520px){:root{--cell-h: clamp(18px, 4.2vw, 24px)}.wrap{padding:8px 8px 12px}.gameStateHub{gap:4px}.hubItem{min-width:58px;padding:8px 4px}.hubValue{font-size:14px}.hubLabel{font-size:9px}.hubItemGameId .hubValue.hubMono{font-size:8px;letter-spacing:.15px}.hubSoundBtn{width:26px;height:26px}.hubSoundIcon{width:14px;height:14px}.playingView{gap:6px}.roomGrid,.playRoomGrid{grid-template-columns:minmax(104px,42%) minmax(0,1fr);gap:4px}.leftCol,.rightCol,.callerCol,.playCol{padding:5px}.callerCol,.playCol{max-height:calc(100dvh - 195px)}.callBall{width:54px;height:54px;font-size:13px;border-width:3px}.recentPill{font-size:10px;padding:2px 3px;border-width:1px}.currentArea{gap:4px}.bnum{font-size:clamp(11px,2.8vw,14px);min-height:22px}.colHead{font-size:10px;padding:2px 0}.bingoColHead,.bingoTall{gap:2px}.board5{padding:4px;gap:2px}.board5 .cell{font-size:clamp(14px,4.2vw,18px);font-weight:900;border-width:1px;border-radius:5px;line-height:1}.boardHead{gap:2px;margin-bottom:4px}.boardHead span{font-size:10px;padding:2px}.cartelaBadge{font-size:10px;padding:4px 8px;margin-top:4px}.autoToggleRow{padding:5px 8px}.playColFixed .autoToggleRow{padding:3px 6px}.playColFixed .autoLabel{font-size:10px}.playColFixed .toggleSwitch{width:36px;height:18px}.playColFixed .toggleKnob{width:14px;height:14px}.playColFixed .toggleSwitch.on .toggleKnob{transform:translate(18px)}.seatTile{min-height:34px;font-size:10px;aspect-ratio:1}.grid8col{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.scrollGrid{min-height:300px;max-height:min(58vh,480px)}.lobbyView.hasPreviews .scrollGrid{min-height:280px;max-height:min(52vh,420px)}.previewWrap .cartelaWrap.compact{max-width:min(150px,100%)}.previewWrap .cartelaWrap.compact .board5 .cell{font-size:clamp(8px,2.2vw,10px)}.lobbyStatusRow{gap:5px}.walletPill{min-width:0;padding:5px 7px;flex:1 1 40%}.walletPill b{font-size:13px}.cartelaCountPill{flex:1 1 30%}.lobbyTimerBox{min-width:56px;font-size:16px;padding:6px 8px;flex:0 0 auto}.playActionBar{padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));gap:6px}.btnLeave,.btnRefresh,.btnAutomatic{padding:10px 6px;font-size:12px}.btnBingoFixed{font-size:15px;padding:11px}.watchingOnlyPanel{min-height:100px;padding:12px 8px}.watchingOnlyTitle{font-size:16px}.cartelaSwitcher{margin-bottom:6px}.switchChip,.selChip{padding:6px 10px;font-size:12px}.getReadyPanel{padding:10px}}@media(min-width:521px)and (max-width:768px){.roomGrid,.playRoomGrid{grid-template-columns:minmax(130px,43%) minmax(0,1fr)}.callerCol,.playCol{max-height:calc(100dvh - 250px)}}@media(min-width:769px){.callerCol,.playCol{max-height:calc(100dvh - 280px)}}