.bingo-board{--bingo-paper:var(--paper,#fffafb);--bingo-ink:var(--ink,#392831);color:var(--bingo-ink);container-type:inline-size}
.bingo-board .bingo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}
.bingo-task{position:relative;min-width:0;padding:18px 14px;background:var(--bingo-paper);border:1px solid var(--line,#ead9df);border-radius:22px 22px 12px 12px;display:flex;flex-direction:column;align-items:stretch;gap:12px;overflow-wrap:break-word;box-shadow:0 5px 18px #39283106}
.bingo-task[data-done=true]{border-color:var(--accent,#751f3e);box-shadow:inset 0 0 0 1px var(--accent,#751f3e)}
.bingo-task p{font-family:Georgia,'Times New Roman',serif;font-size:20px;font-weight:400;line-height:1.4;margin:0;text-align:center;text-wrap:pretty;flex:1}
.bingo-task .bingo-number{align-self:center;font-size:11px;letter-spacing:2px;color:var(--accent,#751f3e);padding:0 14px 7px;border-bottom:1px solid var(--line,#ead9df)}
.bingo-task .bingo-picture{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px}
.bingo-task .bingo-placeholder{display:grid;place-content:center;gap:7px;aspect-ratio:1;background:var(--soft,#faedf2);font:italic 15px/1.4 Georgia,serif;color:var(--muted,#78666e);border-radius:14px;text-align:center;padding:8px}
.bingo-task .bingo-placeholder:before{content:'+';font:300 28px/1 Georgia,serif;color:var(--accent,#751f3e)}
.bingo-task .bingo-mark{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;min-height:44px;margin:0;cursor:pointer}
.bingo-task .bingo-mark input{appearance:auto;display:inline-block;width:20px;height:20px;margin:0;padding:0;accent-color:var(--accent,#751f3e);flex-shrink:0}
.bingo-task .bingo-upload{display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;font-size:13px;line-height:1.4;cursor:pointer;text-align:center;border:1px solid var(--line,#ead9df);border-radius:30px;background:var(--soft,#faedf2);padding:10px 8px;margin:0;color:var(--bingo-ink)}
.bingo-task input[type=file]{position:absolute;width:1px;height:1px;opacity:0;padding:0;margin:0}
.bingo-task .bingo-upload:focus-within{outline:3px solid var(--accent,#751f3e);outline-offset:2px}
.bingo-task small{font-size:11px;line-height:1.5;display:block;text-align:center;color:var(--muted,#78666e)}
.bingo-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}
.bingo-feedback{font-size:14px;line-height:1.6;overflow-wrap:anywhere;text-align:center}
.bingo-owner-board{border-top:1px solid var(--line,#ead9df);padding-top:20px;margin-top:20px}
@container(min-width:620px){.bingo-board .bingo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container(max-width:340px){.bingo-board .bingo-grid{gap:10px}.bingo-task{padding:14px 10px;gap:10px}.bingo-task p{font-size:18px}.bingo-task .bingo-placeholder{font-size:13px}}
@container(max-width:260px){.bingo-board .bingo-grid{grid-template-columns:1fr}}