.cr,.cr-card{display:grid;gap:var(--sp-3)}.cr{text-align:center}.cr-meta{color:var(--text-2);font-size:var(--fs-sm)}.cr-pts,.cr-strip{list-style:none;margin:0;padding:0;display:grid;gap:6px}.cr-pts{grid-template-columns:repeat(7,1fr);width:100%;max-width:26rem;margin-inline:auto}.cr-pts li{display:grid;place-items:center;height:2.75rem;border:1px solid var(--border-strong);border-radius:var(--r-2);font-weight:600}.cr-pts .cr-off{border:0}.cr-pts .is-on{border:2px solid var(--accent);background:var(--accent-soft)}.puck{display:grid;place-items:center;width:2.5rem;aspect-ratio:1;border-radius:50%;background:var(--text-1);color:var(--bg-1);font-size:var(--fs-xs)}.puck.on{background:var(--bg-1);color:var(--text-1);border:2px solid}.cr-tray{display:flex;justify-content:center;gap:var(--sp-5);cursor:pointer}.die{display:grid;width:clamp(4.5rem,min(32cqi,100svh - 30.5rem),8.5rem);aspect-ratio:1}.die rect{fill:var(--bg-1)}.is-idle{opacity:.4}.is-rolling{animation:cr .7s var(--ease)}@keyframes cr{30%{translate:0 -15%;rotate:-40deg}to{rotate:1turn}}.cr-res{font-weight:500;margin-top:var(--sp-2);text-wrap:balance}.cr-chips span{display:block}.cr-act{display:flex;justify-content:center;align-items:center;gap:var(--sp-2)}.cr-act .btn{flex:0 1 20rem}.cr-strip{grid-template-columns:repeat(10,1fr);gap:4px}.cr-strip li{display:grid;place-items:center;aspect-ratio:1;border-radius:4px;background:var(--bg-2);font-size:var(--fs-sm);font-weight:600}.cr-strip .is-set{box-shadow:inset 0 0 0 2px var(--accent)}.cr-strip .is-hit{background:var(--accent);color:var(--bg-1)}.cr-strip .is-out{background:var(--danger-soft);color:var(--danger)}.cr-odds h3{font-size:var(--fs-md);color:var(--text-1);margin-top:var(--sp-4)}.cr-bar{display:inline-block;width:calc(var(--w)*.75rem);height:.5rem;margin-left:var(--sp-2);border-radius:2px;background:var(--accent)}@media (width>=64em){.app[data-layout=stage]{grid-template-rows:auto auto 1fr}}
.cr-card>.btn{justify-self:start}[data-mult] button{white-space:nowrap}