@import url('/assets/css/main.css');
.dr-total{font-family:var(--font-head);font-size:3rem;font-weight:700;text-align:center;color:var(--primary);margin:.4rem 0}
.dr-dice{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:.8rem 0}
.die{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--panel-3),var(--panel-2));border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:700;font-size:1.25rem}
.die.rolling{animation:dieshake .12s infinite}
@keyframes dieshake{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(2px,-3px) rotate(8deg)}100%{transform:translate(-2px,2px) rotate(-8deg)}}
.hist-list{display:grid;gap:.35rem;max-height:220px;overflow:auto}
.hist-list li{font-size:.88rem;color:var(--muted);background:var(--panel-2);border:1px solid var(--line-soft);border-radius:7px;padding:.4rem .7rem}
.hist-list b{color:var(--primary)}