@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep: #000000;--bg-card: #1a1d2e;--bg-panel: #242740;--bg-pill: #2e3250;--accent: #7c5cfc;--accent-soft: #a488ff;--gold: #f5c518;--gold-dark: #d4a800;--green: #22c55e;--red: #ef4444;--red-soft: #7f1d1d;--blue: #3b82f6;--purple: #a855f7;--orange: #f97316;--text: #e8eaf0;--text-muted: #8892a4;--border: #2e3250;--taken-bg: #b45309;--taken-border: #d97706;--mine-bg: #1e3a5f;--mine-border: #3b82f6;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px}html,body,#root{height:100%;min-height:100dvh;width:100%;overflow-x:hidden}body{font-family:Inter,sans-serif;background:var(--bg-deep);color:var(--text);font-size:14px;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.header-bar{display:flex;align-items:stretch;gap:0;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;margin-bottom:14px;flex-shrink:0}.header-cell{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 4px;position:relative}.header-cell+.header-cell:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:var(--border)}.header-cell .label{font-size:9px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1px}.header-cell .value{font-size:14px;font-weight:800;color:var(--text);line-height:1.1}.header-cell .value.timer-warn{color:var(--gold)}.header-cell .value.win-pot{color:var(--green)}.header-cell .unit{font-size:9px;color:var(--text-muted);font-weight:500}.page{display:flex;flex-direction:column;height:100dvh;padding:10px 10px env(safe-area-inset-bottom,10px);gap:0;overflow:hidden;background:#000}.page-title{font-size:18px;font-weight:800;text-align:center;margin-bottom:10px;color:var(--text);flex-shrink:0}.board-grid-wrapper{flex:1;overflow-y:auto;position:relative;margin:0 -2px}.board-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;padding:4px 4px 260px}.board-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;font-size:8px;font-weight:700;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s,transform .1s,box-shadow .2s;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.board-cell:hover{background:var(--bg-card);box-shadow:0 0 6px var(--accent)}.board-cell.taken{background:var(--taken-bg);border-color:var(--taken-border);color:#fff;cursor:not-allowed;box-shadow:0 0 6px #d977068c}.board-cell.taken:hover{background:#92400e;border-color:var(--taken-border);box-shadow:0 0 8px #d97706b3;transform:none}.board-cell:active{transform:scale(.93)}.board-cell.mine{background:var(--gold);border-color:var(--gold-dark);color:#000;box-shadow:0 0 10px #f5c51880}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;width:100%;max-width:320px;animation:slideUp .2s ease}.modal-title{text-align:center;font-size:16px;font-weight:800;margin-bottom:14px;color:var(--accent-soft)}.bingo-card-container{padding:3px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 10px 25px #00000014,0 0 10px #7c5cfc0a;margin-bottom:2px;max-width:210px;margin-left:auto;margin-right:auto}.bingo-card-container.compact{padding:1px;max-width:100%;border-radius:8px;margin-bottom:2px;box-shadow:none;background:#fff;border:1px solid #e2e8f0}.bingo-card{width:100%;border-radius:4px;overflow:hidden}.bingo-header-row{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;margin-bottom:2px}.bingo-header-cell{height:26px;display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 4px #0000004d}.compact .bingo-header-cell{font-size:8px;border-radius:2px;height:16px}.card-header-0{background:var(--green);box-shadow:0 0 8px #22c55e4d}.card-header-1{background:var(--gold);color:#1a1a1a;box-shadow:0 0 8px #f5c5184d}.card-header-2{background:var(--purple);box-shadow:0 0 8px #a855f74d}.card-header-3{background:var(--red);box-shadow:0 0 8px #ef44444d}.card-header-4{background:var(--blue);box-shadow:0 0 8px #3b82f64d}.bingo-grid-rows{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:0 2px}.bingo-cell{height:26px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#f8fafc;color:#1e293b;border-radius:3px;border:1px solid #e2e8f0;box-shadow:inset 0 1px 1px #fffc;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;min-height:auto}.compact .bingo-cell{font-size:8px;border-radius:2px;height:16px}.bingo-cell:hover{background:#f1f5f9;color:#0f172a;transform:translateY(-1px)}.bingo-cell.marked{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 8px #ef444466;border-color:#fff3;color:#fff;transform:scale(.97)}.bingo-cell.free{background:#eff6ff;border:1px solid #bfdbfe}.free-star{font-size:12px;filter:drop-shadow(0 0 2px #f5c518)}.compact .free-star{font-size:9px}.bingo-cell.win-cell{background:linear-gradient(135deg,#22c55e,#15803d);color:#fff;box-shadow:0 0 15px #22c55e;z-index:5;transform:scale(1.05);animation:winPulse 1s infinite alternate}@keyframes winPulse{0%{box-shadow:0 0 8px #22c55e}to{box-shadow:0 0 20px #22c55e}}.btn-bingo-main{width:100%;max-width:135px;margin:4px auto 0;padding:4px 0;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:0 4px 15px #ea580c4d;transition:all .2s;display:block}.btn-bingo-main:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ea580c66}.btn-bingo-main:active{transform:translateY(1px)}.btn-bingo-main:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.auto-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:5px 4px;margin-bottom:4px;background:#2e325059;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.auto-toggle-label{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase}.auto-toggle-btn{position:relative;width:44px;height:24px;border-radius:12px;border:none;background:#3a3d55;cursor:pointer;transition:background .25s ease;padding:0;flex-shrink:0;box-shadow:inset 0 1px 3px #0006}.auto-toggle-btn.on{background:linear-gradient(135deg,#7c5cfc,#a855f7);box-shadow:0 0 10px #7c5cfc66,inset 0 1px 3px #0003}.auto-toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #00000059}.auto-toggle-btn.on .auto-toggle-knob{transform:translate(20px)}.modal-actions{display:flex;gap:10px;margin-top:14px}.btn{flex:1;padding:12px;border:none;border-radius:var(--radius);font-size:14px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s;font-family:inherit}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-cancel{background:var(--bg-panel);border:1.5px solid var(--border);color:var(--text-muted)}.btn-confirm{background:linear-gradient(135deg,#7c5cfc,#a855f7);color:#fff}.btn-bingo{width:auto;padding:8px 16px;background:linear-gradient(135deg,#7c5cfc,#a855f7);color:#fff;font-size:14px;font-weight:950;text-transform:uppercase;border-radius:var(--radius-sm);border:none;cursor:pointer;margin-top:8px;box-shadow:0 2px 0 var(--gold-dark);transition:transform .05s,background .1s}.btn-bingo:active{transform:translateY(2px);box-shadow:0 0 0 var(--gold-dark)}.btn-bingo:active{transform:translateY(2px);box-shadow:0 2px 0 var(--gold-dark)}.btn-bingo:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.selected-panel{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.95) 80%,transparent);padding:60px 12px 10px;display:flex;flex-direction:column;gap:4px;animation:slideUp .4s ease-out;min-height:auto;justify-content:flex-end;z-index:50}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.selected-panel-label{font-size:11px;color:var(--text-muted);text-align:center}.selected-cards-row{display:flex;gap:12px;justify-content:center;align-items:flex-end}.selected-card-item{position:relative;flex:1;max-width:140px}.selected-card-item .card-label{font-size:11px;font-weight:700;color:var(--accent-soft);margin-bottom:2px;text-align:center}.selected-card-item .remove-btn{position:absolute;top:15px;right:-5px;width:22px;height:22px;background:var(--red);border:none;border-radius:50%;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 2px 4px #00000080}.gameplay-page{display:flex;flex-direction:column;height:100dvh;padding:6px 6px env(safe-area-inset-bottom,10px);overflow:hidden;touch-action:none}.spectator-header{margin-bottom:8px}.spectator-header .header-cell{padding:4px 2px}.spectator-header .value{font-size:13px}.spectator-header .label{font-size:9px;margin-bottom:1px}.gameplay-content{display:flex;gap:12px;flex:1;overflow:hidden}.vertical-tracker{width:125px;flex:none;height:85%;margin-top:0;flex-shrink:0;background:#222533;border:1px solid #252840;border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden}.vt-header-row{display:grid;grid-template-columns:repeat(5,1fr);background:transparent;padding:6px 3px 2px}.vt-header{display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:14px;font-weight:900;color:#f5c518;background:transparent!important;flex-shrink:0}.vth-B,.vth-I,.vth-N,.vth-G,.vth-O{background:transparent}.vt-body{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(15,1fr);flex:1;padding:0 3px 4px;gap:2px;overflow-y:auto}.vt-cell{display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#8892a4;background:#252840;height:20px;width:20px;margin:0 auto;border-radius:3px;transition:all .2s}.spectator-mode .vertical-tracker{width:125px}.spectator-mode .vt-cell{height:20px;width:20px;font-size:12px}.vt-cell.called-B{background:var(--green);color:#fff;box-shadow:0 0 8px #22c55e4d}.vt-cell.called-I{background:var(--gold);color:#1a1a1a;box-shadow:0 0 8px #f5c5184d}.vt-cell.called-N{background:var(--purple);color:#fff;box-shadow:0 0 8px #a855f74d}.vt-cell.called-G{background:var(--red);color:#fff;box-shadow:0 0 8px #ef44444d}.vt-cell.called-O{background:var(--blue);color:#fff;box-shadow:0 0 8px #3b82f64d}.gameplay-main{flex:1;display:flex;flex-direction:column;overflow-y:hidden;padding-bottom:4px}.recent-balls-container{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap;min-height:80px}@keyframes slowMotionFloat{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.03)}to{transform:translateY(0) scale(1)}}@keyframes glowPulse{0%{filter:drop-shadow(0 0 6px currentColor)}to{filter:drop-shadow(0 0 16px currentColor)}}.recent-ball{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;transition:all .3s ease;animation:slowMotionFloat 3s ease-in-out infinite;color:#fff;width:36px;height:36px;font-size:13px}.recent-ball.latest{width:58px;height:58px;font-size:20px;animation:slowMotionFloat 2s ease-in-out infinite,glowPulse 1.5s ease-in-out infinite alternate;z-index:10}.number-tracker{display:none}.player-cards-section{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-bottom:4px}.player-card-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.player-card-title{font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:8px;text-align:center}.suspended-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ef4444f2;color:#fff;padding:12px 24px;border:2px solid white;border-radius:var(--radius-sm);font-size:14px;font-weight:900;letter-spacing:.1em;box-shadow:0 0 20px #00000080;z-index:20}.spectator-banner{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px;text-align:center;flex-shrink:0;margin-bottom:10px}.spectator-banner p{color:var(--text-muted);font-size:13px;margin-top:4px}.winner-overlay{position:fixed;inset:0;z-index:200;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;animation:fadeIn .3s ease;overflow-y:auto}.winner-overlay.single-winner{overflow-y:hidden;justify-content:center}.winner-overlay.single-winner .winner-overlay-inner{max-height:95vh;justify-content:center}.winner-overlay h1{font-size:32px;font-weight:900;color:#1e1b4b;text-align:center;margin-bottom:4px;text-shadow:0 0 10px rgba(30,27,75,.1);animation:pulse 1s infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.04)}}.winner-prize{font-size:22px;font-weight:800;color:var(--green);text-align:center;margin-bottom:18px}.winner-cards-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;width:100%;max-width:380px}.winner-card-item{flex:1;min-width:140px;max-width:180px}.winner-name{font-size:14px;font-weight:700;color:var(--accent-soft);text-align:center;margin-bottom:6px}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--border);border-radius:24px;padding:10px 20px;font-size:13px;font-weight:600;color:var(--text);z-index:300;pointer-events:none;animation:toastAnim 2.5s ease forwards}@keyframes toastAnim{0%{opacity:0;transform:translate(-50%) translateY(10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}75%{opacity:1}to{opacity:0}}.conn-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0}.conn-dot.off{background:var(--red)}.recent-balls-section{display:flex;flex-direction:column;align-items:flex-end;padding-right:10px;margin-bottom:20px}.gameplay-page:not(.spectator-mode) .recent-balls-section{align-items:center;padding-right:0;margin-bottom:8px}.last-called-label{font-size:11px;font-weight:700;color:#6b7280;letter-spacing:.1em;margin-bottom:8px;margin-right:15px}.balls-display-row{display:flex;align-items:center;gap:4px}.prev-balls{display:flex;gap:8px}.prev-ball{background:#111421;border-radius:20px;padding:2px 6px;font-size:9.5px;font-weight:800;border:1px solid rgba(255,255,255,.05)}.latest-ball{width:52px;height:34px;min-width:52px;min-height:34px;border-radius:17px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#fff;background:transparent;position:relative;flex-shrink:0}.latest-ball.empty{border:2px dashed rgba(255,255,255,.2);background:transparent}.latest-ball:not(.empty){animation:glowPulseRing 2s infinite alternate}.latest-ball.color-B{border:2px solid var(--green);box-shadow:0 0 15px #22c55e66;text-shadow:0 0 10px var(--green)}.latest-ball.color-I{border:2px solid var(--gold);box-shadow:0 0 15px #f5c51866;text-shadow:0 0 10px var(--gold)}.latest-ball.color-N{border:2px solid var(--purple);box-shadow:0 0 15px #a855f766;text-shadow:0 0 10px var(--purple)}.latest-ball.color-G{border:2px solid var(--red);box-shadow:0 0 15px #ef444466;text-shadow:0 0 10px var(--red)}.latest-ball.color-O{border:2px solid var(--blue);box-shadow:0 0 15px #3b82f666;text-shadow:0 0 10px var(--blue)}.color-B{color:var(--green)}.color-I{color:var(--gold)}.color-N{color:var(--purple)}.color-G{color:var(--red)}.color-O{color:var(--blue)}@keyframes glowPulseRing{0%{transform:scale(1)}to{transform:scale(1.05)}}.spectator-waiting-box{background:linear-gradient(135deg,#111421,#0d0f18);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:30px 20px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #00000080;margin-top:20px}.waiting-line{display:flex;align-items:center;gap:15px;width:100%}.waiting-line-dash{height:1px;flex:1;background:#ffffff1a}.waiting-line-text{font-size:11px;font-weight:700;color:#6b7280;letter-spacing:.1em;text-align:center;line-height:1.3}.spectator-header{border-radius:12px;background:#111421;border-color:#1e2030}.spectator-header .header-cell{padding:6px 4px}.mute-cell{flex:0 0 auto!important;width:32px;cursor:pointer;transition:opacity .2s}.mute-cell:active{opacity:.6}.mute-icon{font-size:16px}.conn-cell{flex:0 0 auto!important;width:32px}.conn-dot-wrapper{background:#1a1e30;border:1px solid #242840;border-radius:10px;width:20px;height:34px;display:flex;align-items:center;justify-content:center}.conn-dot-wrapper.conn-on .conn-dot-inner{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e}.conn-dot-wrapper.conn-off .conn-dot-inner{width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef4444}.gameplay-page.blurred>*:not(.winner-overlay),.gpp-page.blurred>*:not(.winner-overlay){filter:blur(8px);pointer-events:none}.winner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:#0d0f18d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;padding:20px}.winner-overlay-inner{background:#1a1e30;border:1px solid #2e3250;border-radius:24px;width:100%;max-width:400px;max-height:90vh;display:flex;flex-direction:column;padding:24px;box-shadow:0 20px 40px #0009,inset 0 1px 1px #ffffff0d}.winner-overlay-header{text-align:center;margin-bottom:20px}.winner-trophy{font-size:40px;display:block;margin-bottom:8px}.winner-title{margin:0;font-size:24px;color:#1e1b4b;letter-spacing:2px}.winner-list{flex:1;overflow-y:auto;padding-right:4px}.winner-card-block{background:#222533;border-radius:16px;padding:16px;margin-bottom:16px;border:1px solid #383d57;box-shadow:0 4px 12px #0003}.winner-identity{display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.winner-name{font-weight:800;font-size:19px;color:#f5c518;text-shadow:0 1px 3px rgba(0,0,0,.4)}.winner-phone{font-size:14px;color:#8892a4;margin:2px 0}.winner-prize{font-size:20px;font-weight:800;color:#22c55e;margin-top:4px}.winner-prize-bonus-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;margin-top:6px}.winner-prize-base{font-size:17px;font-weight:700;color:#16a34a}.winner-prize-separator,.winner-prize-eq{font-size:16px;font-weight:600;color:#475569}.winner-prize-bonus-label{font-size:15px;font-weight:700;color:#ea580c}.winner-prize-total{font-size:22px;font-weight:900;color:#2563eb;text-shadow:0 0 8px rgba(37,99,235,.4),0 0 20px rgba(37,99,235,.2);animation:bonusTotalDimlight 1.8s ease-in-out infinite alternate}@keyframes bonusTotalDimlight{0%{text-shadow:0 0 6px rgba(37,99,235,.3),0 0 14px rgba(37,99,235,.1);opacity:.85}to{text-shadow:0 0 12px rgba(37,99,235,.6),0 0 28px rgba(37,99,235,.3);opacity:1}}.winner-card-preview{width:180px;margin:0 auto;aspect-ratio:1;display:flex;flex-direction:column;padding:4px;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.wcp-header{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;margin-bottom:2px}.wcp-header-cell{aspect-ratio:1.5;display:flex;justify-content:center;align-items:center;font-size:10px;font-weight:900;color:#fff;border-radius:2px}.wcp-B{background:#e74c3c}.wcp-I{background:#3498db}.wcp-N{background:#f1c40f;color:#000}.wcp-G{background:#2ecc71}.wcp-O{background:#9b59b6}.wcp-body{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.wcp-cell{aspect-ratio:1;display:flex;justify-content:center;align-items:center;font-size:10px;font-weight:700;background:#f8fafc;border:1px solid #e2e8f0;border-radius:2px;color:#1e293b}.wcp-uncalled{background:#f1f5f9;color:#94a3b8}.wcp-called.col-B{background:#22c55e26;color:#22c55e;font-weight:700}.wcp-called.col-I{background:#f5c5182e;color:#b7950b;font-weight:700}.wcp-called.col-N{background:#a855f726;color:#a855f7;font-weight:700}.wcp-called.col-G{background:#ef444426;color:#ef4444;font-weight:700}.wcp-called.col-O{background:#3b82f626;color:#3b82f6;font-weight:700}.wcp-winning{background:#f5c518!important;color:#1a1a1a!important;box-shadow:0 0 10px #f5c51899;transform:scale(1.1);z-index:1;border:1px solid #ffffff}.wcp-free{font-size:14px}.winner-card-number{text-align:center;font-size:13px;color:#fff;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.6);margin-top:8px}.winner-overlay-footer{margin-top:20px;text-align:center}.countdown-label{font-size:12px;color:#64748b;margin-bottom:4px}.countdown-number{font-size:24px;font-weight:900;color:#1e293b}.countdown-bar-track{width:100%;height:4px;background:#00000014;border-radius:2px;margin-top:8px;overflow:hidden}.countdown-bar-fill{height:100%;background:#4f46e5;transition:width 1s linear}.loading-screen,.maintenance-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;width:100vw;background-color:#000;color:#fff;text-align:center;padding:20px;position:fixed;inset:0;z-index:9999}.logo-pulse{width:320px;max-width:92vw;margin-bottom:36px;animation:logoPulse 2s cubic-bezier(.4,0,.6,1) infinite;filter:drop-shadow(0 0 15px rgba(124,92,252,.5))}@keyframes logoPulse{0%,to{transform:scale(1);opacity:1;filter:drop-shadow(0 0 15px rgba(124,92,252,.5))}50%{transform:scale(1.05);opacity:.8;filter:drop-shadow(0 0 25px rgba(168,85,247,.8))}}.loading-bar-container{width:200px;max-width:70vw;height:6px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.loading-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--accent-soft),var(--accent),var(--accent-soft));background-size:200% 100%;animation:loadingBarSlide 2s linear infinite,loadingBarFill 10s ease-out forwards;transform-origin:left}@keyframes loadingBarSlide{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes loadingBarFill{0%{transform:scaleX(.05)}20%{transform:scaleX(.3)}50%{transform:scaleX(.6)}80%{transform:scaleX(.85)}to{transform:scaleX(1)}}.bingo-dots-loader{display:flex;align-items:center;gap:10px;margin-top:8px}.bingo-dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 0 10px #a855f799;animation:bingoDotBounce 1.2s ease-in-out infinite}.bingo-dot:nth-child(1){animation-delay:0s;background:linear-gradient(135deg,#f59e0b,#ef4444)}.bingo-dot:nth-child(2){animation-delay:.15s;background:linear-gradient(135deg,#10b981,#3b82f6)}.bingo-dot:nth-child(3){animation-delay:.3s;background:linear-gradient(135deg,#a855f7,#6366f1)}.bingo-dot:nth-child(4){animation-delay:.45s;background:linear-gradient(135deg,#f59e0b,#ef4444)}.bingo-dot:nth-child(5){animation-delay:.6s;background:linear-gradient(135deg,#10b981,#3b82f6)}@keyframes bingoDotBounce{0%,80%,to{transform:scale(1) translateY(0);opacity:.7;box-shadow:0 0 6px #a855f766}40%{transform:scale(1.4) translateY(-10px);opacity:1;box-shadow:0 4px 20px #a855f7cc}}.maintenance-text{font-size:20px;font-weight:700;margin-top:20px;letter-spacing:1px}.bsp-page{display:flex;flex-direction:column;height:100dvh;padding:8px 8px env(safe-area-inset-bottom,8px);gap:5px;overflow:hidden;background:#222533}.bsp-topbar{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-shrink:0}.bsp-refresh-btn{background:transparent;border:2px solid #5a6578;border-radius:20px;color:#e2e8f0;font-size:11px;font-weight:700;padding:5px 14px;cursor:pointer;letter-spacing:.05em;font-family:inherit;transition:border-color .2s,color .2s}.bsp-refresh-btn:hover{border-color:#00d4ff;color:#00d4ff}.bsp-balance{display:flex;flex-direction:column;align-items:center;gap:1px;flex:1}.bsp-balance-label{font-size:10px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.bsp-balance-value{font-size:13px;font-weight:800;color:#22c55e}.bsp-timer-amharic{flex-shrink:0;max-width:45%}.bsp-amharic-text{font-size:10px;font-weight:700;color:#f5c518;text-align:right;display:block;line-height:1.3}.bsp-statusbar{display:flex;align-items:center;justify-content:space-between;background:#2b2f42;border-radius:10px;padding:6px 12px;flex-shrink:0;border:1px solid #363b53}.bsp-conn-area{display:flex;align-items:center;gap:5px}.bsp-conn-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e;flex-shrink:0}.bsp-conn-dot.off{background:#ef4444;box-shadow:0 0 6px #ef4444}.bsp-conn-label{font-size:10px;font-weight:700;color:#22c55e;letter-spacing:.05em;text-transform:uppercase}.bsp-conn-dot.off+.bsp-conn-label{color:#ef4444}.bsp-timer-area{display:flex;align-items:center;gap:4px;background:#1e212b;border-radius:16px;padding:3px 10px}.bsp-timer-icon{font-size:13px}.bsp-timer-value{font-size:14px;font-weight:900;color:#e8eaf0}.bsp-timer-value.warn{color:#ef4444;animation:blinkTimer .6s infinite alternate}@keyframes blinkTimer{0%{opacity:1}to{opacity:.4}}.bsp-stake-area{display:flex;align-items:center;gap:4px}.bsp-stake-label{font-size:11px;color:#94a3b8;font-weight:600}.bsp-stake-value{font-size:12px;font-weight:800;color:#00d4ff}.bsp-winpot-bar{display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;padding:4px 0}.bsp-winpot-label{font-size:13px;font-weight:700;color:#e8eaf0}.bsp-winpot-value{font-size:16px;font-weight:900;color:#22c55e;text-shadow:0 0 12px rgba(34,197,94,.5)}.bsp-grid-wrapper{flex:1;overflow-y:auto;position:relative;margin:0 -2px}.bsp-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;padding:2px 4px 260px}.bsp-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#2b2f42;border:1px solid #363b53;border-radius:8px;font-size:13px;font-weight:800;color:#c8ccd8;cursor:pointer;transition:background .15s,transform .1s,box-shadow .2s;-webkit-user-select:none;user-select:none}.bsp-cell:hover{background:#383d57;box-shadow:0 0 6px #00d4ff4d}.bsp-cell.taken{background:#c0392b;border-color:#e74c3c;color:#fff;cursor:not-allowed;box-shadow:0 0 6px #e74c3c66}.bsp-cell.taken:hover{background:#a93226;transform:none}.bsp-cell.mine{background:#3b82f6;border-color:#2563eb;color:#fff;box-shadow:0 0 10px #3b82f680}.bsp-cell:active{transform:scale(.93)}.bsp-selected-panel{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(34,37,51,.98) 80%,transparent);padding:60px 12px 10px;display:flex;flex-direction:column;gap:4px;animation:slideUp .4s ease-out;justify-content:flex-end;z-index:50}.bsp-selected-label{font-size:11px;color:#94a3b8;text-align:center}.bsp-selected-row{display:flex;gap:12px;align-items:flex-end;overflow-x:auto;padding:4px 10px;-webkit-overflow-scrolling:touch;justify-content:flex-start}.bsp-selected-row.justify-center{justify-content:center}.bsp-selected-item{position:relative;flex:0 0 130px}.bsp-card-label{font-size:11px;font-weight:700;color:var(--accent-soft);margin-bottom:2px;text-align:center}.bsp-remove-btn{position:absolute;top:15px;right:-5px;width:22px;height:22px;background:var(--red);border:none;border-radius:50%;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 2px 4px #00000080}.gpp-page{display:flex;flex-direction:column;height:100dvh;padding:6px 6px env(safe-area-inset-bottom,6px);overflow:hidden;background:#222533;gap:5px}.gpp-header{display:flex;align-items:stretch;gap:4px;flex-shrink:0}.gpp-header-box{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1e30;border:1px solid #252840;border-radius:10px;padding:6px 4px;min-width:0}.gpp-header-label{font-size:9px;color:#8892a4;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.gpp-header-value{font-size:13px;font-weight:800;color:#e8eaf0;line-height:1.1}.gpp-header-value.win-val{color:#22c55e}.gpp-header-unit{font-size:9px;color:#8892a4;font-weight:500}.gpp-sound-btn{flex:0 0 auto;width:44px;cursor:pointer;border-radius:50%!important;background:#4a1d96!important;border-color:#6d28d9!important;transition:background .2s}.gpp-sound-btn:hover{background:#5b21b6!important}.gpp-sound-icon{font-size:18px;line-height:1;transition:transform .2s}.gpp-sound-icon.on{filter:drop-shadow(0 0 6px rgba(168,85,247,.8))}.gpp-content{display:flex;gap:8px;flex:1;overflow:hidden;min-height:0}.gpp-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-width:0}.gpp-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;flex-shrink:0;margin-bottom:8px}.gpp-balls-section{flex:1}.gpp-balls-row{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:nowrap;padding-top:1px;padding-right:5px}.gpp-prev-balls{display:flex;gap:4px}.gpp-prev-ball{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;border:1.5px solid rgba(255,255,255,.2);flex-shrink:0}.gpp-latest-ball{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:#fff;border:3px solid #f5c518;background:#1a1e30;box-shadow:0 0 20px #f5c51880,0 0 40px #f5c51833;animation:gppBallPulse 1.5s ease-in-out infinite alternate;flex-shrink:0}.gpp-latest-ball.empty{border:2px dashed rgba(255,255,255,.2);background:transparent;box-shadow:none;animation:none}@keyframes gppBallPulse{0%{box-shadow:0 0 15px #f5c51866,0 0 30px #f5c51826;transform:scale(1)}to{box-shadow:0 0 25px #f5c518b3,0 0 50px #f5c51859;transform:scale(1.05)}}.bg-B{background:#22c55e}.bg-I{background:#f5c518;color:#000!important}.bg-N{background:#a855f7;color:#fff!important}.bg-G{background:#ef4444}.bg-O{background:#3b82f6}.gpp-latest-ball.bg-B{border-color:#22c55e;box-shadow:0 0 20px #22c55e80;background:#22c55e}.gpp-latest-ball.bg-I{border-color:#f5c518;box-shadow:0 0 20px #f5c51899;background:#f5c518;color:#000!important}.gpp-latest-ball.bg-N{border-color:#a855f7;box-shadow:0 0 20px #a855f780;background:#a855f7;color:#fff!important}.gpp-latest-ball.bg-G{border-color:#ef4444;box-shadow:0 0 20px #ef444480;background:#ef4444}.gpp-latest-ball.bg-O{border-color:#3b82f6;box-shadow:0 0 20px #3b82f680;background:#3b82f6}.gpp-auto-section{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;padding-top:4px}.gpp-auto-label{font-size:10px;font-weight:700;color:#ef4444;letter-spacing:.05em;text-transform:uppercase}.gpp-auto-toggle{position:relative;width:48px;height:26px;border-radius:13px;border:none;background:#3a3d55;cursor:pointer;transition:background .25s ease;padding:0;flex-shrink:0;box-shadow:inset 0 1px 3px #0006}.gpp-auto-toggle.on{background:linear-gradient(135deg,#22c55e,#15803d);box-shadow:0 0 10px #22c55e66,inset 0 1px 3px #0003}.gpp-auto-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #00000059}.gpp-auto-toggle.on .gpp-auto-knob{transform:translate(22px)}.gpp-cards-area{flex:1;overflow-y:auto;padding-bottom:4px}.gpp-amharic-instruction{font-size:13px;color:#e8eaf0;line-height:1.6;margin-bottom:10px;padding:4px 0}.gpp-bottom-bar{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 8px;background:#0d0f1a;border-radius:12px;border:1px solid #1e2235}.gpp-win-count{text-align:center}.gpp-win-count-num{font-size:24px;font-weight:900;color:#ef4444;text-shadow:0 0 15px rgba(239,68,68,.5);letter-spacing:.05em}.gpp-win-prize{text-align:center}.gpp-win-prize-text{font-size:12px;font-weight:700;color:#f5c518}.gpp-refresh-btn{background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:22px;color:#000;font-size:14px;font-weight:900;padding:10px 40px;cursor:pointer;font-family:inherit;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 4px 15px #00d4ff4d;transition:transform .1s,box-shadow .2s;width:100%;max-width:280px;margin-top:2px}.gpp-refresh-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff80}.gpp-refresh-btn:active{transform:translateY(1px);box-shadow:0 2px 10px #00d4ff66}.promo-ticker-capsule{position:relative;overflow:hidden;white-space:nowrap;display:flex;align-items:center;background:#141724;border:1px solid rgba(245,197,24,.45);border-radius:20px;box-shadow:0 0 8px #f5c5182e;-webkit-user-select:none;user-select:none;pointer-events:none;box-sizing:border-box}.promo-marquee-track{display:inline-flex;white-space:nowrap;animation:promoMarquee 22s linear infinite;will-change:transform}.promo-text{font-size:11px;font-weight:800;color:#f5c518;padding-right:35px;letter-spacing:.02em;display:inline-block}@keyframes promoMarquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.bsp-promo-container{width:120px;max-width:38%;height:28px;padding:0 6px;flex-shrink:0}.gpp-left-col{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;width:125px}.gpp-promo-container{width:125px;height:26px;padding:0 6px}.gpp-left-refresh-btn{width:125px;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:12px;color:#000;font-size:12px;font-weight:900;padding:7px 0;cursor:pointer;font-family:inherit;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 2px 10px #00d4ff59;transition:transform .1s,box-shadow .2s}.gpp-left-refresh-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00d4ff8c}.gpp-left-refresh-btn:active{transform:translateY(1px);box-shadow:0 1px 6px #00d4ff4d}.gpp-left-top-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:4px}.gpp-left-refresh-btn-sm{width:100%;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:6px;color:#000;font-size:10px;font-weight:900;padding:2px 0;line-height:1.2;cursor:pointer;font-family:inherit;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 2px 8px #00d4ff4d;transition:transform .1s,box-shadow .2s}.gpp-left-refresh-btn-sm:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00d4ff80}.gpp-left-refresh-btn-sm:active{transform:translateY(1px)}.gpp-zgame-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1228;border:1px solid rgba(220,80,80,.5);border-radius:8px;padding:3px 7px;min-width:38px;line-height:1.1}.gpp-zgame-num{font-size:16px;font-weight:900;color:#f87171;line-height:1}.gpp-zgame-label{font-size:9px;font-weight:700;color:#f87171;opacity:.8;letter-spacing:.03em}.gpp-zgame-text{font-size:15px;font-weight:900;color:#f87171;text-align:center;letter-spacing:.04em}