/* Super Sic Bo page styles */
.dice-set{display:inline-flex;gap:5px;align-items:center;vertical-align:middle}
.die{display:inline-grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1px;width:30px;height:30px;padding:3px;box-sizing:border-box;background:linear-gradient(160deg,#fbfcff,#dfe3ee);border:1px solid rgba(0,0,0,.28);border-radius:6px;box-shadow:inset 0 1px 2px rgba(255,255,255,.8),0 1px 2px rgba(0,0,0,.35)}
.die.sm{width:22px;height:22px;padding:2px;border-radius:5px;gap:1px}
.die i{display:block;border-radius:50%;background:transparent}
.die i.on{background:radial-gradient(circle at 40% 35%,#3a3f4c,#0d0f14);box-shadow:0 0 1px rgba(0,0,0,.5)}
.combo-ico{display:inline-flex;gap:4px}

.sum-chip{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:26px;padding:0 8px;border-radius:7px;font-weight:800;font-size:.82rem;background:var(--raised);border:1px solid var(--border-str);color:var(--text)}
.sum-chip.sm{min-width:28px;height:22px;font-size:.74rem}
.sum-chip.green{background:rgba(70,201,136,.18);border-color:rgba(70,201,136,.5);color:#8ff0bd}
.sum-chip.big{background:rgba(247,201,72,.16);border-color:rgba(247,201,72,.5);color:var(--gold-2)}

.mult-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;border-radius:999px;font-weight:800;font-size:.8rem;background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#3a2c00;border:1px solid rgba(0,0,0,.18)}
.mult-badge.big{box-shadow:0 0 0 2px rgba(247,201,72,.25)}
.mult-dash{color:var(--faint)}

.lucky{display:flex;flex-wrap:wrap;gap:5px;max-width:340px}
.lk{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:6px;font-size:.72rem;font-weight:700;background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}
.lk.hit{background:rgba(247,201,72,.16);border-color:rgba(247,201,72,.45);color:var(--gold-2)}
.lk b{color:var(--text)}
.lk.hit b{color:var(--gold-2)}

/* stat bars (small/big, odd/even, matched) */
.statbars{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 16px 18px}
.bar-card .bc-sub{color:var(--faint);font-size:.82rem;margin:2px 0 12px}
.bar-row{margin:10px 0}
.bar-top{display:flex;justify-content:space-between;font-size:.9rem;font-weight:700;margin-bottom:5px}
.bar-top b{font-variant-numeric:tabular-nums}
.bar-track{height:12px;border-radius:999px;background:var(--surface-2);overflow:hidden;border:1px solid var(--border)}
.bar-fill{height:100%;border-radius:999px;transition:width .6s ease}
.bar-fill.green{background:linear-gradient(90deg,#2fa869,var(--green))}
.bar-fill.red{background:linear-gradient(90deg,#c2453d,var(--red))}
.bar-fill.gold{background:linear-gradient(90deg,var(--gold),var(--gold-2))}
.bar-fill.blue{background:linear-gradient(90deg,#4d84c9,var(--blue))}

.pct-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pct-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center}
.pct-card .big-pct{font-size:1.9rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.pct-card .p-lbl{color:var(--muted);font-size:.85rem;margin-top:6px}
.pct-card.on-green .big-pct{color:#8ff0bd}
.pct-card.on-red .big-pct{color:#f19a94}

/* face-stat grids (single/double/triple/combo) */
.face-grid{display:grid;gap:12px}
.fg-6{grid-template-columns:repeat(6,1fr)}
.fg-5{grid-template-columns:repeat(5,1fr)}
.face-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}
.face-ico{min-height:32px;display:flex;align-items:center;justify-content:center}
.face-pct{font-weight:800;font-size:1rem;font-variant-numeric:tabular-nums}
.face-frac{color:var(--muted);font-size:.76rem;font-variant-numeric:tabular-nums}
.face-since{color:var(--faint);font-size:.72rem}
.face-card.hot{border-color:rgba(247,201,72,.45);background:linear-gradient(180deg,rgba(247,201,72,.08),var(--surface))}
.tr-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:rgba(94,159,232,.14);border:1px solid rgba(94,159,232,.4);color:#bcd8f7;font-weight:700;font-size:.82rem}

@media(max-width:900px){.fg-6,.fg-5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.statbars{grid-template-columns:1fr}.lucky{max-width:none}}
@media(max-width:520px){.fg-6,.fg-5{grid-template-columns:repeat(2,1fr)}.pct-duo{grid-template-columns:1fr}}