/* av-baccarat.css — Baccarat (baccarat.html). Loaded after av-bj.css, which supplies the shared game layout (#main, #game-area, #stage,
   #bottom-zone, #sidebar, the chip row, the main button, the log) and the playing cards. Shell tokens and Inter only. */
#bz-table{--cw:76px;--ch:106px;position:relative;width:min(100%,760px);margin:auto 0;display:flex;flex-direction:column;gap:12px}
.bz-hist{display:flex;gap:5px;min-height:24px;overflow:hidden}
.bz-pill{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;color:var(--av-white);background:var(--av-raised)}
.bz-pill.p{color:var(--av-accent-soft);background:var(--av-accent-bg)}.bz-pill.t{color:var(--av-muted);background:transparent;box-shadow:inset 0 0 0 1px var(--av-line)}

/* two hands side by side, the deck between them */
.bz-hands{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:2px}
.bz-deck{position:absolute;left:50%;top:-2px;transform:translateX(-50%);width:40px;height:56px;--cw:40px;--ch:56px;pointer-events:none}
.bz-deck .card{position:absolute;inset:0;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.45)}
.bz-deck .card:nth-child(1){transform:translate(-4px,4px)}.bz-deck .card:nth-child(2){transform:translate(-2px,2px)}
.bz-deck.tap{animation:bzTap .26s ease-out}
@keyframes bzTap{40%{transform:translateX(-50%) translateY(3px) scale(.96)}}
.bz-side{display:flex;flex-direction:column;align-items:center;gap:6px}
.bz-zhead{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--av-muted);min-height:24px}
.bz-zhead b{color:var(--av-white);font-weight:600}
.bz-tot{background:var(--av-raised);color:var(--av-white);font-weight:700;font-size:13px;padding:2px 10px;border-radius:999px;min-width:30px;text-align:center}
.bz-tot.w{background:var(--av-win-bg);color:var(--av-win)}.bz-tot.l{color:var(--av-muted)}.bz-tot.t{color:var(--av-accent-soft)}
.bz-cards{display:flex;min-height:var(--ch);align-items:center;justify-content:center;gap:8px}
.bz-cards .card.fly{animation:bzDeal .42s cubic-bezier(.2,.8,.25,1) both}
.bz-cards .card.pair{box-shadow:0 0 0 2px var(--av-accent),0 6px 16px rgba(0,0,0,.5)}
@keyframes bzDeal{0%{transform:translate(var(--fx,0),var(--fy,-100px)) rotate(10deg) scale(.55);opacity:0}12%{opacity:1}100%{transform:none;opacity:1}}
.bz-verdict{min-height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--av-muted);text-align:center;line-height:1.2}
.bz-verdict.w{color:var(--av-win)}.bz-verdict.l{color:var(--av-loss)}
.bz-verdict small{font-size:13px;font-weight:600;color:var(--av-accent-soft);min-height:16px}

/* controls */
#bz-controls{display:flex;flex-direction:column;gap:8px}
.bz-spots{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.bz-spots.pairs{grid-template-columns:1fr 1fr}
.bz-spot{position:relative;min-height:70px;border-radius:10px;border:1px solid var(--av-line);background:var(--av-panel);color:var(--av-white);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:600 14px var(--av-font);transition:border-color .15s,background .15s,transform .08s}
.bz-spots.pairs .bz-spot{min-height:58px}
.bz-spot:hover:not(:disabled){border-color:var(--av-accent-soft)}.bz-spot:active:not(:disabled){transform:scale(.985)}
.bz-spot small{font-size:12px;font-weight:500;color:var(--av-muted)}
.bz-spot .amt{font-size:16px;font-weight:700;color:var(--av-accent-soft);min-height:20px}
.bz-spot.has{border-color:var(--av-accent);background:var(--av-accent-bg)}
.bz-spot.won{border-color:var(--av-win);background:var(--av-win-bg)}.bz-spot.won .amt{color:var(--av-win)}
.bz-spot.lost .amt{color:var(--av-loss)}.bz-spot.push .amt{color:var(--av-muted)}
.bz-spot:disabled{cursor:default}
.bz-bet-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bz-bet-row .amt{font-size:24px;font-weight:700;color:var(--av-white)}.bz-bet-row .amt small{font-size:12px;font-weight:500;color:var(--av-muted);margin-left:4px}
.bz-tools{display:flex;gap:6px}
#bz-go{transition:transform .08s}#bz-go:active:not(:disabled){transform:scale(.985)}

/* Results tab: a bead plate of the last hands and the split of the session */
#numbers-sec{padding:12px 14px;display:flex;flex-direction:column;gap:14px}
.nb-title{font-size:12px;font-weight:600;color:var(--av-accent-soft);margin-bottom:6px}
.nb-empty{font-size:12.5px;color:var(--av-muted)}
.bz-plate{display:grid;grid-auto-flow:column;grid-template-rows:repeat(6,22px);grid-auto-columns:22px;gap:4px;overflow-x:auto;padding-bottom:4px}
.bz-bead{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:var(--av-raised);color:var(--av-white)}
.bz-bead.p{background:var(--av-accent);color:#fff}.bz-bead.t{background:transparent;color:var(--av-muted);box-shadow:inset 0 0 0 1px var(--av-muted)}
.nb-bar{display:grid;grid-template-columns:70px 1fr 48px;align-items:center;gap:8px;font-size:12px;color:var(--av-text);margin-bottom:5px}
.nb-track{height:6px;border-radius:3px;background:var(--av-raised);overflow:hidden}
.nb-fill{height:100%;background:var(--av-accent);border-radius:3px}
.nb-bar b{text-align:right;color:var(--av-white);font-weight:600}

@media(max-width:720px) and (max-height:720px){
  .bz-spot{min-height:54px}.bz-spots.pairs .bz-spot{min-height:46px}
  #bz-controls{gap:6px}
}
@media(max-width:720px){
  #bz-table{--cw:58px;--ch:81px}
  .bz-cards{gap:0}.bz-cards .card:not(:first-child){margin-left:-24px}
  #bz-controls .rule{display:none}
}

/* big screens: larger cards */
@media(min-width:1280px) and (min-height:860px){#bz-table{--cw:96px;--ch:134px}.bz-deck{width:50px;height:70px;--cw:50px;--ch:70px}.bz-verdict{font-size:22px}}
@media(min-width:1700px) and (min-height:1000px){#bz-table{--cw:116px;--ch:162px}.bz-deck{width:60px;height:84px;--cw:60px;--ch:84px}.bz-verdict{font-size:26px}}