/* Viewport-centered dice, independent of board zoom and camera movement. */
.dice-roll-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;pointer-events:none;background:#33432330;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.dice-roll-overlay[hidden]{display:none}
.dice-roll-scene{--roll-size:96px;position:relative;display:flex;align-items:center;justify-content:center;width:min(240px,calc(100vw - 32px));height:280px;perspective:700px;color:#405836}
.dice-roll-player{position:absolute;top:8px;left:0;right:0;text-align:center;font-size:13px;font-weight:600;text-shadow:0 1px 8px #fffef6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}
.dice-roll-wrap{position:relative;z-index:2;width:var(--roll-size);height:var(--roll-size);margin-bottom:18px;transform-style:preserve-3d}
.dice-roll-cube{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(-15deg) rotateZ(-8deg)}
.dice-roll-face{position:absolute;inset:0;display:grid;grid-template:repeat(3,minmax(0,1fr))/repeat(3,minmax(0,1fr));gap:12%;padding:18%;border:1px solid #c6d0ae;border-radius:18%;background:#fffdf0;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 0 2px 3px #ffffffbd,inset 0 -4px 6px #51623918}
.dice-roll-pip{display:block;width:100%;height:100%;border-radius:50%;background:#52733e;box-shadow:inset 0 1px 2px #1f361b44}
.dice-roll-face[data-face="1"]{transform:translateZ(calc(var(--roll-size)/2))}
.dice-roll-face[data-face="2"]{transform:rotateX(90deg) translateZ(calc(var(--roll-size)/2))}
.dice-roll-face[data-face="3"]{transform:rotateY(90deg) translateZ(calc(var(--roll-size)/2))}
.dice-roll-face[data-face="4"]{transform:rotateY(-90deg) translateZ(calc(var(--roll-size)/2))}
.dice-roll-face[data-face="5"]{transform:rotateX(-90deg) translateZ(calc(var(--roll-size)/2))}
.dice-roll-face[data-face="6"]{transform:rotateY(180deg) translateZ(calc(var(--roll-size)/2))}
.dice-roll-shadow{position:absolute;top:187px;width:98px;height:16px;background:#23311630;border-radius:50%;filter:blur(7px)}
.dice-roll-ripple{position:absolute;top:157px;left:calc(50% - 68px);width:136px;height:64px;border:2px solid #84a565;border-radius:50%;opacity:0}
.dice-roll-result{position:absolute;top:224px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:8px 19px;border-radius:22px;border:1px solid #d9e4cb;background:#fffef6;color:#405836;font-size:16px;font-weight:600;box-shadow:0 5px 16px #1f34101a;font-variant-numeric:tabular-nums}
@media(max-width:420px),(max-height:480px){.dice-roll-scene{--roll-size:80px;height:240px}.dice-roll-shadow{top:157px;width:84px}.dice-roll-ripple{top:130px}.dice-roll-result{top:190px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.dice-roll-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}.dice-roll-shadow,.dice-roll-ripple{display:none}}