.controls{width:100%;max-width:var(--panel);text-align:left;flex-direction:column;align-items:flex-start;gap:15px;margin:0 auto 20px;display:flex}.control-group{flex-direction:column;align-items:flex-start;display:flex}.control-group label,.control-group .group-label{font-weight:var(--fw-bold);margin-bottom:5px}.inputs{align-items:center;gap:5px;display:flex}.inputs .tilde{font-weight:var(--fw-bold)}.control-group input,.control-group select{width:80px;max-width:90vw;font-size:var(--fs-base);padding:5px 8px}.control-group input:disabled,.control-group select:disabled{opacity:.45;cursor:not-allowed}.preset-buttons{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.preset-label{font-size:var(--fs-sm);color:var(--text-muted)}.controls .preset-button{background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;padding:.2rem .7rem}.controls .preset-button:hover:not(:disabled){background-color:var(--surface-alt)}.controls .preset-button:disabled{opacity:.45;cursor:not-allowed}.bingo-error{max-width:var(--panel);font-size:var(--fs-sm);color:var(--primary);text-align:center;margin:-.5rem auto 1rem}.bingo-error p{margin:.2rem 0}.bingo-draw-area{width:100%;max-width:var(--panel);flex-direction:column;align-items:center;gap:10px;margin:0 auto 20px;display:flex}.bingo-current{border-radius:var(--radius);background:var(--surface);text-align:center;justify-content:center;align-items:center;gap:8px;width:100%;min-height:96px;padding:10px;display:flex}.bingo-current:empty:before{content:attr(data-placeholder);font-size:var(--fs-base);color:var(--text-muted)}.bingo-current-number{font-size:4rem;line-height:1;font-weight:var(--fw-bold)}.bingo-remaining{font-size:var(--fs-base);color:var(--text-muted)}.bingo-finished{font-weight:var(--fw-bold)}.bingo-draw-area button{font-size:var(--fs-base);font-weight:var(--fw-bold);background-color:var(--primary);color:var(--on-primary);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.7rem 2rem;transition:background-color .2s}.bingo-draw-area button:hover:not(:disabled){background-color:var(--primary-hover)}.bingo-draw-area button:disabled{opacity:.45;cursor:not-allowed}.bingo-sound{align-items:center;gap:10px;display:flex}.bingo-mute-button{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:6px;display:inline-flex}.bingo-mute-button:hover:not(:disabled){background-color:var(--surface-alt)}.bingo-mute-button:disabled{opacity:.45;cursor:not-allowed}.bingo-mute-button[aria-pressed=true]{color:var(--text-muted)}.bingo-volume{min-width:100px;max-width:200px;accent-color:var(--primary);cursor:pointer;flex:auto}.bingo-volume:disabled{opacity:.45;cursor:not-allowed}.bingo-volume-value{min-width:2.5em;font-size:var(--fs-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.bingo-board{width:100%;max-width:var(--panel);margin:0 auto 20px;padding:4px;overflow-x:auto}.bingo-cells{margin:0;grid-template-columns:repeat(10,1fr);gap:4px;width:max-content;margin-inline:auto;padding:0;list-style:none;display:grid}.bingo-cell{aspect-ratio:1;border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:4px;justify-content:center;align-items:center;min-width:2.6em;display:flex;position:relative}.bingo-cell.is-drawn{background:var(--accent);color:var(--on-primary);border-color:var(--accent);font-weight:var(--fw-bold)}.bingo-cell.is-latest{outline:2px solid var(--accent);outline-offset:2px}.bingo-cell-order{opacity:.85;font-size:.65em;line-height:1;position:absolute;top:1px;right:3px}.bingo-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.bingo-actions button{background-color:var(--accent);color:var(--on-primary);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.6rem 1.5rem;transition:background-color .2s}.bingo-actions button:hover:not(:disabled){background-color:var(--accent-hover)}.bingo-actions button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:600px){.bingo-current-number{font-size:3rem}.bingo-cell{min-width:2.2em}}