@layer pages{.bingo-sets{display:flex;flex-wrap:wrap;gap:0 var(--space-5)}.bingo-sets legend{margin-block-end:var(--space-1);color:var(--ink-3);font-size:var(--step--1);font-weight:600}.bingo-sets label{display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:var(--touch-min);color:var(--ink-1);font-weight:650;cursor:pointer}.bingo-sets input{flex:none;inline-size:var(--mark-sm);block-size:var(--mark-sm);margin:0;accent-color:var(--red-deep);cursor:pointer}.bingo-sets label:has(input:disabled){color:var(--ink-3);cursor:default}.bingo-game{container:well / inline-size;inline-size:100%;max-inline-size:34rem;justify-self:center}.bingo-game .game-head{flex-wrap:nowrap}.bingo-status{min-block-size:1lh;color:var(--ink-3);font-size:var(--step--1)}.bingo-more{justify-content:center}.bingo-frame{position:relative;display:grid;gap:var(--space-1);inline-size:100%;padding:var(--space-2);border-radius:var(--radius-lg);background:linear-gradient(160deg,var(--card),var(--card-2));box-shadow:var(--raise)}@container well (width < 30rem){.bingo-game .bingo-frame{inline-size:auto;margin-inline:calc(var(--space-2) - var(--space-4-5));padding:var(--space-1)}}.bingo-letters{display:grid;grid-template-columns:repeat(var(--bingo-size),minmax(0,1fr));padding-block:var(--space-1);color:var(--on-deep);font-size:var(--step-2);font-weight:800;line-height:1;text-align:center}.bingo-card{--cell: calc((100cqi - (var(--bingo-size) - 1) * var(--space-1)) / var(--bingo-size));container:card / inline-size;display:grid;grid-template-columns:repeat(var(--bingo-size),minmax(0,1fr));gap:var(--space-1);list-style:none}.bingo-card>li{display:grid;max-inline-size:none}.bingo-cell{position:relative;display:grid;place-content:center;min-block-size:var(--cell);padding:var(--space-1);border-radius:calc(var(--radius) * .75);background:var(--paper);color:var(--ink-1);font-size:clamp(.75rem,calc(18cqi / var(--bingo-size)),var(--step-0));font-weight:700;line-height:1.15;text-align:center;hyphens:auto;overflow-wrap:anywhere}.bingo-sq{box-shadow:inset 0 calc(-1 * var(--rise)) 0 color-mix(in oklab,var(--card-2) 30%,transparent);cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-2) ease,color var(--dur-2) ease,scale var(--dur-2) var(--ease-out)}.bingo-sq:hover{background:var(--band-1)}.bingo-sq:active{scale:.95}.bingo-sq[aria-pressed=true],.bingo-free .bingo-cell{background:var(--btn-face);color:var(--ground);box-shadow:var(--sink)}.bingo-free .bingo-cell{gap:0}.bingo-free .bingo-cell>span{font-weight:500}.bingo-sq[data-near]:not([aria-pressed=true]):after{content:"";position:absolute;inset:var(--space-1);border:var(--stroke) dashed var(--pen);border-radius:calc(var(--radius) * .5);pointer-events:none}.bingo-cell[data-win]{background:var(--right);color:var(--ground)}.bingo-cell[data-win]:before{content:"";position:absolute;inset-block-start:var(--space-1);inset-inline-end:var(--space-1);inline-size:calc(var(--mark-sm) * .75);block-size:calc(var(--mark-sm) * .75);background:var(--ground);mask:url("/css/pen-tick-IZV7BVQG.svg") center / contain no-repeat}@media(forced-colors:active){.bingo-sq[aria-pressed=true],.bingo-free .bingo-cell{outline:var(--stroke) solid CanvasText;outline-offset:calc(-1 * var(--stroke))}.bingo-cell[data-win]:before{inline-size:auto;block-size:auto;background:none;mask:none;content:"\2713";font-weight:800}}.bingo-stamp{--tilt: -14deg;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -40%;font-size:var(--step-6);mix-blend-mode:multiply;pointer-events:none}.bingo-result{justify-items:center;text-align:center}.bingo-set-group{max-inline-size:none}.bingo-set-count{margin-inline-start:auto;color:var(--ink-3);font-size:var(--step--1);font-weight:500;font-variant-numeric:tabular-nums}.bingo-squares{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--col-card)),1fr));gap:var(--space-2) var(--space-6);list-style:none}.bingo-set-also{color:var(--ink-2);font-size:var(--step--1)}.bingo-squares.bingo-set-also{gap:var(--space-1) var(--space-6)}}