.bingo-spec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:1.25rem 0;padding:1rem 0;border-block:1px solid var(--line-strong);list-style:none}.bingo-spec li{margin:0;padding:.25rem 1.1rem;border-left:1px solid var(--line-strong)}.bingo-spec li:first-child{padding-left:0;border-left:0}.bingo-spec strong{display:block;font:500 1.1rem var(--serif)}.bingo-spec span{font-size:.9rem;color:var(--ink-soft)}.pattern-row{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,.6fr));gap:1.5rem;align-items:center}.pattern{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;width:100%;max-width:120px;margin:0 auto .5rem;padding:4px;border:1px solid var(--line-strong);background:var(--paper)}.pattern i{display:block;aspect-ratio:1;background:#ece4d3;border-radius:2px}.pattern i.on{background:var(--olive)}.pattern-item{text-align:center;font-size:.9rem;margin:0}.pattern-item strong{display:block;font:500 1.05rem var(--serif)}.caller{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:2rem;align-items:start}.caller-panel{display:grid;gap:1rem;justify-items:center;text-align:center}.ball{display:grid;place-items:center;align-content:center;width:min(220px,60vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffdf6 0,#f3ead4 55%,#dccfae);border:2px solid var(--line-strong);box-shadow:var(--shadow)}.ball .ball-letter{font:500 1.6rem/1 var(--serif);color:var(--brass-text);letter-spacing:.2em}.ball .ball-number{font:500 5.2rem/1 var(--serif);color:var(--ink)}.ball.is-empty .ball-number{font-size:2rem;color:var(--muted)}.caller-panel .btn{width:100%;max-width:320px}.caller-meta{margin:0;font:500 1.1rem var(--serif)}.caller-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;max-width:560px}.caller-col h3{margin:0 0 .4rem;text-align:center;font:500 1.3rem var(--serif);color:var(--brass-text)}.caller-col ol{list-style:none;margin:0;padding:0;display:grid;gap:3px}.caller-col li{margin:0;display:grid;place-items:center;min-height:30px;font:600 .82rem var(--sans);border-radius:3px;background:var(--paper);border:1px solid var(--line);color:var(--muted)}.caller-col li.drawn{background:var(--olive);border-color:var(--olive);color:#fff}.caller-col li.latest{outline:3px solid var(--brass);outline-offset:1px}.caller-nojs,.no-js .caller{display:none}.no-js .caller-nojs{display:block}@media(max-width:960px){.caller{grid-template-columns:1fr}.pattern-row{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-row>:first-child{grid-column:1/-1}.bingo-spec{grid-template-columns:1fr}.bingo-spec li{border-left:0;padding-left:0}}@media(max-width:640px){.caller-col li{min-height:26px;font-size:.72rem}}
