.d20-page{background:#d7cdda;margin:0;padding:20px;font-family:Montserrat,sans-serif;min-height:100vh;box-sizing:border-box;flex-direction:column;position:relative}.d20-page,.wrapper{display:flex;align-items:center;justify-content:center}.wrapper{flex-direction:row;margin-bottom:20px}.die-container{position:relative;width:200px;height:200px;perspective:1500px;overflow:visible}.result-container{font-size:1.5em;color:#352e76}.color-controls{margin-top:20px;font-size:1em;color:#352e76}.color-controls label{margin-right:10px}.roll-controls{margin-top:12px;font-size:1em;color:#352e76;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.roll-controls output{min-width:48px;display:inline-block}.critical-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Cinzel,serif;font-size:2.5em;color:gold;opacity:0;pointer-events:none;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.4);animation:blink 1.5s ease-in-out}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.critical-message.crit-success{color:var(--color-success)}.critical-message.crit-failure{color:var(--color-error)}.die{position:absolute;width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;user-select:none;-webkit-user-select:none;outline:none;transform:rotateX(-53deg)}.die:focus-visible{filter:drop-shadow(0 0 6px color-mix(in oklab,var(--color-primary) 60%,transparent))}.die.no-user-roll{cursor:default}.die.no-user-roll:focus-visible{filter:none}.die{--die-color:color-mix(in oklab,var(--color-primary) 75%,transparent);--die-edge-color:color-mix(in oklab,var(--color-primary-content) 85%,transparent)}.die[data-face="1"]{transform:rotateX(-53deg) rotateY(0deg)}.die[data-face="2"]{transform:rotateX(-53deg) rotateY(72deg)}.die[data-face="3"]{transform:rotateX(-53deg) rotateY(144deg)}.die[data-face="4"]{transform:rotateX(-53deg) rotateY(216deg)}.die[data-face="5"]{transform:rotateX(-53deg) rotateY(288deg)}.die[data-face="6"]{transform:rotateX(11deg) rotate(180deg) rotateY(0deg)}.die[data-face="7"]{transform:rotateX(11deg) rotate(180deg) rotateY(72deg)}.die[data-face="8"]{transform:rotateX(11deg) rotate(180deg) rotateY(144deg)}.die[data-face="9"]{transform:rotateX(11deg) rotate(180deg) rotateY(216deg)}.die[data-face="10"]{transform:rotateX(11deg) rotate(180deg) rotateY(288deg)}.die[data-face="11"]{transform:rotateX(11deg) rotateY(-252deg)}.die[data-face="12"]{transform:rotateX(11deg) rotateY(-324deg)}.die[data-face="13"]{transform:rotateX(11deg) rotateY(-396deg)}.die[data-face="14"]{transform:rotateX(11deg) rotateY(-468deg)}.die[data-face="15"]{transform:rotateX(11deg) rotateY(-540deg)}.die[data-face="16"]{transform:rotateX(127deg) rotateY(-72deg)}.die[data-face="17"]{transform:rotateX(127deg) rotateY(-144deg)}.die[data-face="18"]{transform:rotateX(127deg) rotateY(-216deg)}.die[data-face="19"]{transform:rotateX(127deg) rotateY(-288deg)}.die[data-face="20"]{transform:rotateX(127deg) rotateY(-1turn)}.die .face{position:absolute;left:50%;top:0;margin:0 -50px;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:86px solid var(--die-color);width:0;height:0;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(0 0 1px var(--die-edge-color))}.die .face:before{content:attr(data-n);position:absolute;top:21.5px;left:-100px;color:var(--color-primary-content);text-shadow:1px 1px 3px color-mix(in oklab,var(--color-primary) 70%,black);font-size:43px;text-align:center;line-height:77.4px;width:200px;height:86px}.die.themed-crit .face-1:before{color:var(--color-error)}.die.themed-crit .face-20:before{color:var(--color-success)}.die .face:first-child{transform:rotateY(0deg) translateZ(33.5px) translateY(-12.9px) rotateX(53deg)}.die .face:nth-child(2){transform:rotateY(-72deg) translateZ(33.5px) translateY(-12.9px) rotateX(53deg)}.die .face:nth-child(3){transform:rotateY(-144deg) translateZ(33.5px) translateY(-12.9px) rotateX(53deg)}.die .face:nth-child(4){transform:rotateY(-216deg) translateZ(33.5px) translateY(-12.9px) rotateX(53deg)}.die .face:nth-child(5){transform:rotateY(-288deg) translateZ(33.5px) translateY(-12.9px) rotateX(53deg)}.die .face:nth-child(6){transform:rotateY(1turn) translateZ(75px) translateY(54.18px) rotate(180deg) rotateX(-11deg)}.die .face:nth-child(7){transform:rotateY(288deg) translateZ(75px) translateY(54.18px) rotate(180deg) rotateX(-11deg)}.die .face:nth-child(8){transform:rotateY(216deg) translateZ(75px) translateY(54.18px) rotate(180deg) rotateX(-11deg)}.die .face:nth-child(9){transform:rotateY(144deg) translateZ(75px) translateY(54.18px) rotate(180deg) rotateX(-11deg)}.die .face:nth-child(10){transform:rotateY(72deg) translateZ(75px) translateY(54.18px) rotate(180deg) rotateX(-11deg)}.die .face:nth-child(11){transform:rotateY(252deg) translateZ(75px) translateY(54.18px) rotateX(-11deg)}.die .face:nth-child(12){transform:rotateY(324deg) translateZ(75px) translateY(54.18px) rotateX(-11deg)}.die .face:nth-child(13){transform:rotateY(396deg) translateZ(75px) translateY(54.18px) rotateX(-11deg)}.die .face:nth-child(14){transform:rotateY(468deg) translateZ(75px) translateY(54.18px) rotateX(-11deg)}.die .face:nth-child(15){transform:rotateY(540deg) translateZ(75px) translateY(54.18px) rotateX(-11deg)}.die .face:nth-child(16){transform:rotateY(-108deg) translateZ(33.5px) translateY(121.26px) rotate(180deg) rotateX(53deg)}.die .face:nth-child(17){transform:rotateY(-36deg) translateZ(33.5px) translateY(121.26px) rotate(180deg) rotateX(53deg)}.die .face:nth-child(18){transform:rotateY(36deg) translateZ(33.5px) translateY(121.26px) rotate(180deg) rotateX(53deg)}.die .face:nth-child(19){transform:rotateY(108deg) translateZ(33.5px) translateY(121.26px) rotate(180deg) rotateX(53deg)}.die .face:nth-child(20){transform:rotateY(180deg) translateZ(33.5px) translateY(121.26px) rotate(180deg) rotateX(53deg)}.D20RollAnimation_ul__IVOMw{position:relative;list-style:none;padding:0;margin:0}.D20RollAnimation_exiting__6B2Rm{position:absolute;margin:0!important;pointer-events:none;transform-origin:center center;animation:D20RollAnimation_whittleLeave__Da_zi .5s cubic-bezier(.75,0,.25,1) forwards}@keyframes D20RollAnimation_whittleLeave__Da_zi{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(5)}}.D20RollAnimation_moving__MKh_J{transition:transform 1.2s cubic-bezier(.75,0,.25,1)}.D20RollAnimation_finalGrow___oQ13{animation:D20RollAnimation_finalGrow___oQ13 .42s cubic-bezier(.2,.85,.25,1) forwards;transform-origin:center center}@keyframes D20RollAnimation_finalGrow___oQ13{0%{transform:scale(1)}to{transform:scale(3.2)}}.D20RollAnimation_shake__hcCSt{animation:D20RollAnimation_d20Shake__gOhyc .1s cubic-bezier(.75,0,.25,1) infinite}.D20RollAnimation_shakeSecond__lrcCG{animation-delay:.05s}@keyframes D20RollAnimation_d20Shake__gOhyc{0%{margin-top:-.05em}to{margin-top:.05em}}.level-1 .box{border-radius:0 0 var(--radius-box,.625rem) var(--radius-box,.625rem)!important}.level-1 .level-2 .box{border-radius:0 0 var(--radius-box,.625rem) 0!important}@keyframes highlight-blink{0%,to{border-color:color-mix(in srgb,var(--color-base-content) 40%,transparent)}50%{border-color:color-mix(in srgb,var(--color-error) 40%,transparent)}}.comment-highlight-blink:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:.125rem dashed color-mix(in srgb,var(--color-base-content) 40%,transparent);border-radius:inherit;pointer-events:none;z-index:1;animation:highlight-blink .8s ease-in-out 3}.l-2-comment{border-top:1px solid color-mix(in srgb,var(--color-base-content) 10%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-base-content) 10%,transparent)}.l-2-comment:last-child{border-bottom:none}.level-2:first-child .l-2-comment{border-top:none}.fadein-ltr{animation:fadein-ltr .5s ease-in-out}@keyframes fadein-ltr{0%{opacity:0}to{opacity:1}}.c-item .more,.post-body .more{transition:opacity .2s}.c-item:hover .more,.post-body:hover .more{transition-delay:.4s;opacity:1}.highlight-comment{animation:highlight-comment 2s ease-in-out}@keyframes highlight-comment{0%{background-color:rgba(59,130,246,.3)}to{background-color:rgba(0,0,0,0)}}