.dice-wrap{display:flex;gap:24px;justify-content:center;align-items:center;margin:24px 0}.die{width:96px;height:96px;border-radius:18px;background:#111827;box-shadow:0 8px 24px #00000059 inset,0 0 0 1px #1f2937;position:relative}.die:before{content:attr(data-face);position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font:700 40px/1 system-ui;color:#e5e7eb;text-shadow:0 2px 8px rgba(0,0,0,.4)}.rolling:before{animation:number-spin .154s linear infinite}@keyframes wobble{0%{transform:rotate(0) scale(1)}25%{transform:rotate(9deg) scale(1.05)}50%{transform:rotate(-9deg) scale(1.1)}75%{transform:rotate(6deg) scale(1.05)}to{transform:rotate(0) scale(1)}}@keyframes number-spin{0%{content:"1"}16.6%{content:"2"}33.2%{content:"3"}49.8%{content:"4"}66.4%{content:"5"}83%{content:"6"}to{content:"1"}}.rolling{animation:wobble .5s ease-in-out infinite}