.cg-dice{container-type:inline-size}.cg-dice-grid{grid-template-columns:1fr;align-items:start;gap:clamp(12px,2.5vw,28px);display:grid}@container (width>=760px){.cg-dice-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}}.cg-dice-stage{background:var(--c-surface,#f6f5f2);border:1px solid var(--c-line,#d4d1ca);border-radius:var(--radius,12px);flex-direction:column;align-items:center;gap:12px;min-width:0;padding:16px;display:flex}.cg-dice-tray{--die:clamp(56px, 16cqi, 120px);place-content:center;gap:calc(var(--die) * .22);min-height:calc(var(--die) * 1.3);flex-wrap:wrap;width:100%;padding:8px 0;display:flex}.cg-dice-tray[data-n="5"],.cg-dice-tray[data-n="6"]{--die:clamp(52px, 12cqi, 104px)}.cg-dice-tray:not([data-n="1"]):not([data-n="2"]):not([data-n="3"]):not([data-n="4"]):not([data-n="5"]):not([data-n="6"]){--die:clamp(44px, 9cqi, 84px)}.cg-die{width:var(--die);height:var(--die);color:var(--c-ink,#1c1b1f);font:700 calc(var(--die) * .38) / 1 var(--font-mono,monospace);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:relative}.cg-die--d6{background:var(--c-bg,#fff);border:2px solid var(--c-ink,#1c1b1f);box-shadow:0 3px 0 var(--c-line,#d4d1ca);border-radius:18%}.cg-die-pips{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:74%;height:74%;display:grid}.cg-pip{aspect-ratio:1;border-radius:50%;place-self:center;width:62%}.cg-pip.is-on{background:var(--c-ink,#1c1b1f)}.cg-die-shape{position:absolute;inset:0}.cg-die-shape svg{width:100%;height:100%;fill:var(--c-bg,#fff);stroke:var(--c-ink,#1c1b1f);stroke-width:3.5px;stroke-linejoin:round}.cg-die-num{position:relative}.cg-die--d4 .cg-die-num{font-size:calc(var(--die) * .3);top:12%}.cg-die--d10 .cg-die-num,.cg-die--d8 .cg-die-num,.cg-die--d20 .cg-die-num,.cg-die--d12 .cg-die-num{font-size:calc(var(--die) * .32)}.cg-die:not(.cg-die--d4):not(.cg-die--d6):not(.cg-die--d8):not(.cg-die--d10):not(.cg-die--d12):not(.cg-die--d20):not(.cg-die--dcoin){background:var(--c-bg,#fff);border:2px solid var(--c-ink,#1c1b1f);font-size:calc(var(--die) * .3);border-radius:50%/30%}.cg-die--dcoin{background:var(--c-accent,#1f5fbf);color:var(--c-accent-ink,#fff);border:3px solid var(--c-ink,#1c1b1f);font-size:calc(var(--die) * .22);font-family:var(--font-head,inherit);text-transform:uppercase;letter-spacing:.02em;border-radius:50%}.cg-die-coin{text-align:center;padding:0 6%}.cg-die.is-rolling{animation:.18s ease-in-out infinite alternate cg-die-shake;animation-delay:calc(var(--i) * -40ms)}@keyframes cg-die-shake{0%{transform:rotate(-9deg)translateY(-3px)}to{transform:rotate(9deg)translateY(2px)}}.cg-dice-total{min-height:1.3em;font:700 clamp(20px, 4cqi, 34px) / 1.2 var(--font-head,inherit);text-align:center;margin:0}.cg-dice-roll{min-width:min(100%,260px)}.cg-dice-live{text-align:center;margin:0;font-weight:600}.cg-dice-side{flex-direction:column;gap:14px;min-width:0;display:flex}.cg-dice-row{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}.cg-dice-count{align-items:center;gap:8px;display:inline-flex}.cg-dice-count .cg-btn{width:48px;padding:0;font-size:1.3em}.cg-dice-countval{text-align:center;min-width:2ch;font:700 1.5em/1 var(--font-mono,monospace)}.cg-dice-faces{border:0;border-radius:0;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;display:grid;overflow:visible}.cg-dice-faces label{min-width:0;font-family:var(--font-mono,monospace);border:1px solid var(--c-line,#d4d1ca);border-radius:calc(var(--radius,12px) * .7)}.cg-dice-faces label:last-child{border-right:1px solid var(--c-line,#d4d1ca)}.cg-dice-tally .cg-label{margin:0 0 6px}.cg-dice-bars{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 18px;max-height:22em;display:grid;overflow:auto}.cg-dice-bar{font-variant-numeric:tabular-nums;grid-template-columns:4ch 1fr 5ch;align-items:center;gap:8px;font-size:.9em;display:grid}.cg-dice-bar-k{text-align:right;color:var(--c-muted,#5c5a63)}.cg-dice-bar-track{background:var(--c-surface,#f6f5f2);border:1px solid var(--c-line,#d4d1ca);border-radius:6px;height:12px;overflow:hidden}.cg-dice-bar-fill{background:var(--c-accent,#1f5fbf);height:100%;display:block}.cg-dice-histbox summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.cg-dice-hist{font-variant-numeric:tabular-nums;max-height:12em;margin:0;padding-left:1.6em;overflow:auto}.cg-dice-stagebar{justify-content:space-between;align-items:center;gap:12px;width:100%}.cg-stage .cg-dice-stagebar{z-index:2;width:auto;position:absolute;top:2vmin;left:3vmin;right:3vmin;display:flex!important}.cg-stage.cg-dice{padding:2vmin 3vmin;position:relative}.cg-stage .cg-dice-grid{grid-template-columns:1fr}.cg-stage .cg-dice-stage{background:0 0;border-color:#0000;justify-content:center;min-height:calc(100dvh - 4vmin)}.cg-stage .cg-dice-tray{--die:26vmin}.cg-stage .cg-dice-tray[data-n="3"],.cg-stage .cg-dice-tray[data-n="4"]{--die:20vmin}.cg-stage .cg-dice-tray:not([data-n="1"]):not([data-n="2"]):not([data-n="3"]):not([data-n="4"]){--die:13vmin}.cg-stage .cg-die--d6{box-shadow:none}.cg-stage .cg-dice-total{font-size:7vmin}.cg-stage .cg-dice-roll{font-size:max(18px,3vmin)}@media (prefers-reduced-motion:reduce){.cg-die.is-rolling{animation:none}}