.g-dice{container-type:inline-size;width:100%;max-width:920px;margin:0 auto;display:grid;gap:14px;grid-template-columns:minmax(0,1fr);align-items:start;touch-action:manipulation}.g-dice .d-top{display:flex;flex-direction:column;align-items:center;gap:14px;padding:14px 8px 12px;border-radius:14px;background:radial-gradient(ellipse at 50% 30%,#2f8a6f,#1d5c4b);box-shadow:inset 0 2px 10px rgba(0,0,0,.35)}:root[data-theme=dark] .g-dice .d-top{background:radial-gradient(ellipse at 50% 30%,#245d4c,#153e33)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .g-dice .d-top{background:radial-gradient(ellipse at 50% 30%,#245d4c,#153e33)}}.g-dice .d-dice{display:flex;gap:clamp(6px,2.2cqw,14px);justify-content:center;width:100%;padding-bottom:20px}.g-dice .d-die{position:relative;flex:0 1 68px;min-width:0;aspect-ratio:1;padding:0;border:0;background:0 0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s}.g-dice .d-face{position:absolute;inset:0;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:15%;border-radius:18%;background:linear-gradient(145deg,#ffffff,#e9e5da);box-shadow:0 3px #b9b3a3,0 6px 10px rgba(0,0,0,.35);border:2px solid transparent}.g-dice .d-pip{place-self:center;width:78%;aspect-ratio:1;border-radius:50%;background:0 0}.g-dice .d-pip.on{background:radial-gradient(circle at 35% 30%,#555,#111)}.g-dice .d-die.is-blank .d-face{opacity:.45}.g-dice .d-die.is-held{transform:translateY(-8px)}.g-dice .d-die.is-held .d-face{border-color:var(--gold);box-shadow:0 3px #b9b3a3,0 0 0 3px var(--gold),0 8px 12px rgba(0,0,0,.4)}.g-dice .d-tag{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gold);opacity:0;transition:opacity .12s;white-space:nowrap}.g-dice .d-die.is-held .d-tag{opacity:1}.g-dice .d-die:focus-visible{outline:none}.g-dice .d-die:focus-visible .d-face{outline:3px solid var(--focus);outline-offset:3px}@media(prefers-reduced-motion:no-preference){.g-dice .d-die.is-rolling .d-face{animation:d-shake .38s ease-in-out}}@keyframes d-shake{0%{transform:rotate(0)translateY(0)}20%{transform:rotate(-14deg)translateY(-8px)}45%{transform:rotate(12deg)translateY(2px)}70%{transform:rotate(-6deg)translateY(-4px)}100%{transform:rotate(0)translateY(0)}}@media(prefers-reduced-motion:reduce){.g-dice .d-die{transition:none}.g-dice .d-tag{transition:none}}.g-dice .d-roll{min-width:210px;min-height:46px;font-size:1.05rem;background:var(--gold);border-color:var(--gold);color:#1d2320}.g-dice .d-roll:hover{background:#f7d072}.g-dice .d-roll:disabled{background:rgba(255,255,255,.25);border-color:transparent;color:#fff}.g-dice .d-sheetwrap{min-width:0}.g-dice .d-sheet{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:.95rem}.g-dice .d-sheet th,.g-dice .d-sheet td{padding:0 6px;border-bottom:1px solid var(--line);height:36px}.g-dice .d-sheet thead th{background:var(--surface-2);font-size:.82rem;font-weight:700;color:var(--ink-2);text-align:center;white-space:nowrap}.g-dice .d-sheet thead th.is-cur{background:var(--accent);color:var(--accent-ink)}.g-dice .d-short{display:none}.g-dice .d-sheet{table-layout:fixed}.g-dice .d-sheet th.d-corner,.g-dice .d-sheet th.d-cat{width:38%}.g-dice .d-cat{text-align:left;font-weight:600;color:var(--ink)}.g-dice .d-catname{display:block;line-height:1.15}.g-dice .d-cathint{display:block;font-size:.72rem;font-weight:400;color:var(--muted);line-height:1.1}.g-dice .d-cell{text-align:center;font-variant-numeric:tabular-nums;min-width:54px}.g-dice .d-cell.is-cur{background:var(--accent-soft)}.g-dice .d-val{font-weight:700}.g-dice .d-row.is-cursor .d-cat{box-shadow:inset 4px 0 0 var(--accent);background:var(--surface-2)}.g-dice .d-pick{width:100%;min-height:32px;border:1.5px dashed var(--accent);border-radius:8px;background:var(--surface);color:var(--accent);font:inherit;font-weight:700;cursor:pointer;font-variant-numeric:tabular-nums}.g-dice .d-pick:hover{background:var(--accent);color:var(--accent-ink);border-style:solid}.g-dice .d-pick.is-zero{color:var(--muted);border-color:var(--line);font-weight:500}.g-dice .d-pick.is-zero:hover{color:var(--ink);background:var(--surface-2)}.g-dice .d-row.is-cursor .d-pick{border-style:solid;box-shadow:0 0 0 2px var(--accent)}.g-dice .d-sum th,.g-dice .d-sum td{background:var(--surface-2);font-size:.88rem;height:30px}.g-dice .d-sum td.is-cur{background:var(--accent-soft)}.g-dice .d-total th,.g-dice .d-total td{font-size:1.05rem;font-weight:800;height:40px}.g-dice .d-sheet tbody tr:last-child th,.g-dice .d-sheet tbody tr:last-child td{border-bottom:0}@media(min-width:900px){.g-dice{grid-template-columns:400px minmax(0,1fr)}.g-dice .d-top{position:sticky;top:8px;padding:22px 8px 14px}.g-dice .d-die{flex:0 0 68px}.g-dice .d-dice{gap:10px}}@container(max-width:480px){.g-dice .d-sheet th.d-corner, .g-dice .d-sheet th.d-cat { width: 40%; }
  .g-dice .d-long + .d-short { display: inline; }
  .g-dice .d-long:has(+ .d-short) { display: none; }
  .g-dice .d-sheet thead th { padding: 0 2px; }
  .g-dice .d-cathint { display: none; }
  .g-dice .d-sheet { font-size: .88rem; }
  .g-dice .d-sheet th, .g-dice .d-sheet td { padding: 0 4px; height: 34px; }
  .g-dice .d-cell { min-width: 40px; }
}