body{background:#071009;color:#fff}
.bingo-wrap{padding-bottom:28px}
.bingo-grid{display:grid;grid-template-columns:320px 1fr;gap:12px}
.bingo-panel{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08)}
.bingo-rooms{display:grid;gap:10px}
.bingo-room-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03)}
.bingo-room-copy b{display:block;color:#ffe69e}
.bingo-room-copy small{display:block;color:rgba(255,255,255,.72);margin-top:4px}
.bingo-callout-wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.bingo-latest-call{font-size:42px;font-weight:900;color:#7cff9b;text-shadow:0 0 16px rgba(124,255,155,.18)}
.bingo-called-count{font-size:24px;font-weight:800;color:#ffd66b}
.bingo-calls{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}
.bingo-call-chip{padding:10px 0;border-radius:12px;text-align:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-weight:800}
.bingo-call-chip.latest{background:linear-gradient(180deg,rgba(124,255,155,.18),rgba(255,255,255,.04));border-color:rgba(124,255,155,.26);box-shadow:0 0 18px rgba(124,255,155,.12)}
.bingo-card{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.bingo-col-head{padding:10px 0;border-radius:12px;text-align:center;background:linear-gradient(180deg,rgba(255,214,107,.18),rgba(255,255,255,.04));border:1px solid rgba(255,214,107,.22);font-weight:900;letter-spacing:.12em;color:#ffe7ac}
.bingo-cell{min-height:78px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8px;font-weight:800}
.bingo-cell .ball{font-size:24px;line-height:1}
.bingo-cell .idx{font-size:11px;color:rgba(255,255,255,.52);margin-top:6px;letter-spacing:.08em}
.bingo-cell.marked{background:linear-gradient(180deg,rgba(124,255,155,.16),rgba(255,255,255,.04));border-color:rgba(124,255,155,.24);box-shadow:0 0 18px rgba(124,255,155,.12)}
.bingo-cell.free{background:linear-gradient(180deg,rgba(255,214,107,.18),rgba(255,255,255,.04));border-color:rgba(255,214,107,.28);color:#ffe7ac}
.bingo-status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.bingo-status-pill.live{background:rgba(124,255,155,.1);border-color:rgba(124,255,155,.2);color:#baffca}
.bingo-status-pill.waiting{background:rgba(255,214,107,.1);border-color:rgba(255,214,107,.2);color:#ffe7ac}
.bingo-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.bingo-stat{padding:12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.bingo-stat .val{font-size:24px;font-weight:900;margin-top:6px}
.bingo-history{display:grid;gap:8px}
.bingo-history-row{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.bingo-history-row b{color:#ffe7ac}
@media (max-width:980px){.bingo-grid{grid-template-columns:1fr}.bingo-calls{grid-template-columns:repeat(6,minmax(0,1fr))}.bingo-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}