/* Bunco: sto sa četiri mesta (ja dole, partner u ovoj rundi u boji para), u sredini runda, tri kockice, šta je
   bacanje donelo i rezultat parova do 21; rezultat runde preko vrha. TV ekran (G6) isto, krupnije. Kockica (2D) je
   zajednička: die.css (veličina --s se zadaje ovde). Boje i dugmad iz base.css. */
.is-game .felt.bc{touch-action:manipulation;-webkit-user-select:none;user-select:none}
.bc{--us:#f0d491;--them:#8ec3ff}
.bc-wrap{position:absolute;inset:0;padding:clamp(8px,1.4vw,18px)}
.bc-table{height:100%;display:grid;grid-template:"t t t" auto "l m r" 1fr "b b b" auto/minmax(0,1fr) minmax(0,3fr) minmax(0,1fr);gap:clamp(6px,1.2vw,14px);align-items:center;justify-items:center;
  max-width:980px;margin:0 auto}
.bc-seat.p2{grid-area:t}.bc-seat.p1{grid-area:l}.bc-seat.p3{grid-area:r}.bc-seat.p0{grid-area:b}
.bc-seat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;max-width:100%;min-height:44px;padding:6px 14px;border-radius:16px;cursor:pointer;color:inherit;font:inherit;
  background:rgba(20,10,4,.5);border:2px solid rgba(212,176,106,.2);box-shadow:0 6px 14px rgba(0,0,0,.3);transition:border-color .2s,box-shadow .2s}
.bc-seat.us{border-color:rgba(240,212,145,.55)}
.bc-seat.them{border-color:rgba(142,195,255,.45)}
.bc-seat.turn{box-shadow:0 0 0 4px rgba(240,212,145,.35),0 6px 14px rgba(0,0,0,.35)}
.bc-seat.them.turn{box-shadow:0 0 0 4px rgba(142,195,255,.35),0 6px 14px rgba(0,0,0,.35)}
.bc-nm{display:flex;align-items:baseline;gap:6px;max-width:100%}
.bc-nm b{font:700 16px var(--sans);white-space:nowrap}
.bc-nm small{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--us)}
.bc-st{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 8px;font-size:13px;font-weight:700;color:var(--cream-2)}
.bc-bn{color:#ffb4a8}

/* ---------- sredina ---------- */
.bc-mid{grid-area:m;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.4vh,14px);width:100%;min-width:0;text-align:center}
.bc-round{display:flex;flex-direction:column;align-items:center;padding:6px 18px;border-radius:14px;cursor:pointer;color:inherit;font:inherit;background:rgba(0,0,0,.28);border:1px solid rgba(212,176,106,.3)}
.bc-round small{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cream-3)}
.bc-round b{font:italic 700 clamp(22px,3vw,30px)/1.1 var(--serif);color:#fff3d6}
.bc-tray{display:flex;gap:clamp(10px,2vw,22px);padding:clamp(10px,2vh,18px) clamp(14px,3vw,28px);border-radius:20px;background:rgba(0,0,0,.22);box-shadow:inset 0 3px 12px rgba(0,0,0,.35)}
.bc .die2d{--s:clamp(52px,9vh,84px);cursor:default}
.bc .die2d:hover{transform:none}
.bc .die2d.hit{box-shadow:0 0 0 4px var(--brass-hi),0 6px 12px rgba(0,0,0,.35)}
.bc-tray.bunco{animation:bcbunco 1s ease-in-out 2}
@keyframes bcbunco{50%{box-shadow:inset 0 3px 12px rgba(0,0,0,.35),0 0 0 6px rgba(240,212,145,.6)}}
.bc-say{min-height:1.5em;font-size:16px;font-weight:600;color:var(--cream-2);max-width:32em}
.bc-say b{color:#fff3d6}
.bc-big{font:italic 700 22px var(--serif);color:var(--brass-hi)!important}
.bc-score{display:flex;flex-direction:column;gap:6px;width:min(420px,100%);padding:8px 14px;border-radius:14px;cursor:pointer;color:inherit;font:inherit;background:rgba(20,10,4,.45);border:1px solid rgba(212,176,106,.2)}
.bc-team{display:grid;grid-template-columns:minmax(0,1fr) 34% 2.4em;align-items:center;gap:8px;text-align:left}
.bc-tn{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-team.us .bc-tn{color:var(--us)}.bc-team.them .bc-tn{color:var(--them)}
.bc-bar{height:8px;border-radius:4px;background:rgba(255,255,255,.12);overflow:hidden}
.bc-bar i{display:block;height:100%;border-radius:4px;background:var(--us);transition:width .3s}
.bc-team.them .bc-bar i{background:var(--them)}
.bc-team b{font:800 18px/1 var(--sans);text-align:right;font-variant-numeric:tabular-nums}

/* ---------- rezultat runde ---------- */
.bc-res{position:absolute;left:50%;top:8px;translate:-50% 0;z-index:6;width:min(440px,calc(100% - 24px));padding:12px 18px;border-radius:20px;text-align:center;
  background:linear-gradient(180deg,rgba(60,32,14,.97),rgba(30,16,7,.97));border:1px solid rgba(240,212,145,.5);box-shadow:0 20px 50px rgba(0,0,0,.6)}
.bc-res.good{border-color:var(--brass-hi)}
.bc-rt{font:italic 700 clamp(20px,2.6vw,26px)/1.25 var(--serif);color:#fff3d6}
.bc-res.good .bc-rt{color:var(--brass-hi)}
.bc-rs{font-size:14px;font-weight:600;color:var(--cream-2);margin-top:4px}

/* ---------- list rezultata (lampa) ---------- */
.bc-sheet{max-height:60vh;overflow:auto}
.bc-sheet table{width:100%;border-collapse:collapse;margin-top:10px;font-size:15px}
.bc-sheet th,.bc-sheet td{padding:6px 8px;border-bottom:1px solid rgba(212,176,106,.2);text-align:left}
.bc-sheet th{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--cream-3)}

/* ---------- telefon ---------- */
@media (max-width:640px){
  .bc-table{grid-template:"t t t" auto "m m m" 1fr "l b r" auto/minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:6px}
  .bc-seat{padding:4px 6px;width:100%}
  .bc-nm b{font-size:15px;overflow:hidden;text-overflow:clip}
  .bc-seat.p2{width:auto}
  .bc-nm small{display:none}
  .bc .die2d{--s:clamp(48px,14vw,64px)}
  .bc-say{font-size:15px}
  .bc-tn{white-space:normal;line-height:1.15}
}

@media (max-width:640px) and (max-height:700px){
  .bc-wrap{padding:6px}
  .bc-mid{gap:4px}
  .bc .die2d{--s:42px}
  .bc-tray{padding:6px 12px}
  .bc-round{padding:2px 14px}
  .bc-round b{font-size:20px}
  .bc-say{font-size:14px;min-height:0}
  .bc-score{padding:5px 10px;gap:3px}
  .bc-seat{min-height:40px;padding:2px 6px}
  .bc-st{font-size:12px}
}

/* ---------- TV ---------- */
.is-tv .bc .die2d{--s:clamp(90px,16vh,170px)}
.is-tv .bc-round b{font-size:clamp(30px,5vh,56px)}
.is-tv .bc-say{font-size:clamp(18px,2.6vh,30px)}
.is-tv .bc-score{width:min(640px,100%)}
.is-tv .bc-tn{font-size:clamp(15px,2.2vh,24px)}
.is-tv .bc-team b{font-size:clamp(20px,3vh,36px)}
.is-tv .bc-nm b{font-size:clamp(16px,2.4vh,26px)}