/* v0.6: a real 3D die owns its mesh, lighting and motion. The surrounding v0.5 UI stays in place. */
/* Reserve the selection row even when empty so showing plane buttons cannot resize the die. */
#piece-buttons,#piece-buttons:empty{display:flex;height:36px;min-height:36px}
.dice-stage{perspective:none;transform-style:flat;overflow:hidden}
#dice.dice,#dice.dice.rolling{position:absolute;inset:0 0 20px;width:100%;height:calc(100% - 20px);max-width:300px;margin:auto;min-height:0;display:block;transform:none;transform-style:flat;animation:none!important;background:none;border:0;border-radius:0;box-shadow:none;pointer-events:none}
#dice canvas{display:block;width:100%;height:100%;border:0;outline:none;background:transparent}
#dice:before,#dice:after,.dice-shadow{display:none}
.dice-result{position:absolute;left:0;right:0;bottom:1px;font-size:12px;font-weight:900;letter-spacing:.1px;line-height:18px;text-align:center;color:#1552a0;text-shadow:0 1px white;pointer-events:none}
@media(min-width:701px) and (max-height:850px){
 #piece-buttons,#piece-buttons:empty{height:32px;min-height:32px}
 #dice.dice{inset:0 0 17px;height:calc(100% - 17px);max-width:230px}
 .dice-result{font-size:10px;line-height:16px;bottom:0}
}
@media(max-width:700px){
 #dice.dice{inset:0 0 18px;width:100%;height:calc(100% - 18px);max-width:none}
 .dice-result{font-size:10px;line-height:17px;bottom:0}
}