.sr-balls{display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;align-items: center;min-height: 120px;padding: 10px 0}.sr-ball{width: 56px;height: 56px;border-radius: 50%;display: grid;place-items: center;font-weight: 800;font-size: 1.3rem;font-variant-numeric: tabular-nums;color: #fff;background: radial-gradient(circle at 32% 30%,#60a5fa,#1d4ed8 70%);box-shadow: inset 0 -4px 8px rgba(0,0,0,.25),0 3px 8px rgba(29,78,216,.3);animation: sr-in .35s var(--ease) both;animation-delay: calc(var(--i,0) * 50ms)}.sr-ball.wide{width: auto;min-width: 56px;padding: 0 12px;border-radius: 28px}.sr-ball.spin{animation: none;opacity: .55;background: var(--surface-3);color: var(--text-3);box-shadow: none}@keyframes sr-in{from{transform: scale(.3);opacity: 0}to{transform: none;opacity: 1}}@media (prefers-reduced-motion: reduce){.sr-ball{animation: none}}.sr-extra{flex-basis: 100%;text-align: center;font-weight: 700;margin: 4px 0 0}.sr-hist{list-style: none;margin: 0;padding: 0;display: grid;gap: 6px;font-size: 0.88rem;max-height: 260px;overflow: auto;font-variant-numeric: tabular-nums}#sr-res:fullscreen{display: flex;flex-direction: column;justify-content: center;padding: 6vw;background: var(--surface)}#sr-res:fullscreen .sr-ball{width: 110px;height: 110px;font-size: 2.6rem}.sr-bingo-now{font-size: clamp(2.6rem,2rem + 4vw,4.5rem);font-weight: 900;color: var(--brand);font-variant-numeric: tabular-nums;min-width: 4ch}.sr-bingo-now.pop{animation: sr-in .4s var(--ease)}.sr-board{display: grid;grid-template-columns: repeat(10,1fr);gap: 4px}.sr-board.b75{grid-template-columns: repeat(15,1fr)}.sr-cell{aspect-ratio: 1;display: grid;place-items: center;border-radius: 8px;background: var(--surface-2);color: var(--text-3);font-size: 0.82rem;font-weight: 600;font-variant-numeric: tabular-nums}.sr-cell.on{background: var(--brand);color: var(--on-brand)}.sr-cell.last{box-shadow: 0 0 0 3px #f59e0b}@container (max-width: 560px){.sr-board.b75{grid-template-columns: repeat(10,1fr)}}