.bingo-main{gap:16px;min-width:0;display:grid}.bingo-stage{--display-bg:#15161a;flex-direction:column;align-items:center;gap:14px;display:flex}.bingo-stage .display-label{margin:0}.bingo-stage .display-sub{min-height:1.4em;margin:0}.bingo-ball{--ball:#3a3a3c;aspect-ratio:1;background:radial-gradient(circle at 34% 28%, color-mix(in srgb, var(--ball), #fff 45%) 0, var(--ball) 46%, color-mix(in srgb, var(--ball), #000 38%) 100%);border-radius:50%;place-items:center;width:clamp(168px,30vw,236px);transition:background .3s;display:grid;box-shadow:0 18px 40px #00000073,inset 0 -8px 18px #00000040}.bingo-ball-face{aspect-ratio:1;color:#1d1d1f;background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:64%;display:flex;box-shadow:inset 0 2px 6px #0000002e}.bingo-ball-letter{color:color-mix(in srgb, var(--ball), #000 20%);font-size:clamp(16px,2.6vw,22px);font-weight:700;line-height:1}.bingo-ball-letter:empty{display:none}.bingo-ball-number{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(48px,8.4vw,76px);font-weight:800;line-height:1}.bingo-ball.is-empty .bingo-ball-number{color:#8e8e93}.bingo-ball.is-popping{animation:.45s cubic-bezier(.3,1.4,.5,1) bingo-pop}@keyframes bingo-pop{0%{transform:scale(.82)}to{transform:scale(1)}}.bingo-recent{flex-direction:column;align-items:center;gap:8px;display:flex}.bingo-recent-label{opacity:.7;font-size:13px;font-weight:500}.bingo-recent-list{flex-wrap:wrap;justify-content:center;gap:8px;min-height:44px;margin:0;padding:0;list-style:none;display:flex}.bingo-recent-empty{opacity:.6;align-self:center;font-size:14px}.bingo-mini{--ball:#3a3a3c;background:color-mix(in srgb, var(--ball), transparent 18%);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;place-items:center;min-width:44px;height:44px;padding:0 10px;font-size:14px;font-weight:700;display:grid}.bingo-controls{justify-content:center;align-items:center;gap:10px;display:flex}.bingo-call{min-width:200px;height:56px;padding:0 28px;font-size:17px}.bingo-undo{height:56px}.bingo-controls .btn:disabled{opacity:.4;cursor:default}.bingo-count{text-align:center;color:var(--ink-2);font-variant-numeric:tabular-nums;margin:-4px 0 0;font-size:15px}.bingo-board-card .card-title{margin-bottom:14px}.bingo-board{gap:4px;display:grid}.bingo-board[data-mode="75"]{grid-template-columns:30px repeat(15,minmax(0,1fr))}.bingo-board[data-mode="90"]{grid-template-columns:repeat(10,minmax(0,1fr))}.bingo-board>*{grid-row:var(--row);grid-column:var(--col)}.bingo-head{color:var(--ink-2);place-items:center;font-size:15px;font-weight:800;display:grid}.bingo-cell{--ball:var(--brand);aspect-ratio:1;background:var(--fill);min-width:0;color:var(--ink-3);font-variant-numeric:tabular-nums;border-radius:8px;place-items:center;font-size:clamp(11px,1.4vw,14px);font-weight:600;transition:background-color .2s,color .2s;display:grid}.bingo-cell.is-called{background:var(--ball);color:#fff}.bingo-cell.is-last{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--ink)}@media (width<=680px){.bingo-board[data-mode="75"]{grid-template-columns:repeat(5,minmax(0,1fr))}.bingo-board[data-mode="75"]>*{grid-row:var(--row-narrow);grid-column:var(--col-narrow)}.bingo-board[data-mode="75"] .bingo-cell{aspect-ratio:auto;height:30px}}.bingo-side{align-self:start;gap:18px;display:grid}.segmented.bingo-modes{grid-template-columns:1fr 1fr}.bingo-option{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.bingo-option[hidden]{display:none}.bingo-interval{color:var(--ink-2);align-items:center;gap:8px;font-size:15px;display:flex}.bingo-interval .select{width:auto;height:40px}.bingo-new{display:block}.bingo-confirm{background:var(--fill);border-radius:16px;padding:14px}.bingo-confirm p{margin:0 0 10px;font-size:15px;font-weight:500}.bingo-side .card-note{margin:0}@media (prefers-reduced-motion:reduce){.bingo-ball.is-popping{animation:none}}