@layer components{.tool-surface.bingo-surface{overflow:clip}.bingo-tabs{display:flex;gap:.3rem;width:100%;max-width:27rem;margin-bottom:1rem;border-radius:999px;background:var(--color-set);padding:.3rem;box-shadow:inset 0 0 0 1px var(--color-line)}.bingo-tab{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;border-radius:999px;font-family:var(--font-display);font-weight:700;font-stretch:92%;font-size:1.05rem;color:var(--color-ink-soft);transition:background-color .18s,color .18s,box-shadow .18s}.bingo-tab:hover{color:var(--color-ink);background:#fff9}.bingo-tab[aria-selected=true]{background:var(--color-plum);color:#fff;box-shadow:0 8px 18px -10px #50458ae6}.bingo-tab:focus-visible,.bingo-preset:focus-visible,.bingo-pager:focus-visible{outline:3px solid var(--color-ribbon);outline-offset:2px}.on-dark .bingo-pager:focus-visible,[data-stage=caller]:focus-visible{outline:3px solid #fff;outline-offset:-3px}.bingo-preset{min-height:2.75rem;border-radius:999px;background:#fff;padding:.35rem .95rem;font-family:var(--font-display);font-weight:700;font-stretch:92%;font-size:.92rem;color:var(--color-ink);box-shadow:inset 0 0 0 1.5px var(--color-line-strong);transition:box-shadow .15s,background-color .15s}.bingo-preset:hover{box-shadow:inset 0 0 0 2px var(--color-plum)}.bingo-preset[aria-pressed=true]{background:var(--color-lilac-soft);box-shadow:inset 0 0 0 2px var(--color-plum)}.bingo-toggle[aria-pressed=true]{background:var(--color-plum);color:#fff;box-shadow:none}.bingo-sheet-meta{font-family:var(--font-display);font-weight:700;font-stretch:92%;font-size:.95rem;color:#c9bfee;font-variant-numeric:tabular-nums}.bingo-pager{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:999px;color:#fff;background:#ffffff14;box-shadow:inset 0 0 0 1.5px #ffffff47;transition:background-color .15s,opacity .15s}[dir=rtl] .bingo-pager svg{transform:scaleX(-1)}.bingo-pager:hover{background:#ffffff29}.bingo-pager:disabled{opacity:.35;cursor:default}.bingo-preview{position:relative;margin-inline:auto;width:100%;max-width:100%}.bingo-paper{position:absolute;top:0;isolation:isolate;border-radius:3px;box-shadow:0 30px 60px -28px #000000bf,0 2px 6px #00000040}.bingo-paper[data-stack]:before,.bingo-paper[data-stack]:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:3px;background:#fff;opacity:.2;transform:translate(7px,7px) rotate(1.2deg)}.bingo-paper[data-stack]:after{opacity:.1;transform:translate(13px,12px) rotate(2.4deg)}.bingo-preview-page{position:absolute;transform-origin:0 0;border-radius:3px;overflow:hidden}.bingo-page{display:grid;gap:6mm;padding:9mm;background:#fff;color:var(--color-ink);overflow:hidden;box-sizing:border-box}.bingo-slot{container-type:size;display:grid;place-items:center;min-width:0;min-height:0}.bingo-card{container-type:inline-size;width:min(100cqw,calc(100cqh * var(--ratio)));aspect-ratio:var(--ratio);min-width:0;font-family:var(--font-display);color:var(--color-ink);-webkit-print-color-adjust:exact;print-color-adjust:exact}.bingo-card-in{display:flex;flex-direction:column;height:100%;border:.5mm solid var(--color-ink);border-radius:2.6cqi;background:#fff;padding:3cqi 3cqi 2.2cqi}.bingo-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:2cqi;margin-bottom:1.8cqi;line-height:1}.bingo-card-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(var(--hf, 5.2) * 1cqi);font-weight:800;font-stretch:80%;letter-spacing:.01em}.bingo-card-no{flex:none;margin-inline-start:auto;border-radius:999px;background:var(--color-ink);color:#fff;padding:.7cqi 2cqi .8cqi;font-size:calc(var(--nf-id, 3.9) * 1cqi);font-weight:800;font-stretch:85%;font-variant-numeric:tabular-nums;white-space:nowrap}.bingo-grid{direction:ltr;flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:.3mm;background:var(--color-ink);border:.45mm solid var(--color-ink);border-radius:1.4cqi;overflow:hidden}.bingo-grid[data-letters]{grid-template-rows:auto}.bingo-grid>span{position:relative;display:grid;place-items:center;min-width:0;min-height:0;background:#fff;font-size:calc(var(--cf, 8.4) * 1cqi);font-weight:800;font-stretch:85%;line-height:1;font-variant-numeric:tabular-nums}.bingo-grid>.bingo-letter{background:var(--color-plum);color:#fff;padding:1.3cqi 0 1.1cqi;font-size:calc(var(--lf, 8.6) * 1cqi);font-stretch:80%}.bingo-grid>.bingo-blank{background:var(--color-lilac-soft)}.bingo-grid>.bingo-free{background:var(--color-lilac-soft);color:var(--color-plum);gap:.6cqi;align-content:center}.bingo-free svg{width:42%;height:auto}.bingo-free small{font-size:calc(var(--cf, 8.4) * .3cqi);font-weight:800;letter-spacing:.06em}.bingo-grid>.bingo-word{padding:.6cqi;text-align:center;font-weight:700;font-stretch:85%;font-size:calc(var(--fs, 4) * 1cqi);line-height:1.06;hyphens:auto;overflow-wrap:break-word;word-break:normal}.bingo-card-foot{display:flex;justify-content:space-between;gap:2cqi;margin-top:1.5cqi;font-family:var(--font-sans);font-size:calc(var(--ff, 2.5) * 1cqi);font-weight:600;line-height:1;color:var(--color-muted);white-space:nowrap}.bingo-card[data-g="90"]{--hf: 3.2;--nf-id: 2.6;--cf: 5.6;--ff: 1.7}.bingo-card[data-g="90"] .bingo-card-in{border-radius:1.6cqi;padding:2cqi 2cqi 1.6cqi}.bingo-card[data-g="90"] .bingo-card-head{margin-bottom:1.2cqi}.bingo-card[data-g="90"] .bingo-grid{border-radius:1cqi}.bingo-card[data-g="90"] .bingo-card-foot{margin-top:1cqi}.bingo-grid>.is-marked:after{content:"";position:absolute;inset:12%;border-radius:999px;background:#bb264952;box-shadow:inset 0 0 0 .6cqi #bb26498c}.bingo-grid>.is-win:after{background:#ffc93c8c;box-shadow:inset 0 0 0 .6cqi var(--color-gold-deep)}.bingo-grid>.is-free-mark:after{content:none}.bingo-follow{margin-bottom:1rem;border-radius:.9rem;background:#ffffff1a;padding:.7rem 1rem;font-size:.9rem;font-weight:600;line-height:1.4;color:#fff;box-shadow:inset 0 0 0 1px #ffffff29}.bingo-machine{direction:ltr;position:relative;width:100%;aspect-ratio:8 / 5}@media (min-width: 640px){.bingo-machine{aspect-ratio:2 / 1}}.bingo-hero{--ball: #7a5cc4;position:absolute;display:grid;place-items:center;border-radius:999px;background:radial-gradient(circle at 34% 26%,#ffffffbf 0 7%,#fff0 24%),radial-gradient(circle at 50% 50%,var(--ball) 0 58%,color-mix(in oklab,var(--ball) 62%,#0b0820) 100%);box-shadow:0 22px 40px -16px #000000b3,inset 0 -6px 14px #00000040;will-change:transform;pointer-events:none}.bingo-hero-face{display:grid;place-items:center;align-content:center;width:66%;height:66%;border-radius:999px;background:radial-gradient(circle at 40% 30%,#fff 0 55%,#ece6fb);color:var(--color-ink);box-shadow:inset 0 -3px 8px #221a552e;font-family:var(--font-display);text-align:center;overflow:hidden}.bingo-hero-face b{display:block;font-weight:800;font-stretch:85%;line-height:1;color:var(--ball)}.bingo-hero-face b:empty{display:none}.bingo-hero-face span{display:block;font-weight:800;font-stretch:80%;line-height:.92;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.bingo-hero[data-word] .bingo-hero-face{width:80%;height:80%;padding:0 6%}.bingo-hero[data-word] .bingo-hero-face span{font-stretch:85%;letter-spacing:0;line-height:1.02;hyphens:auto;overflow-wrap:break-word}.bingo-hero.is-empty{background:none;box-shadow:none;border:2px dashed rgb(201 191 238 / .45)}.bingo-hero.is-empty .bingo-hero-face{background:none;box-shadow:none;color:transparent;-webkit-text-stroke:2px rgb(201 191 238 / .55)}.bingo-call{position:relative;overflow:hidden;min-width:11rem;min-height:3.4rem;font-size:1.15rem}.bingo-kbd{border-radius:.4rem;background:#ffffff2e;padding:.15rem .45rem;font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.02em}@media (pointer: coarse){.bingo-kbd{display:none}}.bingo-progress{position:absolute;inset-inline:0;bottom:0;height:4px;background:#fffc;transform:scaleX(0)}.bingo-count{font-family:var(--font-display);font-weight:700;font-stretch:90%;font-size:1rem;color:#c9bfee;font-variant-numeric:tabular-nums}.bingo-count strong{color:#fff;font-weight:800}.bingo-last{display:flex;align-items:center;gap:.75rem;min-height:2.75rem}.bingo-last-label{flex:none;font-family:var(--font-display);font-weight:700;font-stretch:90%;font-size:.85rem;color:#c9bfee}.bingo-last-list{display:flex;align-items:center;gap:.45rem;min-width:0;overflow:hidden}.bingo-mini{--ball: #7a5cc4;flex:none;display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:999px;background:radial-gradient(circle at 50% 50%,#fff 0 52%,var(--ball) 54%);color:var(--color-ink);font-family:var(--font-display);font-weight:800;font-stretch:82%;font-size:.92rem;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 4px 10px -4px #0009}.bingo-mini:first-child{width:2.75rem;height:2.75rem;font-size:1.05rem}.bingo-mini small{display:block;font-size:.55rem;color:var(--ball);margin-bottom:-.1rem}.bingo-mini-empty,.bingo-mini-empty:first-child{width:2.35rem;height:2.35rem;background:none;box-shadow:inset 0 0 0 2px #c9bfee38}.bingo-mini-word{width:auto;height:2.35rem;max-width:9rem;padding:0 .8rem;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 3px var(--ball),0 4px 10px -4px #0009;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bingo-mini-word:first-child{width:auto;height:2.75rem}.bingo-board{direction:ltr;display:grid;gap:3px}.bingo-board[data-g="75"]{grid-template-columns:1.4rem repeat(15,minmax(0,1fr))}.bingo-board[data-g="90"]{grid-template-columns:repeat(10,minmax(0,1fr));width:100%;max-width:30rem;margin-inline:auto}.bingo-board[data-g=w]{display:flex;flex-wrap:wrap;gap:.35rem}.bingo-board-letter{display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:.9rem;color:#c9bfee}.bingo-cell{display:grid;place-items:center;aspect-ratio:1;min-width:0;border-radius:.4rem;background:#ffffff0d;color:#c9bfee9e;font-family:var(--font-display);font-weight:600;font-stretch:85%;font-size:clamp(.66rem,1.9vw,.98rem);line-height:1;font-variant-numeric:tabular-nums;transition:background-color .25s,color .25s}.bingo-board[data-g=w] .bingo-cell{aspect-ratio:auto;padding:.4rem .7rem;border-radius:999px;font-size:.85rem}.bingo-cell.is-called{background:#fff;color:var(--color-ink);font-weight:800}.bingo-cell.is-latest{background:var(--color-ribbon);color:#fff;box-shadow:0 0 0 2px #fff}.bingo-cell.is-pop{animation:bingo-pop .22s cubic-bezier(.34,1.56,.64,1)}.bingo-ghost{position:absolute;z-index:5;display:grid;place-items:center;border-radius:999px;background:var(--color-ribbon);color:#fff;font-family:var(--font-display);font-weight:800;font-stretch:85%;pointer-events:none;will-change:transform,opacity}.bingo-check{border-radius:1.1rem;background:#fff;padding:1rem;box-shadow:0 0 0 1px var(--color-line)}.bingo-verdict{font-family:var(--font-display);font-weight:800;font-stretch:88%;font-size:1.3rem;line-height:1.15;color:var(--color-ink)}.bingo-verdict[data-win]{color:var(--color-ribbon-deep)}.bingo-badges{display:flex;flex-wrap:wrap;gap:.35rem}.bingo-badges li{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;background:var(--color-mist);padding:.25rem .7rem .25rem .5rem;font-size:.85rem;font-weight:600;color:var(--color-muted);box-shadow:inset 0 0 0 1px var(--color-line)}.bingo-badges li[data-on]{background:color-mix(in oklab,var(--color-gold) 35%,#fff);color:var(--color-ink);box-shadow:inset 0 0 0 1.5px var(--color-gold-deep)}.bingo-badges svg{width:1rem;height:1rem}.bingo-check-card .bingo-card{width:100%;max-width:22rem}.bingo-check-card .bingo-card[data-g="90"]{max-width:100%}.bingo-print{display:none}@keyframes bingo-pop{0%{transform:scale(1)}55%{transform:scale(1.32)}to{transform:scale(1)}}@media print{html.bingo-printing body>:not(.bingo-print){display:none!important}html.bingo-printing,html.bingo-printing body{background:#fff!important;margin:0!important;padding:0!important;min-height:0!important}html.bingo-printing .bingo-print{display:block!important}.bingo-print .bingo-page{break-after:page;page-break-after:always;break-inside:avoid}.bingo-print .bingo-page:last-child{break-after:auto;page-break-after:auto}}}