.dice-roll-template{color:var(--ink,#24334b);padding:4px 0}.dice-roll-heading,.dice-roll-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dice-roll-heading{margin-bottom:16px;font-size:13px}.dice-roll-muted{color:var(--ink-3,#687386);font-size:12px}.dice-roll-tray{box-sizing:content-box;perspective:900px;background:radial-gradient(at 50% 20%,#344c6a,#192c43);border:5px solid #344963;border-radius:18px;position:relative;overflow:hidden;box-shadow:inset 0 3px 14px #0a192c99,inset 0 0 0 1px #71839a44}.dice-roll-slot{width:64px;height:64px;transform-style:preserve-3d;position:absolute;top:calc(50% - 32px);left:calc(50% - 32px)}.dice-roll-view{width:64px;height:64px;transform-style:preserve-3d}.dice-roll-shadow{filter:blur(7px);opacity:.5;background:#06101d;border-radius:50%;width:70px;height:24px;position:absolute;top:calc(50% - 12px);left:calc(50% - 35px)}.dice-roll-cube{width:100%;height:100%;transform-style:preserve-3d}.dice-roll-face{box-sizing:border-box;backface-visibility:hidden;background:linear-gradient(135deg,#fffef9,#e6dfd1);border:1px solid #d2cabb;border-radius:10px;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:4px;padding:11px;display:grid;position:absolute;inset:0;box-shadow:inset 2px 2px 3px #fff,inset -2px -2px 4px #b9af9b55}.dice-roll-pip{grid-row:var(--pip-row);grid-column:var(--pip-column);background:#922c46;border-radius:50%;box-shadow:inset 1px 2px 2px #49101faa,0 1px #fff}.dice-roll-value{color:#e2e9f2;font-variant-numeric:tabular-nums;font-size:12px}.dice-roll-footer{padding:18px 2px 2px}.dice-roll-footer [role=status]{flex-wrap:wrap;flex:1;align-items:baseline;gap:12px;display:flex}.dice-roll-footer strong{font-size:32px;font-weight:650;line-height:1}.dice-roll-equation{color:var(--ink-3,#687386);overflow-wrap:anywhere;font-size:12px}.dice-roll-footer button{border:1px solid var(--border-color,#cbd1db);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:9px 13px;font-size:12px}.dice-roll-footer button:hover{background:var(--accent-bg,#e9edf4)}.dice-roll-footer button:focus-visible{outline-offset:3px;outline:2px solid #922c46}.dice-roll-footer button:disabled{opacity:.5;cursor:default}.dice-roll-footer .dice-roll-again{color:#fff9ef;background:#922c46;border-color:#922c46;font-weight:600}.dice-roll-footer .dice-roll-again:hover:not(:disabled){background:#752039}.dice-roll-tray[data-phase=ready] .dice-roll-face[data-result=false]{visibility:hidden}