.bingo-tile{position:relative;background:var(--color-card);border:1px solid var(--color-rule);border-radius:var(--radius-card);overflow:hidden}.bingo-tile--free{border:2px solid var(--color-accent-3)}.bingo-tile[data-seen]{border-color:var(--color-accent)}.bingo-tile[data-seen] .bingo-tile__img{opacity:.55}.bingo-tile__face{position:relative;display:block;aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.bingo-tile__check-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;opacity:0;clip:rect(0 0 0 0);overflow:hidden}.bingo-tile__check-input:focus-visible~.bingo-tile__label,.bingo-tile:has(.bingo-tile__check-input:focus-visible){outline:3px solid var(--color-accent-strong);outline-offset:-3px}.bingo-tile__img,.bingo-tile__placeholder{position:absolute;inset:0;width:100%;height:100%;display:block}.bingo-tile__img{object-fit:cover;background:var(--color-bg);transition:opacity .16s ease}.bingo-tile__placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent-2),var(--color-accent));color:#fff;font-family:var(--font-display);font-size:clamp(1.4rem,6vw,2.75rem)}.bingo-tile__label{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:.85rem .35rem .3rem;background:linear-gradient(to top,#000000d1,#0000);color:#fff;font-family:var(--font-display);font-weight:700;font-size:clamp(.68rem,3vw,1.05rem);line-height:1.12;text-shadow:0 1px 2px rgba(0,0,0,.55);overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.bingo-tile__info{position:absolute;top:var(--space-2);right:var(--space-2);z-index:3;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.bingo-tile__info span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#0000008c;box-shadow:0 0 0 2px #ffffff8c;color:#fff;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:.85rem;line-height:1}.bingo-tile__info:focus-visible span{outline:3px solid var(--color-accent-strong);outline-offset:2px}@media(prefers-reduced-motion:reduce){.bingo-tile__img{transition:none}}@media(max-width:600px){.bingo-tile__info{width:24px;height:24px;top:1px;right:1px}.bingo-tile__info span{width:18px;height:18px;font-size:.7rem}}@media print{.bingo-tile__stamp,.bingo-tile__info{display:none!important}.bingo-tile__check-input{position:absolute;top:3px;right:3px;width:14px;height:14px;margin:0;opacity:1;clip:auto;appearance:auto;-webkit-appearance:checkbox;z-index:3}}.bingo-tile__stamp{position:absolute;top:50%;left:50%;z-index:2;width:46%;height:46%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;background:#14532dd1;box-shadow:0 2px 8px #00000059,inset 0 0 0 2px #ffffffd9;color:#fff;opacity:0;pointer-events:none}.bingo-tile__stamp svg{width:62%;height:62%}.bingo-tile[data-seen] .bingo-tile__stamp{opacity:1;animation:bingo-stamp-in .34s cubic-bezier(.34,1.56,.64,1) both}@keyframes bingo-stamp-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-12deg)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(3deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}.bingo-tile[data-pop]{animation:bingo-tile-pop .26s ease both}@keyframes bingo-tile-pop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}.bingo-tile[data-hot]{border-color:var(--color-accent-3);animation:bingo-hot-pulse 1.4s ease-in-out infinite}.bingo-tile[data-hot]:after{content:"!";position:absolute;top:3px;left:3px;z-index:3;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-accent-3);color:#1a1a18;font-family:var(--font-display);font-weight:800;font-size:.7rem;line-height:1}@keyframes bingo-hot-pulse{0%,to{box-shadow:0 0 0 2px var(--color-accent-3)}50%{box-shadow:0 0 0 2px var(--color-accent-3),0 0 14px 2px color-mix(in srgb,var(--color-accent-3) 60%,transparent)}}@media(prefers-reduced-motion:reduce){.bingo-tile__stamp,.bingo-tile[data-pop],.bingo-tile[data-hot]{animation:none!important}.bingo-tile[data-hot]{box-shadow:0 0 0 2px var(--color-accent-3)}}.bingo{max-width:72rem;margin:0 auto;padding-inline:var(--gutter-inline)}@media(min-width:768px){.bingo{padding-inline:var(--gutter-inline-md)}}.bingo__crumbs{margin:var(--space-6) 0 var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm)}.bingo__crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;color:var(--color-muted)}.bingo__crumbs li+li:before{content:"/";margin-right:.4rem;color:var(--color-muted)}.bingo__crumbs a{color:var(--color-link);text-decoration:none}.bingo__crumbs a:hover{text-decoration:underline}.bingo__crumbs [aria-current=page]{color:var(--color-fg)}.bingo__header{position:relative;margin:0 0 var(--space-8);text-align:center}.bingo__sound{position:absolute;top:0;right:0;z-index:5}.bingo__eyebrow{margin:0 0 var(--space-2);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--color-accent)}.bingo__title{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:clamp(var(--text-2xl),5vw,var(--text-4xl));line-height:1.1;color:var(--color-fg)}.bingo__intro{margin:0 auto var(--space-4);max-width:40rem;font-family:var(--font-sans);font-size:var(--text-lg);color:var(--color-muted)}.bingo__progress{margin:0;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:700;color:var(--color-muted)}.bingo__progress [data-bingo-count]{color:var(--color-accent)}.bingo__legend{margin:var(--space-2) 0 0;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-muted)}.bingo__actions{margin:var(--space-3) 0 0}.bingo__print{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:700;color:var(--color-link);background:none;border:1px solid var(--color-rule);border-radius:999px;padding:.35rem .9rem;cursor:pointer}.bingo__print:hover{border-color:var(--color-link);text-decoration:underline}.bingo__print:focus-visible{outline:3px solid var(--color-accent-strong);outline-offset:2px}.bingo__grid{list-style:none;margin:0 0 var(--space-12);padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:clamp(.2rem,1.2vw,var(--space-3))}.bingo__foot{margin:0 0 var(--space-16);font-family:var(--font-sans);font-size:var(--text-sm);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.bingo__foot a{color:var(--color-muted);text-decoration:none}.bingo__foot a:hover{color:var(--color-fg)}.bingo__reset{font:inherit;font-weight:700;color:var(--color-muted);background:none;border:1px solid var(--color-rule);border-radius:999px;padding:.35rem .9rem;cursor:pointer}.bingo__reset:hover{color:var(--color-fg);border-color:var(--color-fg)}.bingo__reset[data-confirm]{color:var(--color-coral);border-color:var(--color-coral)}.bingo__reset:focus-visible{outline:3px solid var(--color-accent-strong);outline-offset:2px}.bingo__banner{position:fixed;top:18vh;left:50%;transform:translate(-50%);z-index:50;padding:var(--space-3) var(--space-8);border-radius:999px;background:var(--color-accent);color:#fff;font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,7vw,3rem);letter-spacing:.04em;box-shadow:0 8px 30px #0000004d;pointer-events:none}.bingo__banner[hidden]{display:none}.bingo__banner[data-show]{animation:bingo-banner-in .34s cubic-bezier(.34,1.56,.64,1) both}@keyframes bingo-banner-in{0%{opacity:0;transform:translate(-50%) scale(.5)}60%{opacity:1;transform:translate(-50%) scale(1.12)}to{opacity:1;transform:translate(-50%) scale(1)}}.bingo__blackout{border:none;border-radius:var(--radius-card);padding:0;max-width:min(92vw,28rem);background:var(--color-card);color:var(--color-fg)}.bingo__blackout::backdrop{background:#0000008c}.bingo__blackout[open]{animation:bingo-blackout-in .3s ease both}@keyframes bingo-blackout-in{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.bingo__blackout-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);text-align:center}.bingo__blackout-title{margin:0;font-family:var(--font-display);font-size:clamp(var(--text-2xl),6vw,var(--text-4xl));font-weight:800;color:var(--color-accent)}.bingo__blackout-text{margin:0;font-family:var(--font-sans);color:var(--color-muted)}.bingo__blackout-close{font-family:var(--font-sans);font-weight:700;color:#fff;background:var(--color-accent);border:none;border-radius:999px;padding:var(--space-3) var(--space-8);min-height:48px;cursor:pointer}.bingo__blackout-close:focus-visible{outline:3px solid var(--color-accent-strong);outline-offset:2px}@media(prefers-reduced-motion:reduce){.bingo__banner[data-show],.bingo__blackout[open]{animation:none}}@media print{.site-header,body>footer,.skip-link,.bingo__crumbs,.bingo__foot,.bingo__actions,.bingo__legend,.bingo__banner,.bingo__blackout,.bingo__sound,.bingo__progress{display:none!important}.bingo{max-width:none;padding:0}.bingo__header{margin-bottom:.5rem}.bingo__grid{grid-template-columns:repeat(5,1fr);gap:.1rem;margin:0}.bingo-tile{border:1px solid #000!important;border-radius:0;break-inside:avoid;page-break-inside:avoid}.bingo-tile__label{background:#fff!important;color:#000!important}}.bingo-modal{border:none;border-radius:var(--radius-card);padding:0;width:min(92vw,30rem);max-height:88vh;background:var(--color-card);color:var(--color-fg);overflow:hidden}.bingo-modal::backdrop{background:#0000008c}.bingo-modal[open]{animation:bingo-modal-in .22s ease both}@keyframes bingo-modal-in{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.bingo-modal__panel{position:relative;display:flex;flex-direction:column;max-height:88vh;overflow-y:auto}.bingo-modal__close{position:absolute;top:var(--space-2);right:var(--space-2);z-index:2;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#0000008c;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}.bingo-modal__close:focus-visible{outline:3px solid var(--color-accent-strong);outline-offset:2px}.bingo-modal__img{width:100%;aspect-ratio:3 / 2;object-fit:cover;background:var(--color-bg)}.bingo-modal__title{margin:0;padding:var(--space-5) var(--space-6) 0;font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.15;color:var(--color-fg)}.bingo-modal__cue,.bingo-modal__reveal{margin:var(--space-3) 0 0;padding-inline:var(--space-6);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5}.bingo-modal__cue{font-weight:700;color:var(--color-fg)}.bingo-modal__reveal{color:var(--color-muted)}.bingo-modal__more{display:inline-flex;align-items:center;min-height:44px;margin:var(--space-4) 0 var(--space-6);padding-inline:var(--space-6);font-family:var(--font-sans);font-weight:700;font-size:var(--text-base);color:var(--color-link);text-decoration:none}.bingo-modal__more:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){.bingo-modal[open]{animation:none}}