.rollAnimation[hidden]{display:none!important}.rollAnimation{position:fixed;inset:0;z-index:1800;display:grid;place-items:center;background:#03090cdd}.rollAnimationBox{text-align:center;padding:28px;color:#f4e8cf}.rollAnimationFace{display:grid;place-items:center;width:100px;height:100px;margin:0 auto 20px;clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);background:linear-gradient(140deg,#e7bd6b,#876332);color:#17231c;font-size:42px;font-weight:800;animation:rollD20 .22s ease-in-out infinite alternate}.rollAnimationBox p{font-size:18px}@keyframes rollD20{from{transform:rotate(-16deg) translateY(-6px)}to{transform:rotate(18deg) translateY(6px)}}@media(prefers-reduced-motion:reduce){.rollAnimationFace{animation:none}}