/* ===== 빙고 ===== */
.bg-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:16px;width:min(430px,100%);max-height:100%;overflow-y:auto}
.bg-sub{font-size:12px;color:var(--muted);margin:2px 0 10px}
.bg-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.bg-cell{aspect-ratio:1;border:1px solid var(--line);background:var(--memo);border-radius:8px;font-size:12px;line-height:1.3;padding:3px;display:grid;place-items:center;text-align:center;word-break:keep-all;color:var(--ink);position:relative}
.bg-cell.on{background:var(--postit);color:var(--postit-ink);border-color:transparent;font-weight:600}
.bg-cell.on::after{content:"";position:absolute;inset:14%;border:2.5px solid var(--red);border-radius:50%;opacity:.55}
.bg-cell.free{background:var(--ink);color:var(--paper)}
.bg-cell.free::after{display:none}
.bg-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px}
.bg-foot b{font-family:"Jua",sans-serif;font-weight:400;font-size:12px}
.confetti{position:fixed;top:-12px;width:9px;height:14px;z-index:80;pointer-events:none;border-radius:2px;animation:fall 2.8s cubic-bezier(.25,.6,.45,1) forwards}
@keyframes fall{to{transform:translate(var(--dx),105vh) rotate(var(--rot));opacity:.9}}
.ap-input{width:100%;background:var(--memo);border:1px solid var(--line);border-radius:10px;padding:9px 12px;margin-top:10px}
@media (prefers-reduced-motion:reduce){.confetti{display:none}}