/* ===== Dice (one screen) ===== */
.g-dice .dc { display: flex; flex-direction: column; gap: 8px; height: 100%; }
.g-dice .dc-zone { flex: 1 1 0; min-height: 0; display: flex; flex-direction: column; gap: 8px; }
.g-dice .dc-zone .dice-tray, .g-dice .dc-pair { flex: 1 1 0; min-height: 96px; height: auto; }
.g-dice .dc-pair { position: relative; display: flex; gap: 14px; align-items: center; justify-content: center; width: 100%; border-radius: 16px; background: var(--panel-2); }
.g-dice .dc-hint { position: absolute; bottom: 8px; left: 0; right: 0; text-align: center; font-size: 12px; font-weight: 600; color: var(--muted); }
.g-dice .dc-zone .prow { flex: none; }
.g-dice .dc-zone.lost .dice-tray { opacity: .6; transition: opacity .5s 1.5s; }
.g-dice .dc-sum { min-width: 36px; height: 28px; padding: 0 10px; margin-right: 10px; border-radius: 999px; background: var(--panel-3); display: inline-grid; place-items: center; font-size: 15px; font-weight: 800; }
.g-dice .dc-zone.won .dc-sum { background: rgba(61, 220, 132, .16); color: var(--green); }
.g-dice .dc-pts { font-weight: 800; font-size: 22px; min-width: 18px; text-align: right; }
.g-dice .dc-mid { flex: none; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 2px 0; }
.g-dice .dc-mid .score-big { font-size: 26px; }
.g-dice .score-big i { font-style: normal; color: var(--dim); margin: 0 .2em; }  /* was shared with the old blackjack.css */
.g-dice .dc-info { font-size: 13px; font-weight: 700; color: var(--muted); }
.g-dice .dc-info.win { color: var(--green); }
.g-dice .dc-info.lose { color: #ff5c7a; }
.g-dice .dc-act { flex: none; margin-top: 0 !important; min-height: 52px; }
.g-dice .dc-roll { min-width: 200px; }

/* wide screens: keep the table a sensible width instead of stretching the trays edge to edge */
@media (min-width: 900px) {
  body.in-game .arena.g-dice > * { width: 100%; max-width: 760px; margin-left: auto; margin-right: auto; }
}