.dr{display:grid;gap:var(--sp-3);text-align:center}[data-count]{width:12rem;margin-inline:auto}[data-loads]{justify-content:safe center}[data-types]{display:grid;grid-template-columns:repeat(4,1fr)}[data-types] .chip{justify-content:center;padding-inline:var(--sp-2)}.dr[data-mode=game]{--o:32rem}.tray{height:clamp(4rem,100svh - var(--o,28rem),13rem);display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.die{position:relative;display:grid;width:var(--d);height:var(--d);padding:0;border:0;border-radius:18%;background:none}.pd rect{fill:var(--bg-1)}.gd,.pd[aria-pressed=true]{color:var(--accent)}.pd[aria-pressed=true] rect{fill:var(--accent-soft)}.lk{position:absolute;top:-8px;right:-8px;display:grid;padding:3px;border-radius:50%;background:var(--accent);color:var(--bg-0)}.gd text{fill:var(--bg-0)}.is-new,.is-off{opacity:.5}.is-off line{stroke:var(--text-1)}.wd{place-items:center;padding:.6rem;border:3px solid;background:var(--bg-1);font-weight:600;overflow:hidden;overflow-wrap:anywhere}.is-rolling{animation:tb .8s var(--ease)}@keyframes tb{30%{transform:translateY(-15%) rotate(-40deg) scale(1.1)}to{transform:rotate(360deg)}}.dr-res p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dr-res .is-word{font-size:var(--fs-2xl);line-height:1.3}.dr-act{display:flex;justify-content:center;align-items:center;gap:var(--sp-2)}.dr-act .btn{flex:0 1 20rem}.dr-row,.dr-list li{display:flex;gap:var(--sp-2);align-items:center}.dr-row>input,.dr-list li>:first-child{flex:1;min-width:0}.dr-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.dr-hist .btn{justify-self:start}@media (width<48em){.app[data-layout=stage]{padding-top:var(--sp-2)}}@media (width>=30em){[data-types]{grid-template-columns:repeat(8,auto);justify-content:center}}@media (width>=64em){.app[data-layout=stage]{grid-template-rows:auto auto 1fr}.app>.touch{grid-area:1/2/-1}.app>.rail{grid-area:2/1}.app>.extras{grid-area:3/1}}