.yd,.yd-over,.yd-form,.yd-card,.yd-names{display:grid;gap:var(--sp-3)}.yd-top,.yd-tools,.yd-names li{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.yd-top>div{min-width:0;overflow-wrap:anywhere}.yd-meta{color:var(--text-2);font-size:var(--fs-sm)}[data-hint]{text-align:center}.yd-tray{display:grid;grid-template-columns:repeat(5,1fr);gap:3cqi;width:100%;max-width:28rem;margin-inline:auto}.die{position:relative;display:grid;aspect-ratio:1;padding:0;border:0;border-radius:18%;background:none}.die rect{fill:var(--bg-1)}.die[aria-pressed=true]{color:var(--accent)}.die[aria-pressed=true] rect{fill:var(--accent-soft)}.is-idle{opacity:.4}.lk{position:absolute;top:-8px;right:-8px;display:grid;padding:3px;border-radius:50%;background:var(--accent);color:var(--bg-0)}.is-rolling{animation:yd .7s var(--ease)}@keyframes yd{30%{transform:translateY(-15%) rotate(-40deg)}to{transform:rotate(360deg)}}.yd-act{display:flex;justify-content:center;gap:var(--sp-2)}.yd-act .btn{flex:0 1 20rem;padding-inline:var(--sp-4)}.yd-grid{display:grid;grid-template-columns:2fr 3fr;gap:var(--sp-2)}.yd-col{display:grid;align-content:start;gap:4px;min-width:0}.yd-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:var(--control);padding-inline:var(--sp-2);border:1px solid var(--border);border-radius:var(--r-2);background:none;font-size:var(--fs-sm)}button.yd-box{border:1px dashed var(--border-strong)}.yd-box>*{white-space:nowrap}[data-views]{flex-wrap:wrap}.yd-pot{color:var(--accent)}.is-zero{color:var(--text-2)}.yd-box[aria-pressed=true]{border:2px solid var(--accent);background:var(--accent-soft)}.yd-sum{background:var(--bg-2);border:0;font-weight:600}.yd-names{list-style:none;padding:0}.yd-tools .btn{flex:1;padding-inline:var(--sp-3)}@media (width>=64em){.app[data-layout=stage]:has(.rail){grid-template-columns:32rem 24rem;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}}