/* av-sicbo.css — Sic Bo (sic-bo.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). Shell tokens and Inter only. */
#sb-table{width:min(100%,680px);flex:0 0 auto;margin:auto 0;display:flex;flex-direction:column;gap:10px}
.sb-hist{display:flex;gap:5px;min-height:24px;overflow:hidden}
.sb-pill{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;color:var(--av-white);background:var(--av-raised)}
#sb-dz{height:clamp(140px,28vh,260px)}
.sb-total{font-size:44px;font-weight:800;color:var(--av-white);line-height:1;min-height:46px;letter-spacing:-1px;text-align:center}
.sb-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}
.sb-verdict.w{color:var(--av-win)}.sb-verdict.l{color:var(--av-loss)}
.sb-verdict small{font-size:13px;font-weight:600;color:var(--av-accent-soft);min-height:16px}

/* the 44 bets: tap one to place the selected chip */
#sb-board{display:flex;flex-direction:column;gap:8px}
.sb-sect{font-size:12px;font-weight:600;color:var(--av-muted);margin:2px 0 -2px}
.sb-grid{display:grid;gap:5px}
.sb-g2{grid-template-columns:1fr 1fr;gap:8px}.sb-g7{grid-template-columns:repeat(7,1fr)}.sb-g6{grid-template-columns:repeat(6,1fr)}.sb-g5{grid-template-columns:repeat(5,1fr)}
.sb-spot{position:relative;min-height:50px;border-radius:9px;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:0;font:600 13px var(--av-font);transition:border-color .15s,background .15s,transform .08s;padding:2px}
.sb-g2 .sb-spot{min-height:60px;font-size:14px}
.sb-spot:hover:not(:disabled){border-color:var(--av-accent-soft)}.sb-spot:active:not(:disabled){transform:scale(.985)}
.sb-spot small{font-size:11px;font-weight:500;color:var(--av-muted)}
.sb-spot .amt{font-size:12px;font-weight:700;color:var(--av-accent-soft);min-height:15px}
.sb-spot.has{border-color:var(--av-accent);background:var(--av-accent-bg)}
.sb-spot.won{border-color:var(--av-win);background:var(--av-win-bg)}.sb-spot.won .amt{color:var(--av-win)}
.sb-spot.lost .amt{color:var(--av-loss)}
.sb-spot:disabled{cursor:default;opacity:.55}
#sb-controls{display:flex;flex-direction:column;gap:8px}
.sb-bet-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sb-bet-row .amt{font-size:24px;font-weight:700;color:var(--av-white)}.sb-bet-row .amt small{font-size:12px;font-weight:500;color:var(--av-muted);margin-left:4px}
.sb-tools{display:flex;gap:6px}
#sb-go{transition:transform .08s}#sb-go:active:not(:disabled){transform:scale(.985)}

/* the board is long: it lives in the play area (which scrolls); the dice, the verdict and the controls stay in reach */
@media(min-width:1280px) and (min-height:860px){#sb-table{width:min(100%,820px)}.sb-total{font-size:52px}}
@media(max-width:720px){
  #sb-table{gap:6px}
  .sb-total{display:none}
  .sb-verdict{min-height:36px;font-size:16px}
  #sb-dz{height:clamp(130px,22vh,200px)}
  .sb-spot{min-height:44px;font-size:12.5px}.sb-g2 .sb-spot{min-height:52px}
  .sb-spot small{font-size:10px}
  #sb-controls{gap:6px}
  #sb-controls .rule{display:none}
  #stage:has(#sb-table){padding-top:6px}
  #bottom-zone:has(#sb-controls){padding-top:6px;padding-bottom:8px}
}