/* Monopoly Live — dice roll tier cards */
.dice-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px}
.dice-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 16px 10px}
.dice-card .dt{font-size:1rem;font-weight:800;margin:0 0 2px;letter-spacing:-.01em}
.dice-sub{font-size:.76rem;color:var(--muted);margin:0 0 14px}
.dice-row{display:flex;align-items:center;gap:11px;margin:11px 0}
.dice-pair{display:flex;gap:5px;flex:0 0 auto}
.dice-meta{flex:1 1 auto;min-width:0}
.dice-line{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.dice-rolls{color:var(--muted);font-size:.8rem;white-space:nowrap}
.dice-rolls b{color:var(--text);font-weight:600}
.dice-pct{font-weight:800;font-size:.82rem}
.dice-pct.zero{color:var(--faint);font-weight:600}
.dice-bar{height:6px;background:var(--raised);border-radius:999px;margin-top:6px;overflow:hidden}
.dice-fill{height:100%;width:0;background:linear-gradient(90deg,#6c7bff,#9a8cff);border-radius:999px;transition:width .55s ease}
/* CSS dice with pips */
.die{display:inline-grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:26px;height:26px;padding:4px;background:linear-gradient(150deg,#fdfdff,#dde2ec);border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.45),inset 0 0 0 1px rgba(0,0,0,.14);flex:0 0 auto}
.die i{place-self:center;width:4.6px;height:4.6px;border-radius:50%;background:#20242f;opacity:0}
.die i.on{opacity:1}
@media(max-width:760px){.dice-tiers{grid-template-columns:1fr}}