.hud-button{--hud-edge:var(--panel-edge);height:calc(var(--game-unit) * 2);padding-inline:calc(var(--game-unit) * .75);border-radius:calc(var(--game-unit) * .75);box-shadow:0 calc(var(--game-unit) * .25) 0 var(--hud-edge);white-space:nowrap;font-size:.9375em;position:relative}.hud-button:active:not(:disabled,[aria-disabled=true]){transform:translateY(calc(var(--game-unit) * .1875));box-shadow:0 calc(var(--game-unit) * .0625) 0 var(--hud-edge);transition-duration:0s}.hud-icon{width:1.5rem;height:1.5rem;display:none}.hud-button--icon{width:calc(var(--game-unit) * 2);padding-inline:0}.hud-button--icon .hud-label{display:none}.hud-button--icon .hud-icon{width:1.25em;height:1.25em;display:block}@media (prefers-reduced-motion:no-preference){.hud-button--icon .hud-icon{transition:transform var(--duration-hover) ease}}.hud-button--icon:hover .hud-icon{transform:rotate(45deg)}.bingo{--bingo-card:var(--panel);--bingo-card-edge:var(--panel-edge);--bingo-card-ink:var(--ink);--bingo-card-soft:var(--ink-soft);--bingo-cell:#fff;--bingo-blank:#efe9dc;--bingo-band:#9c4210;--bingo-band-ink:var(--cream);--bingo-dab:#d62d786b;--bingo-dab-ring:#a3174f;--bingo-called:#f5b335;--bingo-called-ink:#2b1d05;--bingo-uncalled:#f1ece2;--bingo-ball-face:#fffdf9;--bingo-ball-ink:#1b2420;--bingo-ball-0:#2f6dbf;--bingo-ball-1:#cc3a2f;--bingo-ball-2:#7a56b8;--bingo-ball-3:#2e8f55;--bingo-ball-4:#e09a1b;--bingo-unit:clamp(1rem, min(1.1cqw, 2.1cqh), 6rem);--card-gap:1em;isolation:isolate;height:100%;min-height:0;color:var(--cream);font-family:var(--body);grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;container:bingo/size}.bingo-hud,.bingo__table,.bingo-end{font-size:var(--bingo-unit)}.bingo[data-variant="75-ball"]{--card-aspect:1.2;--card-min:15em;--card-max:36em}.bingo[data-variant="90-ball"]{--card-aspect:.44;--card-min:17em;--card-max:52em;--card-gap:.75em}.bingo-hud{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5em 1em;padding:.5em 1em;display:flex}.bingo-hud__stats{font-family:var(--display);flex-wrap:wrap;gap:.25em 1.25em;font-size:1.0625em;font-weight:600;display:flex}.bingo-hud__controls{gap:.5em;display:flex}.bingo-hud__modes{gap:.25em;display:flex}.bingo-hud__mode{border-radius:var(--radius-control);color:var(--cream);font-family:var(--display);white-space:nowrap;padding:.25em .75em;font-weight:600;text-decoration:none}.bingo-hud__mode:hover{background:#0000001f}.bingo-hud__mode[aria-current=page]{color:var(--cream);background:#00000038}.bingo-hud__button{height:2.35em;padding-inline:.95em;font-size:1.0625em}.bingo-hud__button .bingo-hud__icon{width:1.4em;height:1.4em}.bingo-hud__button--icon{width:2.35em;padding-inline:0}.bingo__table{--side:clamp(18em, 28cqw, 30em);grid-template-columns:minmax(0, 1fr) var(--side);grid-template-rows:auto auto auto minmax(0,1fr);grid-template-areas:"cards rail""cards claim""cards seats""cards board";gap:.75em 1em;min-height:0;padding:.25em 1em 1em;display:grid;overflow:auto}.bingo__cards-box{grid-area:cards;min-height:0;display:flex;overflow:auto;container:cards/size}.bingo__cards{--columns:var(--wide-columns);--rows:var(--wide-rows);--fit-width:calc((100cqw - (var(--columns) - 1) * var(--card-gap)) / var(--columns));--fit-height:calc((100cqh - (var(--rows) - 1) * var(--card-gap)) / var(--rows) / var(--card-aspect));--card-width:min(var(--fit-width), var(--card-max), max(var(--card-min), var(--fit-height)));grid-template-columns:repeat(var(--columns), var(--card-width));gap:var(--card-gap);margin:auto;display:grid}@container cards (aspect-ratio<=5/4){.bingo[data-variant="75-ball"] .bingo__cards{--columns:min(var(--wide-columns), 2);--rows:var(--pair-rows)}}@container cards (width<=31em) or (aspect-ratio<=5/6){.bingo[data-variant="75-ball"] .bingo__cards{--columns:1;--rows:var(--count)}}@container cards (width<=35em){.bingo[data-variant="90-ball"] .bingo__cards{--columns:1;--rows:var(--count)}}.bingo-card{min-width:0;container-type:inline-size}.bingo-card__sheet{--focus-ring:var(--ink);background:var(--bingo-card);color:var(--bingo-card-ink);border-radius:max(.75em,4cqi);padding:3cqi;box-shadow:0 .375em #0003,0 1em 2em #00000040}.bingo-card__head{white-space:nowrap;justify-content:space-between;align-items:baseline;gap:.5em;margin-bottom:1.5cqi;font-size:max(.8125em,4.5cqi);line-height:1.3;display:flex}.bingo-card[data-variant="90-ball"] .bingo-card__head{font-size:max(.8125em,3cqi)}.bingo-card__title{font-family:var(--display);font-weight:600}.bingo-card__to-go{color:var(--bingo-card-soft);font-weight:700}.bingo-card__to-go[data-done]{color:var(--bingo-dab-ring)}.bingo-card__missed{min-width:0;color:var(--bingo-dab-ring);text-overflow:ellipsis;font-weight:700;overflow:hidden}.bingo-card__letters,.bingo-card__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5cqi;display:grid}.bingo-card__letters{margin-bottom:1.5cqi}.bingo-card__letter{background:var(--bingo-band);color:var(--bingo-band-ink);font-family:var(--display);text-align:center;border-radius:1.5cqi;font-size:8cqi;font-weight:600;line-height:1.35}.bingo-card[data-variant="90-ball"] .bingo-card__grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:.8cqi}.bingo-card__cell,.bingo-card__blank{aspect-ratio:1;border-radius:1.5cqi}.bingo-card[data-variant="90-ball"] :is(.bingo-card__cell,.bingo-card__blank){border-radius:.8cqi}.bingo-card__blank{background:var(--bingo-blank)}.bingo-card__cell{border:.0625rem solid var(--bingo-card-edge);background:var(--bingo-cell);min-width:0;color:inherit;font-family:var(--display);cursor:pointer;touch-action:manipulation;place-items:center;padding:0;font-size:8cqi;font-weight:600;line-height:1;display:grid;position:relative}.bingo-card[data-variant="90-ball"] .bingo-card__cell{font-size:4.5cqi}.bingo-card__cell:hover{filter:brightness(.96)}.bingo-card__dab{background:var(--bingo-dab);box-shadow:inset 0 0 0 .16em var(--bingo-dab-ring);border-radius:50%;position:absolute;inset:9%}.bingo-card__number{position:relative}.bingo-card__cell[data-free] .bingo-card__number{color:var(--bingo-dab-ring)}.bingo-rail{--focus-ring:var(--ink);color:var(--ink);grid-area:rail;gap:.375em;padding:.75em .875em;display:grid}.bingo-rail__head{justify-content:space-between;align-items:baseline;gap:.75em;display:flex}.bingo-rail__stage,.bingo-rail__status{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-weight:700;line-height:1.35;overflow:hidden}.bingo-rail__stage{font-family:var(--display);font-size:1.0625em}.bingo-rail__status{max-width:50%;color:var(--bingo-dab-ring);flex:none}.bingo-rail__balls{align-items:center;gap:.625em;height:5.25em;display:flex;overflow:clip}.bingo-rail__before{gap:.375em;margin:0;padding:0;list-style:none;display:flex}.bingo-rail__countdown{gap:.125em;display:grid}.bingo-rail__ready{color:var(--ink-soft);font-size:.875em}.bingo-rail__count{font-family:var(--display);font-size:1.5em;font-weight:600}.bingo-rail__stages{gap:.125em;margin:0;font-size:.875em;display:grid}.bingo-rail__stage-win{white-space:nowrap;border-radius:.375em;justify-content:space-between;gap:.75em;padding:.125em .5em;line-height:1.35;display:flex}.bingo-rail__stage-win[data-current]{background:color-mix(in srgb, var(--bingo-called) 30%, transparent)}.bingo-rail__stage-win dt{color:var(--ink-soft)}.bingo-rail__stage-win[data-current] dt{color:var(--ink);font-weight:700}.bingo-rail__stage-win dd{text-align:right;text-overflow:ellipsis;min-width:0;margin:0;font-weight:700;overflow:hidden}.bingo-ball{background:var(--bingo-ball-colour);border-radius:50%;flex:none;place-items:center;width:2.375em;height:2.375em;display:grid;box-shadow:inset 0 -.1875em #00000038}.bingo-ball[data-column="0"]{--bingo-ball-colour:var(--bingo-ball-0)}.bingo-ball[data-column="1"]{--bingo-ball-colour:var(--bingo-ball-1)}.bingo-ball[data-column="2"]{--bingo-ball-colour:var(--bingo-ball-2)}.bingo-ball[data-column="3"]{--bingo-ball-colour:var(--bingo-ball-3)}.bingo-ball[data-column="4"]{--bingo-ball-colour:var(--bingo-ball-4)}.bingo-ball__face{background:var(--bingo-ball-face);width:70%;height:70%;color:var(--bingo-ball-ink);font-family:var(--display);border-radius:50%;align-content:center;place-items:center;font-size:.875em;font-weight:600;line-height:1;display:grid}.bingo-ball__letter{font-size:.55em}.bingo-ball--small .bingo-ball__letter{display:none}.bingo-ball--current{width:5em;height:5em;box-shadow:inset 0 -.3em #00000038,0 .25em .5em #0003}.bingo-ball--current .bingo-ball__face{font-size:1.75em}.bingo-claim{grid-area:claim;display:grid}.bingo-claim__button{flex-direction:column;gap:.15em;width:100%;height:2.4em;padding-inline:.75em;font-size:1.5em;line-height:1}.bingo-claim__note{max-width:100%;font-family:var(--body);text-overflow:ellipsis;white-space:nowrap;font-size:.5em;font-weight:700;overflow:hidden}.bingo-seats{grid-area:seats;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375em;margin:0;padding:0;list-style:none;display:grid}.bingo-seats__seat{border-radius:var(--radius-control);background:#00000038;justify-content:space-between;align-items:baseline;gap:.5em;padding:.4em .75em;display:flex}.bingo-seats__seat[data-you]{background:color-mix(in srgb, var(--cream) 16%, transparent)}.bingo-seats__seat[data-claimed]{box-shadow:inset 0 0 0 .125em var(--accent)}.bingo-seats__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.bingo-seats__to-go{flex:none;font-size:.875em;font-weight:700}.bingo-seats-box{grid-area:seats;gap:.5em;display:grid}.bingo-seats-box__note{margin:0;font-size:.875em;font-weight:600}.bingo-seats-box__sit-out{justify-self:start;height:2.4em;padding-inline:1.2em;font-size:1em}.bingo-board{min-height:0;color:var(--ink);grid-area:board;grid-template-rows:auto minmax(0,1fr);gap:.5em;padding:.75em .875em .875em;display:grid}.bingo-board__title{margin:0;font-size:1em}.bingo-board__frame{min-height:0;container:called/size}.bingo-board__grid{--gap:.1875em;gap:var(--gap);height:100%;display:grid}.bingo[data-variant="75-ball"] .bingo-board__grid{--number:min((100cqh - 4 * var(--gap)) / 5 * .55, (100cqw - 15 * var(--gap)) / 16 * .45);grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:auto repeat(15,minmax(0,1fr))}.bingo[data-variant="90-ball"] .bingo-board__grid{--number:min((100cqh - 8 * var(--gap)) / 9 * .55, (100cqw - 9 * var(--gap)) / 10 * .45);grid-template-rows:repeat(9,minmax(0,1fr));grid-template-columns:repeat(10,minmax(0,1fr))}@container called (aspect-ratio<=7/5){.bingo[data-variant="75-ball"] .bingo-board__grid{--number:min((100cqh - 15 * var(--gap)) / 16 * .62, (100cqw - 4 * var(--gap)) / 5 * .4);grid-template-rows:auto repeat(15,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:column}}@container called (aspect-ratio<=6/5){.bingo[data-variant="90-ball"] .bingo-board__grid{--number:min((100cqh - 9 * var(--gap)) / 10 * .55, (100cqw - 8 * var(--gap)) / 9 * .45);grid-template-rows:repeat(10,minmax(0,1fr));grid-template-columns:repeat(9,minmax(0,1fr));grid-auto-flow:column}}.bingo-board__letter{color:var(--bingo-band);font-family:var(--display);font-size:clamp(.75em, var(--number) * 1.2, 2.5em);place-items:center;font-weight:600;line-height:1.2;display:grid}.bingo-board__number{background:var(--bingo-uncalled);width:100%;min-width:0;max-width:4em;height:100%;min-height:0;max-height:2.2em;color:var(--ink-soft);font-size:clamp(.625em, var(--number), 2.25em);font-variant-numeric:tabular-nums;border-radius:.35em;place-self:center;place-items:center;line-height:1;display:grid}.bingo-board__number[data-called]{background:var(--bingo-called);color:var(--bingo-called-ink);font-weight:800}.bingo-board__number[data-last]{box-shadow:inset 0 0 0 .14em var(--ink)}.bingo-end{background:#00000073;padding:1em}.bingo-end__panel{max-width:28em;color:var(--ink);text-align:center;padding:1.75em}.bingo-end__title{margin:0 0 .75em;font-size:1.5em}.bingo-end__line{margin:0 0 .75em;font-weight:600}.bingo-end__stages{margin:0 0 1.25em}.bingo-end__heading{margin:0 0 .5em;font-size:1em}.bingo-end__list{gap:.25em;margin:0;display:grid}.bingo-end__row{text-align:left;justify-content:space-between;gap:1em;display:flex}.bingo-end__row dt{color:var(--ink-soft)}.bingo-end__row dd{text-align:right;margin:0;font-weight:700}.bingo-end__readings{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75em;margin:0 0 1.25em;display:grid}.bingo-end__reading dt{color:var(--ink-soft);font-size:.875em}.bingo-end__reading dd{font-family:var(--display);margin:0;font-size:1.5em}.bingo-end__best{border-radius:var(--radius-control);background:color-mix(in srgb, var(--accent) 28%, var(--panel));margin:0 0 1.25em;padding:.25em .75em;font-weight:700}.bingo-end__actions{flex-wrap:wrap;justify-content:center;gap:.75em;display:flex}.bingo-end__actions .button{height:2.6em;padding-inline:1.4em;font-size:1.0625em}.bingo-settings__choice .setting{flex-direction:column;align-items:stretch;gap:.5rem}.bingo-settings__choice .segmented{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.bingo-settings__choice--pairs .segmented{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.bingo-settings__choice .segmented span{text-align:center;padding-inline:.5rem}@media (width<=40rem){.bingo{grid-template:"stats modes""table table"minmax(0,1fr)"controls controls"/minmax(0,1fr) auto}.bingo-hud{display:contents}.bingo-hud__stats{grid-area:stats;align-self:center;padding:.5rem .75rem;font-size:.875em}.bingo-hud__modes{grid-area:modes;align-self:center;padding:.5rem .75rem .5rem 0}.bingo__table{grid-area:table}.bingo-hud__controls{grid-area:controls;justify-content:space-evenly;align-items:center;gap:.5rem;padding:.5rem .5rem 1.5rem}.bingo-hud__icon{display:block}.bingo-hud__button{border-radius:var(--radius-control);width:2.75rem;height:2.75rem;box-shadow:0 .25rem 0 var(--hud-edge);padding-inline:0}.bingo-hud__button:active:not(:disabled,[aria-disabled=true]){box-shadow:0 .0625rem 0 var(--hud-edge);transform:translateY(.1875rem)}.bingo-hud__button--icon .bingo-hud__icon{width:1.5rem;height:1.5rem}.bingo-hud__label{color:var(--cream);font-family:var(--body);text-align:center;white-space:nowrap;pointer-events:none;font-size:.625rem;line-height:1;position:absolute;inset:calc(100% + .375rem) -1rem auto}.bingo__table{flex-direction:column;gap:.75em;padding:0 .75em;display:flex;overflow:hidden auto}.bingo__table>*{flex:none}.bingo-rail{z-index:2;order:1;gap:.25em;padding:.5em .75em;position:sticky;top:0}.bingo-rail__balls{height:3.5em}.bingo-rail__head,.bingo-rail__stages{font-size:.8125em}.bingo-ball{width:1.875em;height:1.875em}.bingo-ball__face{font-size:.6875em}.bingo-ball--current{width:3.25em;height:3.25em}.bingo-ball--current .bingo-ball__face{font-size:1.25em}.bingo__cards-box{order:2;display:block;overflow:visible;container-type:normal}.bingo__cards{grid-template-columns:minmax(0,1fr);width:100%;max-width:24em;margin-inline:auto}.bingo[data-variant="75-ball"] .bingo__cards{grid-template-columns:repeat(min(var(--count), 2), minmax(0, 1fr));max-width:none}.bingo[data-variant="90-ball"] .bingo__cards{max-width:32em}.bingo-seats,.bingo-seats-box{order:3}.bingo-board{order:4}.bingo-board__frame{container-type:inline-size}.bingo-board__grid{grid-template-rows:none;height:auto}.bingo[data-variant="75-ball"] .bingo-board__grid{--number:calc((100cqw - 15 * var(--gap)) / 16 * .5)}.bingo[data-variant="90-ball"] .bingo-board__grid{--number:min(1.125em, (100cqw - 9 * var(--gap)) / 10 * .45)}.bingo-board__number{aspect-ratio:1;height:auto}.bingo-claim{z-index:2;order:5;padding-bottom:.75em;position:sticky;bottom:0}.bingo-end__readings{grid-template-columns:repeat(2,minmax(0,1fr))}}