.dice-row{justify-content:center;gap:calc(var(--die-size,40px) * .2);flex-wrap:wrap;display:inline-flex}.dice-die{--d:var(--die-size,40px);width:var(--d);height:var(--d);box-sizing:border-box;padding:calc(var(--d) * .13);background:radial-gradient(120% 90% at 22% 12%, #ffffff80, transparent 46%), linear-gradient(160deg, transparent 55%, #0000001a), var(--die-body,#f6eedb);box-shadow:inset 0 calc(var(--d) * .03) 0 #ffffff8c, inset 0 calc(var(--d) * -.06) calc(var(--d) * .07) #0000002e, 0 0 0 1px color-mix(in srgb, var(--die-edge,#bfa67a) 55%, transparent), 0 calc(var(--d) * .06) 0 var(--die-edge,#bfa67a), 0 calc(var(--d) * .15) calc(var(--d) * .14) calc(var(--d) * -.02) #0006;border-radius:22%;flex-shrink:0;grid-template:repeat(3,1fr)/repeat(3,1fr);transition:box-shadow .2s,opacity .2s;display:inline-grid;position:relative}.dice-pip{aspect-ratio:1;background:radial-gradient(circle at 50% 72%, color-mix(in srgb, var(--die-pip,#2a170c), #fff 22%) 0 20%, var(--die-pip,#2a170c) 66%);width:76%;box-shadow:inset 0 calc(var(--d) * .025) calc(var(--d) * .02) #000000b3, 0 calc(var(--d) * .012) 0 #ffffff59;border-radius:50%;place-self:center}.dice-die.is-square .dice-pip{border-radius:24%}.dice-at0{grid-area:1/1}.dice-at2{grid-area:1/3}.dice-at3{grid-area:2/1}.dice-at4{grid-area:2/2}.dice-at5{grid-area:2/3}.dice-at6{grid-area:3/1}.dice-at8{grid-area:3/3}.dice-die.is-pictured{padding:0;display:block;overflow:visible}.dice-die.is-pictured img{border-radius:22%;width:100%;height:100%;display:block}.dice-die.is-pictured:after{border-radius:inherit;content:"";pointer-events:none;background:radial-gradient(120% 90% at 22% 12%,#ffffff4d,#0000 46%);position:absolute;inset:0}.dice-die.is-match{box-shadow:0 0 0 max(2px, calc(var(--d) * .09)) var(--dice-glow,#ffd34d), 0 0 calc(var(--d) * .5) var(--dice-glow,#ffd34d), 0 calc(var(--d) * .06) 0 var(--die-edge,#bfa67a)}.dice-die.is-dim{opacity:.68}.dice-die.is-lost:before{z-index:1;border:1px solid var(--white);background:linear-gradient(var(--on-danger), var(--on-danger)) center / 58% 2px no-repeat, var(--danger);content:"";pointer-events:none;border-radius:50%;width:42%;height:42%;position:absolute;top:-18%;right:-14%}.dice-row.is-throwing{z-index:2;perspective:calc(var(--die-size,40px) * 14);position:relative}.dice-throw{width:var(--die-size,40px);height:var(--die-size,40px);flex-shrink:0;display:inline-block;position:relative}.dice-throw-body,.dice-cube,.dice-cube-face,.dice-cube-core{position:absolute;inset:0}.dice-cube,.dice-throw-body{transform-style:preserve-3d}.dice-throw-shadow{background:radial-gradient(closest-side,#00000061,#0000);border-radius:50%;position:absolute;inset:70% 4% -14%}.dice-cube-face{backface-visibility:hidden}.dice-cube-face.is-1{transform:translateZ(calc(var(--die-size,40px) / 2))}.dice-cube-face.is-6{transform:rotateY(180deg) translateZ(calc(var(--die-size,40px) / 2))}.dice-cube-face.is-2{transform:rotateY(90deg) translateZ(calc(var(--die-size,40px) / 2))}.dice-cube-face.is-5{transform:rotateY(-90deg) translateZ(calc(var(--die-size,40px) / 2))}.dice-cube-face.is-3{transform:rotateX(90deg) translateZ(calc(var(--die-size,40px) / 2))}.dice-cube-face.is-4{transform:rotateX(-90deg) translateZ(calc(var(--die-size,40px) / 2))}.dice-cube-face:not(.is-up) .dice-die{box-shadow:inset 0 calc(var(--d) * .03) 0 #ffffff8c, inset 0 calc(var(--d) * -.06) calc(var(--d) * .07) #0000002e, inset 0 0 0 1px color-mix(in srgb, var(--die-edge,#bfa67a) 70%, transparent)}.dice-cube-core{background:var(--die-edge,#bfa67a);border-radius:12%;inset:3%}.dice-cube-core.is-x{transform:rotateX(90deg)}.dice-cube-core.is-y{transform:rotateY(90deg)}.dice-cupped{min-height:var(--cup-height,auto);place-items:center;display:inline-grid}.dice-cupped>*{grid-area:1/1}.dice-cupped-dice{visibility:hidden;opacity:0;transition:opacity .2s}.dice-cupped.is-lifted .dice-cupped-dice{visibility:visible;opacity:1}.dice-cup{object-fit:contain;user-select:none;width:var(--cup-size,64px);height:auto;transition:transform .24s,opacity .24s;display:block;overflow:visible}.dice-cupped.is-lifted .dice-cup{opacity:0;pointer-events:none;transform:translateY(-70%)rotate(-14deg)scale(.7)}.dice-cup.is-shaking{animation:.3s dice-shake}@keyframes dice-shake{25%{transform:translate(-4%)rotate(-6deg)}55%{transform:translate(4%)rotate(5deg)}80%{transform:rotate(-2deg)}}.dice-swatch{--die-size:30px;--cup-size:40px;place-items:center;width:100%;height:100%;display:grid}.dice-stepper{align-items:center;gap:4px;display:inline-flex}.dice-step,.dice-face{border:2px solid var(--line-strong);background:var(--white);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;font:inherit;border-radius:12px;transition:background-color .15s,border-color .15s}.dice-step{font-size:1.4rem;font-weight:700;line-height:1}.dice-step[aria-disabled=true]{color:var(--muted);cursor:not-allowed;border-style:dashed}.dice-step-value{font-variant-numeric:tabular-nums;text-align:center;min-width:2.4ch;font-size:1.5rem;font-weight:800}.dice-faces{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.dice-face{--die-size:28px;place-items:center;padding:0;display:grid;position:relative}.dice-face[aria-checked=true]{border-color:var(--on-gold);background:var(--gold);box-shadow:0 0 0 3px var(--gold), 0 6px 14px #0000004d}.dice-face[aria-checked=true]:after{border:2px solid var(--gold);background:var(--on-gold);content:"";border-radius:50%;width:18px;height:18px;position:absolute;top:-8px;right:-8px}.dice-face[aria-checked=true]:before{z-index:1;border:solid var(--gold);content:"";border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:-4px;right:-1px;transform:rotate(40deg)}.dice-face[data-unavailable] .dice-die{opacity:.35}.dice-step:focus-visible,.dice-face:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (hover:hover) and (pointer:fine){.dice-step:not([aria-disabled=true]):hover,.dice-face:hover{border-color:var(--control-line)}}.dice-seat{border-radius:16px;align-content:start;justify-items:center;gap:2px;min-width:0;padding:6px 4px;transition:background-color .2s,box-shadow .2s;display:grid;position:relative}.dice-seat.is-turn{background:color-mix(in srgb, var(--seat-turn,#f3c552) 16%, transparent);box-shadow:inset 0 0 0 2px var(--seat-turn,#f3c552)}.dice-seat.is-out .dice-seat-avatar{filter:grayscale();opacity:.5}.dice-seat-avatar{width:var(--dice-seat-avatar,48px);height:var(--dice-seat-avatar,48px);place-items:center;display:grid;position:relative}.dice-seat-initial{background:var(--white);width:80%;height:80%;color:var(--ink);border-radius:50%;place-items:center;font-weight:800;display:grid}.dice-seat-name{max-width:100%;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:700;line-height:1.2;overflow:hidden}.dice-seat-bubble{z-index:3;border:1px solid var(--line-strong);background:var(--white);width:max-content;max-width:132px;color:var(--ink);text-align:center;pointer-events:none;border-radius:12px;padding:5px 9px;font-size:.78rem;font-weight:600;line-height:1.25;animation:.18s ease-out dice-seat-bubble;position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000038}.dice-seat-bubble:before{border:6px solid #0000;border-bottom-color:var(--white);content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@keyframes dice-seat-bubble{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.dice-die,.dice-cup,.dice-cupped-dice,.dice-seat,.dice-step,.dice-face{transition:none}.dice-cup.is-shaking,.dice-seat-bubble{animation:none}}.dice-cup-swatch{--cup-size:76px}