/* Shared physical dice treatment — Yamb + Ludo. */
.yamb-die{position:relative!important;overflow:visible!important;perspective:220px!important;border:1px solid #d6dee8!important;border-radius:18px!important;color:#07182f!important;background:linear-gradient(145deg,#fff 0%,#f0f4f8 55%,#c9d3df 100%)!important;box-shadow:inset 5px 5px 9px rgba(255,255,255,.98),inset -6px -7px 12px rgba(85,103,122,.24),0 14px 22px rgba(0,0,0,.34),0 2px 0 rgba(255,255,255,.72)!important;transform-style:preserve-3d!important;backface-visibility:hidden!important}
.yamb-die::before{content:"";position:absolute;z-index:0;inset:4px 5px auto 5px;height:40%;border-radius:13px 13px 48% 48%;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,0));pointer-events:none}
.yamb-die::after{content:"";position:absolute;z-index:-1;left:12%;right:12%;bottom:-10px;height:11px;border-radius:50%;background:rgba(0,0,0,.28);filter:blur(6px);pointer-events:none}
.yamb-pips{position:relative;z-index:2;display:grid!important;width:68%!important;aspect-ratio:1!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(3,1fr)!important;align-self:center!important;justify-self:center!important}
.yamb-pips i{display:block!important;width:clamp(6px,1.05vw,10px)!important;height:clamp(6px,1.05vw,10px)!important;align-self:center!important;justify-self:center!important;border-radius:50%!important;background:transparent!important}
.yamb-pips i.on{background:radial-gradient(circle at 35% 30%,#314763,#071321 68%)!important;box-shadow:inset 0 1px 2px rgba(255,255,255,.30),0 1px 1px rgba(255,255,255,.48),0 -1px 1px rgba(0,0,0,.25)!important}
.yamb-die small{position:relative;z-index:2;color:#647386!important;text-shadow:0 1px 0 #fff!important}
.yamb-die.held{border-color:#a78bfa!important;background:linear-gradient(145deg,#fff 0%,#eee9ff 54%,#c7b8f1 100%)!important;box-shadow:inset 5px 5px 9px rgba(255,255,255,.98),inset -6px -7px 12px rgba(97,73,154,.22),0 0 0 4px rgba(167,139,250,.15),0 16px 24px rgba(0,0,0,.34)!important;transform:translateY(-4px) rotateX(3deg)!important}
.yamb-die.held small{color:#7058b4!important}
.yamb-die.is-rolling{animation:yamb-die-roll .52s cubic-bezier(.2,.72,.28,1)!important}
@keyframes yamb-die-roll{0%{transform:perspective(220px) rotateX(0) rotateY(0) rotateZ(0) translateY(0)}25%{transform:perspective(220px) rotateX(42deg) rotateY(-34deg) rotateZ(14deg) translateY(-8px)}55%{transform:perspective(220px) rotateX(-30deg) rotateY(46deg) rotateZ(-17deg) translateY(-4px)}78%{transform:perspective(220px) rotateX(15deg) rotateY(-18deg) rotateZ(8deg) translateY(-2px)}100%{transform:perspective(220px) rotateX(0) rotateY(0) rotateZ(0) translateY(0)}}
@media(max-width:720px){.yamb-die{border-radius:14px!important}.yamb-pips{width:72%!important}.yamb-pips i{width:7px!important;height:7px!important}}
@media(prefers-reduced-motion:reduce){.yamb-die.is-rolling{animation:none!important}}