.random-page{display:flex;flex-direction:column;align-items:center;text-align:center}.random-page__title{margin:32px 0 0}.random-page .error-state{padding-top:24px}.random-page__note{margin:24px 0 0;color:var(--fg-muted)}.random-dice{display:inline-flex;transform-origin:50% 55%}.random-dice.is-rolling-a{animation:random-tumble-a .7s cubic-bezier(.3,.7,.3,1) both}.random-dice.is-rolling-b{animation:random-tumble-b .7s cubic-bezier(.3,.7,.3,1) both}.ds-btn:has(.random-dice.is-rolling-a) .ds-btn__glow{animation:random-glow-a .7s ease-out both}.ds-btn:has(.random-dice.is-rolling-b) .ds-btn__glow{animation:random-glow-b .7s ease-out both}@keyframes random-tumble-a{0%{transform:translateY(0) rotate(0) scale(1)}22%{transform:translateY(-7px) rotate(120deg) scale(1.18)}48%{transform:translateY(0) rotate(270deg) scale(1)}62%{transform:translateY(-3px) rotate(330deg)}78%{transform:translateY(0) rotate(352deg)}to{transform:translateY(0) rotate(360deg)}}@keyframes random-tumble-b{0%{transform:translateY(0) rotate(0) scale(1)}22%{transform:translateY(-7px) rotate(120deg) scale(1.18)}48%{transform:translateY(0) rotate(270deg) scale(1)}62%{transform:translateY(-3px) rotate(330deg)}78%{transform:translateY(0) rotate(352deg)}to{transform:translateY(0) rotate(360deg)}}@keyframes random-glow-a{0%{opacity:1}30%{opacity:1;filter:brightness(1.6)}to{opacity:1;filter:none}}@keyframes random-glow-b{0%{opacity:1}30%{opacity:1;filter:brightness(1.6)}to{opacity:1;filter:none}}@media(prefers-reduced-motion:reduce){.random-dice.is-rolling-a,.random-dice.is-rolling-b,.ds-btn:has(.random-dice.is-rolling-a) .ds-btn__glow,.ds-btn:has(.random-dice.is-rolling-b) .ds-btn__glow{animation:none}}