.dice-presentation{--dice-text-scale:1;z-index:30;pointer-events:none;color:#e8d8b0;font:calc(12px * var(--dice-text-scale)) / 1.4 monospace;position:fixed}.dice-presentation[hidden],.dice-roll-stage[hidden],.dice-presentation button[hidden]{display:none}.dice-announcement,.battle-log-accessible,.dice-group-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#dice-result{overflow-wrap:anywhere;white-space:pre-line;pointer-events:auto;background:#1a1a2ef2;border:2px solid #c0a060;max-height:25%;margin:0;padding:4px 6px;position:absolute;bottom:0;left:4px;right:4px;overflow:auto;box-shadow:2px 2px #0a0a1a}.dice-group,.dice-faces{display:contents}.resolved-die{text-align:center}.resolved-die svg{width:100%;image-rendering:pixelated;display:block}.resolved-die span{display:block}.die-outline{fill:#30304e;stroke:#c0a060}.die-facets{stroke:#686888}.die-number{fill:#fff0c0}.die-number-shadow{fill:#0a0a1a}.resolved-die.selected .die-outline{stroke:#fd4}.dice-roll-stage .rolling-die.selected span{color:#fd4;border-color:#fd4}.dice-presentation button{color:#e8d8b0;max-width:calc(100% - 8px);min-height:44px;font:inherit;cursor:pointer;pointer-events:auto;background:#1a1a2e;border:2px solid #c0a060;padding:5px 8px;position:absolute;top:0;right:4px;box-shadow:2px 2px #0a0a1a}.dice-presentation :focus-visible{outline-offset:-3px;outline:3px solid #ffe18a}.dice-presentation.high-contrast #dice-result,.dice-presentation.high-contrast button{color:#fff;background:#000;border-color:#fff}.dice-roll-stage{pointer-events:none;perspective:700px;perspective-origin:50% 80%;position:absolute;top:0;left:0}.dice-roll-stage .rolling-die{z-index:1;transform-style:preserve-3d;filter:drop-shadow(2px 3px #0a0a1a);will-change:transform;position:absolute}.dice-roll-stage .rolling-die span{color:#e8d8b0;white-space:nowrap;font:bold min(calc(12px * var(--dice-text-scale,1)), calc(var(--rolling-die-size) * .16)) / 1.2 monospace;background:#1a1a2e;border:1px solid #c0a060}.rolling-die-shadow{clip-path:polygon(15% 0,85% 0,85% 20%,100% 20%,100% 80%,85% 80%,85% 100%,15% 100%,15% 80%,0 80%,0 20%,15% 20%);opacity:.6;will-change:transform, opacity;background:#000;max-height:16px;position:absolute}.dice-roll-stage.high-contrast .die-outline{fill:#000;stroke:#fff}.dice-roll-stage.high-contrast .die-facets{stroke:#888}.dice-roll-stage.high-contrast .die-number{fill:#fff}.dice-roll-stage.high-contrast .die-number-shadow{fill:#000}.dice-roll-stage.high-contrast .rolling-die span{color:#fff;background:#000;border-color:#fff}body:has(#mobile-text-input) .dice-presentation{visibility:hidden}