.draw-console,.client-shell{max-width:1400px;margin:auto}.draw-hero{text-align:center;padding:2rem}.bingo-ball{display:grid;place-items:center;width:180px;height:180px;margin:1rem auto;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff 0 8%,#f9c74f 9% 34%,#f8961e 70%,#7c2d12);color:#201305;font-size:clamp(2.8rem,8vw,5.8rem);font-weight:900;box-shadow:0 18px 50px #0007,inset -12px -16px 24px #0004}.bingo-ball--giant{width:min(38vw,430px);height:min(38vw,430px);font-size:clamp(5rem,15vw,12rem)}.draw-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.btn--xl{min-height:64px;padding:1rem 2rem;font-size:1.2rem}.number-board{display:grid;grid-template-columns:repeat(10,minmax(35px,1fr));gap:.5rem;padding:1rem}.number-board span{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:var(--surface-2,#1c2638);font-weight:800}.number-board .is-called{background:#f9c74f;color:#17100a;box-shadow:0 0 18px #f9c74f88}.public-board{overflow:hidden;background:radial-gradient(circle at top,#172554,#050814);color:#fff}.board-screen{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto auto;padding:clamp(1rem,2vw,2rem);gap:1rem}.board-screen header,.board-screen footer{display:flex;justify-content:space-between;align-items:center;gap:2rem}.board-screen header h1{font-size:clamp(1.8rem,4vw,4rem);margin:0}.board-focus{display:flex;align-items:center;justify-content:center;gap:3rem}.recent{display:flex;flex-direction:column;gap:.5rem;font-size:clamp(1.2rem,3vw,2.4rem);font-weight:800}.number-board--public{grid-template-columns:repeat(15,1fr);padding:0}.number-board--public span{font-size:clamp(.7rem,1.2vw,1.3rem)}.board-enable{position:fixed;right:1rem;bottom:1rem}.client-shell{padding:1rem}.client-nav{display:flex;gap:.5rem;align-items:center;overflow:auto;padding:.75rem;border-bottom:1px solid var(--border,#334155)}.client-nav a,.client-nav button{white-space:nowrap}.print-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem}.receipt{max-width:720px;margin:2rem auto}.receipt dl{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem}@media(max-width:720px){.number-board{grid-template-columns:repeat(5,1fr)}.number-board--public{grid-template-columns:repeat(10,1fr)}.board-focus{flex-direction:column;gap:.5rem}.recent{flex-direction:row}.print-grid{grid-template-columns:1fr}}@media print{.no-print,.sidebar,.topbar,.bottom-nav{display:none!important}.print-grid{display:grid;grid-template-columns:repeat(2,1fr)}}

/* Impresión legible de cartones y validación local por QR. */
.bingo-ticket__meta{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.bingo-ticket__meta strong{color:#201a36;font-size:.88rem}.bingo-ticket__meta small{overflow-wrap:anywhere}.bingo-ticket__qr{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:2px;margin:0}.bingo-ticket__qr-canvas,.bingo-ticket__qr-canvas img,.bingo-ticket__qr-canvas canvas{display:block;width:72px!important;height:72px!important}.bingo-ticket__qr figcaption{color:#201a36;font-size:.58rem;font-weight:800}.bingo-ticket__serial{font-size:1rem;white-space:nowrap}
@media print{.bingo-ticket__serial{font-size:13pt!important}.bingo-card__cell{font-size:18pt!important;line-height:1!important}.bingo-card__letter{font-size:18pt!important}.bingo-ticket--mode-90 .bingo-card__cell{font-size:14pt!important}.bingo-ticket__foot{align-items:center;gap:4mm}.bingo-ticket__qr-canvas,.bingo-ticket__qr-canvas img,.bingo-ticket__qr-canvas canvas{width:22mm!important;height:22mm!important}.bingo-ticket__qr figcaption{font-size:7pt}.bingo-ticket__meta strong{font-size:11pt}.bingo-ticket__meta small{font-size:6.5pt}.bingo-ticket{break-inside:avoid;page-break-inside:avoid}}