:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;overflow-x:hidden}body{color:#fff;background:#070716;font-family:Arial,sans-serif}button{font-family:inherit}.app{background:radial-gradient(circle at 20% 10%,#00e7ff2b,#0000 25%),radial-gradient(circle at 90% 20%,#ffb00024,#0000 20%),linear-gradient(#080817 0%,#10113a 48%,#22186a 100%);min-height:100vh;padding-bottom:78px}.content{padding:18px 14px}.profile-card,.waiting-card{background:#121c32d1;border:1px solid #16d9f7;border-radius:18px;padding:18px;box-shadow:0 0 22px #0cd2ed33}.profile-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-title h2{margin:0 0 10px;font-size:16px}.profile-title span{color:#16e9ff}.profile-title button{color:#20e7ff;cursor:pointer;background:#132235;border:1px solid #16d9f7;border-radius:14px;padding:9px 13px;font-size:14px}.user-box{background:#060b1c66;border:1px solid #16d9f7bf;border-radius:16px;justify-content:center;align-items:center;gap:14px;padding:15px;display:flex}.avatar{color:#07111d;background:linear-gradient(135deg,#38f6ff,#00a8ff);border-radius:50%;flex:none;place-items:center;width:66px;height:66px;font-size:22px;font-weight:900;display:grid;box-shadow:0 0 18px #38f6ff73}.user-box h3{text-align:center;margin:0 0 8px}.copy-id{color:#27d9ef;border:1px solid #0bb7d6;border-radius:20px;padding:6px 14px}.balance{color:#22e6f4;margin:10px 0;font-size:20px;font-weight:900}.badges span{background:#ffffff1f;border-radius:14px;margin-right:6px;padding:5px 10px;display:inline-block}.stake-title{background:#1e2f4be6;border:1px solid #16d9f7;border-radius:10px;width:fit-content;margin:22px auto 18px;padding:6px 12px}.rooms-table{background:#17223adb;border:1px solid #16d9f7;border-radius:18px;overflow:hidden;box-shadow:0 0 18px #14d2f733}.table-head,.room-row{border-bottom:1px solid #14d2ed47;grid-template-columns:1.25fr 1fr .8fr 1.15fr 1fr;align-items:center;gap:8px;padding:14px 10px;display:grid}.table-head{color:#16e9ff;font-size:12px;font-weight:900}.room-row{min-height:58px;font-size:12px}.stake{color:#fff;text-align:center;border-radius:24px;padding:12px;font-weight:900}.stake-0{color:#07111d;background:linear-gradient(135deg,#20f0ff,#05a9ff)}.stake-1{background:linear-gradient(135deg,#ffd23f,#ff8c00)}.stake-2{background:linear-gradient(135deg,#34f56f,#00a947)}.stake-3{background:linear-gradient(135deg,#d85cff,#7d2cff)}.join-btn,.info-btn{cursor:pointer;border:none;font-weight:900}.join-btn{color:#06111d;background:linear-gradient(135deg,#31f5ff,#05a9ff);border-radius:14px;padding:12px 8px}.playing-btn{box-shadow:0 0 16px #ffbe00a6;color:#121212!important;background:linear-gradient(135deg,#ffd23f,#ff8c00)!important}.info-btn{color:#fff;background:#1e2f4be6;border:1px solid #16d9f7;border-radius:14px;margin:18px auto;padding:14px 20px;font-size:15px;display:block}.cartela-page-no-confirm{padding-bottom:86px}.cartela-top-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.back-btn-small,.brand-pill{color:#fff;cursor:pointer;background:#1e2f4be6;border:1px solid #16d9f7;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:900}.cartela-stats{grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0;display:grid}.cartela-stats div{text-align:center;color:#16e9ff;background:#142037db;border:1px solid #16d9f7;border-radius:10px;padding:10px 6px;font-weight:900}.cartela-stats b{color:#fff;margin-top:5px;font-size:14px;display:block}.select-title{text-align:center;color:#16e9ff;letter-spacing:1px;margin:12px 0}.countdown-bar{color:#ffc64b;background:#1e2f4bd9;border:1px solid #16d9f7;border-radius:10px;width:fit-content;margin:8px auto 14px;padding:10px 14px;font-weight:900}.selected-preview-box{background:#17223ac7;border:1px solid #16d9f7;border-radius:12px;place-items:center;min-height:160px;margin-bottom:12px;padding:10px;display:grid;box-shadow:0 0 12px #16d2ed33}.empty-preview{color:#b7c3d4;font-size:14px;font-weight:900}.two-preview{grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;gap:16px;display:grid}.mini-card{background:#080f1fcc;border:1px solid #16d9f7;border-radius:12px;width:165px;padding:4px}.two-preview .mini-card{width:100%;max-width:190px}.mini-card h3{text-align:center;color:#aeb8c9;margin:0 0 6px;font-size:12px}.mini-bingo-head,.mini-card-grid{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.mini-bingo-head span{color:#082032;background:linear-gradient(135deg,#34eaff,#0aa8d6);border-radius:12px;place-items:center;height:20px;font-size:10px;font-weight:900;display:grid}.mini-card-grid div,.mini-card-grid button{color:#fff;background:#101827f2;border:1px solid #16d9f766;border-radius:7px;place-items:center;height:30px;font-size:12px;font-weight:900;display:grid}.mini-card-grid .free{color:#fff;background:linear-gradient(135deg,#34eaff,#0aa8d6)}.mini-card-grid button.called,.game-mini .mini-card-grid div.called{color:#fff;background:linear-gradient(135deg,#12d7ff,#0879ff)}.mini-card-grid button.active-card-num,.game-mini .mini-card-grid div.active-card-num{color:#120f00;background:linear-gradient(135deg,#fff36a,#f90)}.mini-card-grid .winner-line{box-shadow:0 0 12px #21e96ab3;color:#fff!important;background:linear-gradient(135deg,#21e96a,#06a94d)!important}.cartela-grid{background:#0c162dd9;border:1px solid #16d9f7;border-radius:22px;grid-template-columns:repeat(7,1fr);gap:12px;max-height:520px;padding:14px;display:grid;overflow:hidden auto;box-shadow:0 0 20px #00d2f52e,inset 0 0 20px #00d2f514}.cartela-btn{aspect-ratio:1;color:#fff;cursor:pointer;background:#08142b;border:1px solid #16d9f7;border-radius:16px;justify-content:center;align-items:center;width:100%;font-size:18px;font-weight:800;transition:all .2s;display:flex;box-shadow:inset 0 0 8px #00d2f514,0 0 8px #00d2f526}.cartela-btn:hover{border-color:#39e8ff;transform:scale(1.04);box-shadow:0 0 15px #00d2f566,inset 0 0 10px #00d2f51f}.cartela-btn.selected{transform:scale(1.04);box-shadow:0 0 12px #ffd700b3,0 0 28px #ffb80099;color:#111!important;background:linear-gradient(#ffd84d 0%,#ffc529 50%,#f7b733 100%)!important;border:2px solid #fff!important}.cartela-btn.taken{pointer-events:none;color:#ffffffbf!important;box-shadow:none!important;cursor:not-allowed!important;background:#b42337b8!important;border:1px solid #ff787873!important}.countdown-bar{color:#ffc94d;background:#0c162df2;border:1px solid #16d9f7;border-radius:18px;width:fit-content;margin:12px auto 20px;padding:12px 24px;font-size:20px;font-weight:800;box-shadow:0 0 15px #00d2f52e}@media (width<=480px){.cartela-grid{gap:10px;padding:12px}.cartela-btn{border-radius:14px;font-size:16px}.countdown-bar{padding:10px 18px;font-size:18px}}.dev-test-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#34f56f,#00a947);border:none;border-radius:14px;width:100%;margin-top:12px;padding:14px;font-weight:900}.draw-page{min-height:calc(100vh - 66px);padding-bottom:66px;overflow:hidden}.live-top-bar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.online-pill{color:#fff;background:#ffffff14;border:1px solid #16d9f740;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:800}.winner-banner-live{text-align:center;color:#111;background:linear-gradient(135deg,#facc15,#f59e0b);border-radius:10px;flex:1;padding:9px;font-weight:900;animation:1s infinite pulseWinner}@keyframes pulseWinner{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.draw-stats{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;display:grid}.draw-stats div{text-align:center;color:#16e9ff;background:#121f38e6;border:1px solid #16d2ed73;border-radius:10px;padding:7px 2px;font-size:11px;font-weight:900}.draw-stats b{color:#fff;margin-top:4px;font-size:14px;display:block}.draw-layout{grid-template-columns:.95fr 1.45fr;align-items:start;gap:8px;display:grid}.current-ball-display{color:#1a1300;text-align:center;background:linear-gradient(135deg,#fff36a,#ff9b00);border-radius:14px;place-items:center;width:112px;height:92px;margin:0 auto 8px;font-size:24px;font-weight:1000;display:grid;box-shadow:0 0 22px #ffb20073}.recent-mini-row{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:8px;display:grid}.recent-mini-row span{color:#fff;background:#101827eb;border:1px solid #16d9f7;border-radius:8px;place-items:center;height:38px;font-size:12px;font-weight:900;display:grid}.bingo-board{background:#091022c7;border:1px solid #16d9f7;border-radius:12px;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px;display:grid}.bingo-head{color:#fff;border-radius:8px;place-items:center;height:24px;font-size:14px;font-weight:1000;display:grid}.bingo-head.b{border:3px solid #16e9ff}.bingo-head.i{border:3px solid #a66cff}.bingo-head.n{border:3px solid #22f5a7}.bingo-head.g{border:3px solid #ffcf4a}.bingo-head.o{border:3px solid #ff8c36}.board-num{color:#aab6c5;background:#101827eb;border:1px solid #16d9f78c;border-radius:7px;place-items:center;height:25px;font-size:11px;font-weight:900;display:grid}.board-num.called{color:#fff;background:linear-gradient(135deg,#12d7ff,#0879ff);box-shadow:0 0 10px #12d7ffb8}.board-num.active-ball{color:#120f00;background:linear-gradient(135deg,#fff36a,#f90);box-shadow:0 0 14px #ffbe00e6}.active-pill{text-align:center;color:#07111d;letter-spacing:3px;background:linear-gradient(135deg,#38f6ff,#05a9ff);border-radius:22px;width:135px;margin:0 auto 12px;padding:11px;font-weight:1000}.auto-row{align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:900;display:flex}.toggle-on{cursor:pointer;background:linear-gradient(135deg,#35f7ff,#06a7ff);border-radius:30px;width:58px;height:34px;padding:4px}.toggle-on span{background:#fff;border-radius:50%;width:26px;height:26px;margin-left:auto;display:block}.manual-toggle span{margin-left:0}.mute-btn{color:#fff;background:#ffffff14;border:2px solid #ffffff40;border-radius:50%;width:38px;height:38px}.game-card-preview h3{color:#16e9ff;text-align:center;margin:0 0 7px;font-size:13px}.game-mini{width:100%;max-width:245px;margin:0 auto}.game-mini .mini-card-grid div,.game-mini .mini-card-grid button{border-radius:7px;height:32px;font-size:11px}.game-mini .mini-bingo-head span{height:23px;font-size:10px}.other-card-box{color:#c8ccd8;text-align:center;border:1px dashed #ffffff59;border-radius:12px;place-items:center;height:64px;margin-top:12px;padding:8px;font-size:12px;font-weight:900;display:grid}.result-message{text-align:center;color:#ffd65c;background:#ffffff1a;border-radius:10px;margin-top:8px;padding:9px;font-weight:900}.bottom-game-bar{z-index:100;background:#080a19fa;border-top:1px solid #16d9f7;grid-template-columns:84px 1fr;gap:8px;height:66px;padding:7px 10px;display:grid;position:fixed;bottom:0;left:0;right:0}.back-game{color:#fff;cursor:pointer;background:#1e2f4be6;border:1px solid #16d9f7;border-radius:10px;font-size:13px;font-weight:900}.auto-draw-btn,.auto-running-box{color:#07111d;letter-spacing:3px;text-align:center;background:linear-gradient(135deg,#d9fbff,#45d7ff);border:none;border-radius:20px;place-items:center;font-size:18px;font-weight:1000;display:grid}@media (width<=390px){.draw-layout{grid-template-columns:.9fr 1.45fr;gap:6px}.current-ball-display{width:104px;height:84px;font-size:22px}.board-num{height:23px;font-size:10px}.game-mini{max-width:230px}.game-mini .mini-card-grid div,.game-mini .mini-card-grid button{height:29px;font-size:10px}.auto-draw-btn,.auto-running-box{letter-spacing:2px;font-size:15px}}.result-overlay{z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle,#00f5ff1f,#0000 35%),#000000d1;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.result-popup{text-align:center;background:linear-gradient(#1c2638,#101827);border:1px solid #18e4ff;border-radius:24px;width:min(92vw,430px);padding:26px 22px 20px;box-shadow:0 0 28px #18e4ff59}.party-icon{margin-bottom:8px;font-size:72px}.win-title,.lose-title{letter-spacing:8px;color:#18e4ff;text-shadow:0 0 16px #18e4ffa6;margin:0;font-size:42px}.lose-title{color:#ff5f7a;text-shadow:0 0 16px #ff5f7a8c}.result-popup h2{margin:18px 0 24px;font-size:20px}.result-popup h2 span{font-style:italic;font-weight:900}.winner-card-box{background:#070c1c6b;border:1px solid #18e4ffa6;border-radius:18px;padding:18px}.winner-top{text-align:left;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.winner-top b{font-size:18px;font-style:italic}.winner-top p{color:#ffc233;margin:8px 0 0;font-weight:900}.winner-top strong{color:#18e4ff}.pattern-name{text-align:left;color:#b9c2d1;margin:10px 0 16px;font-size:18px;font-weight:800}.popup-mini-card{background:#0a1226d9;border:1px solid #18e4ff;border-radius:14px;width:210px;margin:0 auto;padding:8px}.next-round-text{color:#c7cedb;margin:22px 0 12px;font-size:17px}.progress-bar{background:#ffffff14;border:1px solid #18e4ff80;border-radius:20px;height:10px;overflow:hidden}.progress-bar span{background:linear-gradient(90deg,#18e4ff,#ffd23f);height:100%;transition:width 1s linear;display:block}.winners-page{padding-bottom:90px}.winners-list{gap:12px;display:grid}.winner-row{background:linear-gradient(135deg,#362608eb,#0c1222eb);border:1px solid #ffd23fcc;border-radius:18px;justify-content:space-between;align-items:center;padding:16px;display:flex;box-shadow:0 0 18px #ffc42e33}.winner-row b{color:#ffd23f;font-size:18px;display:block}.winner-row span{color:#cbd5e1;margin-top:4px;display:block}.winner-row strong{color:#22f5a7;text-align:right;font-size:20px;display:block}.winner-row small{color:#cbd5e1;text-align:right;margin-top:4px;display:block}.wallet-page{padding-bottom:90px}.wallet-main-card{color:#fff;background:linear-gradient(135deg,#171b29,#34270b);border:1px solid #ffd23fb3;border-radius:24px;margin-bottom:18px;padding:24px;box-shadow:0 0 22px #ffd23f33}.wallet-main-card span{color:#cbd5e1;font-weight:700}.wallet-main-card h1{color:#ffd23f;margin:10px 0 18px;font-size:36px}.wallet-main-card button{color:#111;cursor:pointer;background:linear-gradient(135deg,#ffd23f,#ff9f1c);border:none;border-radius:14px;padding:10px 18px;font-weight:900}.transaction-list{gap:12px;display:grid}.transaction-row{color:#fff;background:#ffffff12;border:1px solid #ffffff1a;border-radius:18px;justify-content:space-between;gap:12px;padding:15px;display:flex}.transaction-row b{color:#ffd23f;text-transform:uppercase;display:block}.transaction-row span{color:#cbd5e1;margin-top:4px;display:block}.transaction-row small{color:#94a3b8;margin-top:4px;display:block}.tx-amount-box{text-align:right;min-width:115px}.tx-amount-box strong{font-size:16px;font-weight:900;display:block}.tx-amount-box strong.credit{color:#22f5a7}.tx-amount-box strong.debit{color:#ff6b6b}.loading-overlay{z-index:9999;background:#030819d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-card{text-align:center;color:#fff;background:#142238;border:1px solid #23d8ff;border-radius:22px;width:260px;padding:28px 18px;box-shadow:0 0 30px #23d8ff59}.spinner{border:4px solid #23d8ff40;border-top-color:#23d8ff;border-radius:50%;width:48px;height:48px;margin:0 auto 14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bottom-nav{z-index:100;background:#15273a;border-top:1px solid #16d9f7;grid-template-columns:repeat(4,1fr);height:78px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav div{text-align:center;color:#9ca3af;cursor:pointer;padding-top:10px;font-weight:700}.bottom-nav .active{color:#2ee9ff;background:#204a64}@media (width<=480px){body{font-size:13px}.app{background:radial-gradient(circle at 0 0,#14e8ff21,#0000 28%),radial-gradient(circle at 100% 100%,#5846ff2e,#0000 35%),linear-gradient(#07091d 0%,#101936 52%,#162f4f 100%);min-height:100dvh;padding-bottom:63px}.content{padding:14px 10px}.profile-card,.waiting-card{border-radius:12px;padding:11px}.profile-title h2{margin:0 0 8px;font-size:20px}.profile-title button{padding:3px 8px;font-size:10px}.user-box{gap:8px;padding:10px}.avatar{width:62px;height:62px;font-size:24px}.user-box h3{margin-bottom:4px;font-size:12px}.balance{margin:4px 0;font-size:20px}.stake-title{border-radius:12px;margin:20px auto 10px;padding:8px 16px;font-size:20px}.table-head,.room-row{grid-template-columns:1.15fr .8fr .75fr 1fr .95fr;gap:5px;padding:10px 8px}.table-head{font-size:11px}.room-row{min-height:55px;font-size:12px}.stake{border-radius:16px;padding:10px 8px;font-size:13px}.join-btn{border-radius:13px;padding:10px 5px;font-size:10px}.info-btn{margin:12px auto;padding:11px 15px;font-size:12px}.cartela-page-no-confirm{padding-bottom:5px}.cartela-top-row{margin-bottom:4px}.brand-pill{padding:8px 10px;font-size:10px;display:block}.back-btn-small{padding:10px 15px;font-size:14px}.cartela-stats{gap:4px;margin:10px 0 14px}.cartela-stats div{border-radius:6px;min-height:50px;padding:7px 4px;font-size:10px}.cartela-stats b{margin-top:4px;font-size:10px}.select-title{letter-spacing:2px;margin:16px 0 12px;font-size:12px}.countdown-bar{border-radius:10px;margin:0 auto 10px;padding:6px 10px;font-size:10px}.selected-preview-box{border-radius:10px;min-height:150px;margin-bottom:10px;padding:6px}.two-preview{gap:14px}.mini-card,.two-preview .mini-card{width:100%;max-width:100px;padding:6px}.mini-card h3{font-size:10px}.mini-bingo-head,.mini-card-grid{gap:4px}.mini-bingo-head span{height:16px;font-size:10px}.mini-card-grid div,.mini-card-grid button{border-radius:4px;height:25px;font-size:8px}.cartela-grid{border-radius:6px;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;max-height:calc(105dvh - 305px);padding:7px}.cartela-btn{border-radius:1px;height:4px;font-size:10px}.draw-page{min-height:calc(100dvh - 66px);padding-bottom:66px;overflow:hidden}.draw-page .content{padding:10px 8px 0}.live-top-bar{margin-bottom:6px}.online-pill{border-radius:8px;padding:6px 10px;font-size:12px}.draw-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 6px}.draw-stats div{border-radius:10px;min-height:30px;padding:4px 2px;font-size:10px}.draw-stats b{margin-top:3px;font-size:12px}.draw-layout{grid-template-columns:.92fr 1.28fr;align-items:start;gap:7px}.current-ball-display{border-radius:12px;width:105px;height:78px;margin:0 auto 7px;font-size:22px}.recent-mini-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:7px}.recent-mini-row span{border-radius:7px;height:34px;font-size:11px}.bingo-board{border-radius:10px;gap:4px;padding:7px}.bingo-head{height:24px;font-size:12px}.board-num{border-radius:6px;height:25px;font-size:10px}.active-pill{border-radius:18px;width:125px;margin:0 auto 10px;padding:9px;font-size:12px}.auto-row{gap:7px;margin-bottom:8px;font-size:12px}.toggle-on{width:56px;height:34px}.toggle-on span{width:26px;height:26px}.mute-btn{width:36px;height:36px}.game-card-preview h3{margin:0 0 6px;font-size:12px}.game-mini{max-width:230px}.game-mini .mini-card-grid div,.game-mini .mini-card-grid button{height:28px;font-size:10px}.game-mini .mini-bingo-head span{height:22px;font-size:10px}.other-card-box{border-radius:10px;height:62px;margin-top:10px;font-size:11px}.bottom-game-bar{grid-template-columns:76px 1fr;gap:8px;height:66px;padding:6px 8px}.back-game{font-size:11px}.auto-draw-btn,.auto-running-box{letter-spacing:2px;border-radius:14px;font-size:15px}@media (width<=480px){.draw-layout{height:calc(100dvh - 210px);grid-template-columns:1fr 1fr!important;gap:8px!important;overflow:hidden!important}.left-draw,.right-draw{overflow:hidden!important}.current-ball-display{width:86px!important;height:58px!important;margin-bottom:6px!important;font-size:18px!important}.recent-mini-row{flex-wrap:nowrap!important;gap:5px!important;margin-bottom:6px!important;display:flex!important}.recent-mini-row span{flex:none!important;width:44px!important;height:30px!important;font-size:10px!important}.game-mini{max-width:100%!important}.game-mini .mini-card-grid div,.game-mini .mini-card-grid button{height:24px!important;font-size:10px!important}.other-card-box{height:48px!important;margin-top:8px!important;font-size:10px!important}.draw-page{height:calc(100dvh - 66px);overflow:hidden!important}.draw-layout{grid-template-columns:1fr 1fr!important;gap:8px!important;height:auto!important;overflow:hidden!important}.left-draw,.right-draw,.game-card-preview,.mini-card,.game-mini{min-width:0!important;max-width:100%!important;overflow:hidden!important}.current-ball-display{width:72px!important;height:28px!important;font-size:18px!important}.recent-mini-row{grid-template-columns:repeat(3,1fr)!important;gap:4px!important}.recent-mini-row span{min-width:0!important;height:28px!important;font-size:9px!important}.bingo-board{gap:3px!important;padding:5px!important}.bingo-head{height:22px!important;font-size:11px!important}.board-num{height:24px!important;font-size:9px!important}.game-mini{padding:5px!important}.game-mini .mini-bingo-head,.game-mini .mini-card-grid{gap:3px!important}.game-mini .mini-bingo-head span{height:21px!important;font-size:9px!important}.game-mini .mini-card-grid div,.game-mini .mini-card-grid button{min-width:0!important;height:27px!important;font-size:9px!important}.other-card-box{height:50px!important;font-size:9px!important}.right-draw{overflow:hidden!important}.game-mini{width:100%!important;max-width:100%!important;padding:6px!important}.game-mini .mini-bingo-head,.game-mini .mini-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important}.game-mini .mini-bingo-head span,.game-mini .mini-card-grid div,.game-mini .mini-card-grid button{text-align:center!important;white-space:nowrap!important;width:100%!important;min-width:0!important;overflow:hidden!important}.game-mini .mini-card-grid div,.game-mini .mini-card-grid button{height:30px!important;padding:0!important;font-size:9px!important}.game-mini .mini-bingo-head span{height:22px!important;padding:0!important;font-size:9px!important}}.spin-overlay{z-index:9999;background:#000000b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.spin-box{text-align:center;color:#fff;background:linear-gradient(#101827,#050914);border:1px solid #16d9f7;border-radius:24px;width:100%;max-width:340px;padding:24px;box-shadow:0 0 35px #16d9f759}.spin-box h2{color:#facc15;margin:0 0 10px;font-size:30px}.spin-btn{color:#111;cursor:pointer;background:conic-gradient(#facc15,#22c55e,#06b6d4,#ef4444,#a855f7,#facc15);border:8px solid #fff;border-radius:50%;width:180px;height:180px;margin-top:18px;font-size:22px;font-weight:1000;animation:1.2s infinite spinPulse}@keyframes spinPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.leaderboard-box{color:#fff;background:#091022d1;border:1px solid #16d9f780;border-radius:18px;padding:14px}.leaderboard-box h3{color:#facc15;margin:0 0 12px}.leader-row{border-bottom:1px solid #ffffff14;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;padding:9px 0;display:grid}.leader-row span{color:#16d9f7;font-weight:900}.leader-row b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leader-row em{color:#22c55e;font-style:normal;font-weight:900}.spin-overlay{z-index:9999;background:#000c;place-items:center;display:grid;position:fixed;inset:0}.spin-box{text-align:center;background:#101827;border:2px solid #16d9f7;border-radius:24px;width:92%;max-width:340px;padding:24px}.spin-btn{cursor:pointer;background:conic-gradient(#facc15,#22c55e,#06b6d4,#ef4444,#a855f7,#facc15);border:none;border-radius:50%;width:180px;height:180px;margin:20px auto;font-size:22px;font-weight:900;animation:1s infinite spinPulse;display:block}.spin-close{color:#111;background:#16d9f7;border:none;border-radius:12px;padding:10px 20px;font-weight:700}.spin-wheel{background:conic-gradient(#facc15 0deg 72deg,#22c55e 72deg 144deg,#06b6d4 144deg 216deg,#ef4444 216deg 288deg,#a855f7 288deg 360deg);border:8px solid #fff;border-radius:50%;place-items:center;width:220px;height:220px;margin:18px auto;display:grid;position:relative;box-shadow:0 0 28px #facc1573}.spin-wheel.spinning{animation:3s cubic-bezier(.12,.75,.22,1) forwards realSpin}@keyframes realSpin{0%{transform:rotate(0)}to{transform:rotate(1800deg)}}.spin-wheel span{color:#111;background:#ffffffe6;border-radius:999px;padding:5px 8px;font-weight:1000;position:absolute}.spin-wheel span:first-child{top:16px;left:92px}.spin-wheel span:nth-child(2){top:72px;right:15px}.spin-wheel span:nth-child(3){bottom:28px;right:45px}.spin-wheel span:nth-child(4){bottom:28px;left:45px}.spin-wheel span:nth-child(5){top:72px;left:15px}.spin-wheel button{color:#111;z-index:2;background:#fff;border:4px solid #111;border-radius:50%;width:78px;height:78px;font-weight:1000}.spin-wheel button:disabled{opacity:.75}.spin-result{color:#111;background:#facc15;border-radius:16px;margin:18px 0;padding:16px;font-size:22px;font-weight:1000}.leaderboard-page{padding-bottom:90px}.leaderboard-hero{color:#fff;background:linear-gradient(135deg,#111827,#0f172a);border:1px solid #16d9f766;border-radius:20px;margin-bottom:14px;padding:18px;box-shadow:0 0 20px #16d9f71f}.leaderboard-hero h2{color:#facc15;margin:0 0 6px;font-size:24px}.leaderboard-hero p{color:#cbd5e1;margin:0 0 12px}.leader-countdown{color:#fde68a;background:#facc1524;border:1px solid #facc1559;border-radius:14px;padding:10px 12px;font-weight:900}.stake-tabs{gap:8px;margin:0 0 14px;padding-bottom:4px;display:flex;overflow-x:auto}.stake-tabs button{color:#fff;white-space:nowrap;background:#101827;border:1px solid #16d9f759;border-radius:999px;padding:10px 16px;font-weight:900}.stake-tabs button.active{color:#06111f;background:linear-gradient(135deg,#16e9ff,#0284c7)}.leaderboard-list{gap:10px;display:grid}.leader-card{color:#fff;background:#0f172aeb;border:1px solid #16d9f740;border-radius:16px;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.leader-card.rank-1{border-color:#facc15cc;box-shadow:0 0 18px #facc152e}.rank-badge{background:#ffffff14;border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;font-weight:1000;display:grid}.leader-info b{font-size:15px;display:block}.leader-info span{color:#94a3b8;font-size:12px}.leader-score{text-align:right}.leader-score strong{color:#22c55e;font-size:18px;display:block}.leader-score small{color:#94a3b8}.stake-tabs button{gap:3px;min-width:82px;display:grid}.stake-tabs button small{color:#facc15;font-size:10px;font-weight:900}.stake-tabs button.active small{color:#111}.room-bonus-badge{color:#facc15;white-space:nowrap;margin-top:3px;font-size:9px;font-weight:900;display:block}.leader-prize-pool{color:#86efac;background:#22c55e24;border:1px solid #22c55e59;border-radius:14px;margin-top:10px;padding:10px 12px;font-weight:900}.leader-score em{color:#facc15;margin-top:4px;font-size:12px;font-style:normal;font-weight:900;display:block}.stake-tabs button:disabled{opacity:.45;cursor:not-allowed}.stake-tabs button:disabled small{color:#94a3b8}.promo-overlay{z-index:10000;background:#000000c7;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.promo-modal h2{margin:8px 36px 14px;font-size:24px;font-weight:1000}.promo-image{object-fit:cover;border-radius:14px;width:100%;max-height:430px;margin:10px 0;display:block}.promo-modal p{font-size:16px;font-weight:900;line-height:1.5}.promo-close{color:#7c2d12;cursor:pointer;background:0 0;border:none;font-size:36px;line-height:1;position:absolute;top:10px;right:12px}.promo-modal{text-align:center;background:#facc15;border-radius:28px;width:min(95vw,500px);max-height:90vh;padding:20px;position:relative;overflow:auto}.promo-image{object-fit:cover;border-radius:18px;width:100%;margin:15px 0;display:block}.promo-btn{color:#fff;background:#7c3aed;border-radius:16px;width:100%;margin-top:15px;padding:16px;font-size:18px;font-weight:900;text-decoration:none;display:block}.admin-layout{color:#fff;background:#07111f;grid-template-columns:235px 1fr;min-height:100vh;font-family:Arial,sans-serif;display:grid}.admin-sidebar{background:#0d2038;border-right:1px solid #1fd8ff;height:100vh;padding:16px;position:sticky;top:0;overflow-y:auto}.admin-sidebar h2{color:#1fd8ff;margin:0 0 16px}.admin-sidebar button{color:#fff;cursor:pointer;background:#132f50;border:0;border-radius:12px;width:100%;margin-bottom:8px;padding:12px;font-weight:800}.admin-sidebar button.active{color:#07111f;background:linear-gradient(135deg,#1fd8ff,#078bff)}.admin-main{padding:18px;overflow-x:auto}.admin-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.admin-top h1{color:#1fd8ff;margin:0}button,.primary{color:#07111f;cursor:pointer;background:linear-gradient(135deg,#1fd8ff,#078bff);border:0;border-radius:10px;margin:2px;padding:9px 12px;font-weight:900}button.danger,.danger{color:#fff!important;background:linear-gradient(135deg,#ff6b6b,#d62828)!important}.admin-status{color:#72edff;background:#1fd8ff1a;border:1px solid #1fd8ff;border-radius:12px;margin:12px 0;padding:12px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.stat-card,.admin-card{background:#10243d;border:1px solid #1fd8ff80;border-radius:16px;padding:18px}.stat-card span{color:#cbd5e1}.stat-card b{color:#1fd8ff;margin-top:10px;font-size:26px;display:block}.admin-search{max-width:420px;margin-bottom:12px}.table-wrap{background:#10243d;border:1px solid #1fd8ff66;border-radius:16px;margin-top:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1050px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff14;padding:9px;font-size:13px}th{color:#1fd8ff;white-space:nowrap}.actions{min-width:210px}input,select,textarea{color:#fff;background:#07111f;border:1px solid #1fd8ff66;border-radius:9px;outline:none;width:100%;padding:9px}textarea{resize:vertical;min-height:75px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-grid .wide{grid-column:1/-1}.settings-grid button{width:100%;margin-top:10px}@media (width<=850px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;height:auto;display:grid;position:static}.admin-sidebar h2{grid-column:1/-1}.cards,.settings-grid{grid-template-columns:1fr}}.mobile-menu-btn{display:none}@media (width<=768px){.admin-layout{display:block}.mobile-menu-btn{z-index:2000;color:#00131f;background:#00d4ff;border:none;border-radius:12px;padding:10px 15px;font-weight:700;display:block;position:fixed;top:10px;left:10px}.admin-sidebar{z-index:1500;width:260px;height:100vh;transition:all .3s;position:fixed;top:0;left:-280px;overflow-y:auto;box-shadow:0 0 20px #00000080}.admin-sidebar.open{left:0}.admin-main{padding:60px 10px 15px}.cards,.settings-grid{grid-template-columns:1fr}table{min-width:900px}.table-wrap{overflow-x:auto}.stat-card{padding:12px}.stat-card b{font-size:20px}.admin-top h1{font-size:18px}input,textarea,select{font-size:14px}}.report-filter{background:#10243d;border:1px solid #1fd8ff66;border-radius:16px;grid-template-columns:1fr 1fr 130px;gap:12px;margin-bottom:16px;padding:14px;display:grid}.report-filter label{color:#cbd5e1;font-weight:800}.pagination{justify-content:center;align-items:center;gap:14px;margin:18px 0;display:flex}.pagination span{color:#1fd8ff;font-weight:900}.pagination button:disabled{opacity:.45;cursor:not-allowed}@media (width<=700px){.report-filter{grid-template-columns:1fr}}.cashback-info{color:#fff;background:#0f172af2;border:1px solid #16d9f759;border-radius:16px;grid-column:1/-1;padding:18px;box-shadow:0 0 18px #00d2f51f}.cashback-info h3{color:#16e9ff;margin:0 0 10px;font-size:20px}.cashback-info p{color:#cbd5e1;margin:6px 0;font-size:14px}.cashback-note{color:#fde68a;background:#facc151f;border:1px solid #facc1559;border-radius:14px;grid-column:1/-1;padding:14px 16px;font-weight:700}.cashback-save-btn,.cashback-process-btn{cursor:pointer;border:none;border-radius:14px;padding:14px 18px;font-size:15px;font-weight:900}.cashback-save-btn{color:#06111f;background:linear-gradient(135deg,#16e9ff,#0284c7)}.cashback-process-btn{color:#111827;background:linear-gradient(135deg,#facc15,#f59e0b)}.cashback-save-btn:hover,.cashback-process-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.settings-grid label{color:#cbd5e1;background:#0f172ad9;border:1px solid #16d9f72e;border-radius:14px;padding:14px;font-weight:800}.settings-grid label input,.settings-grid label select,.settings-grid label textarea{color:#fff;background:#020617;border:1px solid #16d9f740;border-radius:10px;outline:none;width:100%;margin-top:8px;padding:11px 12px}.settings-grid label input:focus,.settings-grid label select:focus,.settings-grid label textarea:focus{border-color:#16e9ff;box-shadow:0 0 0 3px #16e9ff1f}@media (width<=768px){.cashback-info,.cashback-note{padding:14px}.cashback-save-btn,.cashback-process-btn{width:100%}}textarea{border-radius:10px;width:100%;min-height:100px;padding:10px}.danger-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:10px;padding:8px 12px;font-weight:900}.danger-btn:hover{filter:brightness(1.1)}}
