/* Generator bingo kartica (T1): forma na drvetu, kartice na papiru, pri štampi samo papir (sheet.css daje papir i štampu). */
.bcform{max-width:640px}
.bcform .kinds.two{grid-template-columns:1fr 1fr}
.bcform .kind small{display:block;font-weight:500;color:var(--cream-3);font-size:14px}
.bcform .kind.check{min-height:52px;align-self:end}
.bcform select,.bcform input[type=number],.bcform input[type=text]{min-height:52px;border-radius:12px;border:1px solid rgba(120,80,30,.4);background:#fffaf0;color:var(--ink);font:500 17px var(--sans);padding:0 14px;box-sizing:border-box;width:100%}
.bcform select:focus,.bcform input:focus{outline:3px solid var(--brass-hi);outline-offset:1px}
.bcform .bcwords{display:grid;gap:18px}
.bcform .bcwords[hidden],.bcform [data-for][hidden]{display:none}
.bcrow{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}
.bcready{margin-top:26px}
.bcform .hint:empty{display:none}
.bcready .hint{color:var(--cream-3);font-size:15px;margin:6px 0 0}
.bcready .hint a{color:var(--brass-hi)}
.bcabout{margin-top:36px;color:var(--cream-2);font-size:17px;line-height:1.6}
.bcabout h2{font:800 26px/1.2 var(--serif);color:var(--cream)}
.bcabout h3{font:700 19px var(--serif);color:var(--cream);margin:22px 0 8px}
.bcabout a{color:var(--brass-hi)}
.bcthemes{display:flex;flex-wrap:wrap;gap:8px 16px}
.bcthemes a{min-height:32px;display:inline-flex;align-items:center}

/* list sa karticama */
.bcsheet{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:22px}
.bcsheet .paperfoot{flex-basis:100%}
.bcard{container-type:inline-size;width:min(100%,560px);color:#1a1a1a;break-inside:avoid}
.bcsheet.per4 .bcard{width:min(100%,calc(50% - 11px))}
.bctitle{font:700 8cqw/1.15 var(--serif);text-align:center;margin-bottom:1.5cqw;overflow-wrap:anywhere}
.bcletters{display:grid;grid-template-columns:repeat(5,1fr);border:2px solid #1a1a1a;border-bottom:0;background:#1a1a1a;color:#fff}
.bcletters span{font:800 11cqw/1.25 var(--serif);text-align:center}
.bcgrid{width:100%;border-collapse:collapse;table-layout:fixed;border:2px solid #1a1a1a}
.bcgrid td{border:1.5px solid #1a1a1a;text-align:center;vertical-align:middle;padding:0 1cqw;overflow-wrap:break-word;line-height:1.12;color:#1a1a1a}
.bcard.s5 td{height:20cqw}
.bcard.s4 td{height:25cqw}
.bcard.s3 td{height:33.3cqw}
.bcgrid td.n{font:700 9cqw var(--sans)}
.bcgrid td.w{font-weight:600;font-family:var(--sans)}
.bcgrid td.free{font:800 4.4cqw var(--serif);letter-spacing:.06em;background:#efe8d6}
.bcno{font-size:max(11px,2.6cqw);color:#444;text-align:right;margin-top:1cqw}

/* lista za pozivača */
.bccaller ul{list-style:none;margin:8px 0 0;padding:0;columns:5;column-gap:14px}
.bccaller ul.words{columns:3}
.bccaller li{break-inside:avoid;font-size:15px;padding:3px 0;display:flex;gap:8px;align-items:center}
.bccaller li::before{content:"";flex:none;width:14px;height:14px;border:1.5px solid #1a1a1a;border-radius:2px}

/* pozivač na ekranu (lampa) */
.bcball{display:grid;place-items:center;min-height:150px;margin:6px auto 4px;max-width:520px;border-radius:22px;background:radial-gradient(circle at 35% 30%,#fffdf7,#efe2c2 70%);color:#1a1a1a;box-shadow:inset 0 -6px 12px rgba(0,0,0,.18),0 10px 24px rgba(0,0,0,.4);padding:10px 16px;text-align:center}
.bcball span{font:800 clamp(44px,10vw,84px)/1.05 var(--serif);overflow-wrap:anywhere}
.bcball span.long{font-size:clamp(30px,6.4vw,52px)}
.bcball span.ready{font-size:34px;color:#6b5a3c}
.bcn{text-align:center;color:var(--cream-2);margin:6px 0 0}
#pf .pact{justify-content:center}
.bcboard{margin-top:18px;display:grid;gap:4px;overflow-x:auto}
.bcbrow{display:grid;grid-template-columns:30px repeat(15,minmax(22px,1fr));gap:3px;align-items:center}
.bcbrow b{font:800 18px var(--serif);color:var(--brass-hi);text-align:center}
.bcbrow span{font:600 13px/26px var(--sans);text-align:center;border-radius:6px;background:rgba(0,0,0,.25);color:var(--cream-3)}
.bcbrow span.on{background:#f2c964;color:#2a1a0c}
.bcbrow span.last{outline:3px solid #fffaf0;font-weight:800}
.bccalled{margin:18px 0 0;padding-left:30px;columns:2;column-gap:24px;font-size:17px}
.bccalled li{padding:2px 0}
.bccalled li:first-child{font-weight:800;color:var(--brass-hi)}
.bch3{font:700 20px var(--serif);margin:22px 0 8px}
.bccheck{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.bccheck input{width:110px;min-height:48px;border-radius:12px;border:1px solid rgba(120,80,30,.4);background:#fffaf0;color:var(--ink);font:600 18px var(--sans);padding:0 12px}
#bccheckout p{margin:10px 0}
#bccheckout .bcgood{font-weight:800;color:#f2c964;font-size:19px}
#bccheckout .bcbad{color:#ffb4a8}
#bccheckout .hint{font-size:14px;color:var(--cream-3)}
.bcmini{border-collapse:collapse;table-layout:fixed;width:min(100%,360px);background:#fffdf7;color:#1a1a1a}
.bcmini td{border:1px solid #555;text-align:center;font:600 12px/1.1 var(--sans);height:44px;padding:0 2px;overflow-wrap:anywhere}
.bcmini td.on{background:#f6dc92}
.bcmini td.win{background:#e9a93a;font-weight:800}

@media (max-width:640px){
  .bcrow{grid-template-columns:1fr}
  .bcform .kinds.two{grid-template-columns:1fr}
  .bcsheet.per4 .bcard{width:100%}
  .bccaller ul{columns:3}
  .bccaller ul.words{columns:2}
  .bccalled{columns:1}
}
@media print{
  @page{size:letter portrait;margin:10mm}
  /* dve kartice staju krupno samo na položen list */
  @page land{size:letter landscape;margin:10mm}
  .bcsheet.per2{page:land}
  .bcsheets{display:block}
  .bcsheet{break-after:page;gap:6mm;min-height:0}
  .bcsheet:last-child{break-after:auto}
  .bcsheet.per1 .bcard{width:180mm}
  .bcsheet.per2 .bcard{width:122mm}
  .bcsheet.per4 .bcard{width:86mm}
  .bcsheet.per2{gap:4mm 12mm}
  .bccaller{break-before:page}
  .bcgrid td.free,.bcletters{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}