.shell-dice-3d-wrap--lg,.shell-dice-3d-wrap{--dice-size: 152px;--dice-half: 76px;--dice-radius: 23px;--dice-pad: 23px;--dice-pip: 23px;--dice-perspective: 900px;width:var(--dice-size);height:calc(var(--dice-size) + 28px);perspective:var(--dice-perspective);perspective-origin:50% 44%;transform-style:preserve-3d}.shell-dice-3d-wrap--md{--dice-size: 112px;--dice-half: 56px;--dice-radius: 17px;--dice-pad: 17px;--dice-pip: 17px;--dice-perspective: 820px}.shell-dice-3d-wrap--sm{--dice-size: 92px;--dice-half: 46px;--dice-radius: 14px;--dice-pad: 14px;--dice-pip: 14px;--dice-perspective: 760px}.shell-dice-3d-wrap--picker{--dice-size: 58px;--dice-half: 29px;--dice-radius: 9px;--dice-pad: 9px;--dice-pip: 9px;--dice-perspective: 560px;height:calc(var(--dice-size) + 16px)}.shell-dice-3d-wrap--xs{--dice-size: 42px;--dice-half: 21px;--dice-radius: 7px;--dice-pad: 7px;--dice-pip: 7px;--dice-perspective: 480px;height:calc(var(--dice-size) + 12px)}.shell-dice-3d-scene{position:relative;width:var(--dice-size);height:calc(var(--dice-size) + 24px);transform-style:preserve-3d;transform-origin:50% 54%}.shell-dice-3d-scene--iso{transform:rotateX(-32deg) rotateY(42deg)}.shell-dice-3d-scene--landed{animation:shell-dice-3d-scene-land-pop .38s cubic-bezier(.22,1.12,.36,1) both}.shell-dice-3d-wrap--preview .shell-dice-3d-scene--iso{animation:shell-dice-3d-preview-float 3.6s ease-in-out infinite}.shell-dice-3d-wrap--preview .shell-dice-3d-shadow{animation:none;transform:scale(1);opacity:.68}.shell-dice-3d-shadow{position:absolute;left:50%;bottom:0;width:calc(var(--dice-size) * .82);height:calc(var(--dice-size) * .18);margin-left:calc(var(--dice-size) * -.41);border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.45) 0%,transparent 72%);transform:scale(.5);opacity:.36;filter:blur(5px);pointer-events:none;animation:shell-dice-3d-shadow-roll var(--shell-dice-3d-duration, 1.1s) cubic-bezier(.33,.72,.28,1) var(--shell-dice-roll-delay, 0s) both}.shell-dice-3d-shadow--landed{animation:shell-dice-3d-shadow-settle .38s cubic-bezier(.22,1.12,.36,1) both;transform:scale(1);opacity:.62}.shell-dice-3d-cube{position:absolute;left:50%;top:0;width:var(--dice-size);height:var(--dice-size);margin-left:calc(var(--dice-size) * -.5);transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform}.shell-dice-3d-cube--rolling{animation:shell-dice-3d-roll var(--shell-dice-3d-duration, 1.1s) cubic-bezier(.25,.6,.3,1) var(--shell-dice-roll-delay, 0s) both}.shell-dice-3d-cube--landed{transition:transform .32s cubic-bezier(.22,1.1,.36,1);animation:none!important}.shell-dice-3d-face{position:absolute;left:0;top:0;width:var(--dice-size);height:var(--dice-size);border-radius:var(--dice-radius);background:linear-gradient(145deg,#fff,#eef0f4 52%,#dfe3ea);box-shadow:inset 0 0 0 1px #0000000f,inset 0 2px 6px #ffffff8c,inset 0 -3px 8px #00000014;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:var(--dice-pad);box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden}.shell-dice-3d-face--5{background:linear-gradient(145deg,#fff,#f6f7fa 55%,#e8ebf0);transform:rotateX(90deg) translateZ(var(--dice-half))}.shell-dice-3d-face--1{background:linear-gradient(158deg,#fafbfc,#e9ecf2 52%,#d8dce4);transform:rotateY(0) translateZ(var(--dice-half))}.shell-dice-3d-face--3{background:linear-gradient(138deg,#f2f4f8,#e0e4eb 48%,#cdd2db);transform:rotateY(90deg) translateZ(var(--dice-half))}.shell-dice-3d-face--2{transform:rotateY(180deg) translateZ(var(--dice-half))}.shell-dice-3d-face--4{transform:rotateY(-90deg) translateZ(var(--dice-half))}.shell-dice-3d-face--6{transform:rotateX(-90deg) translateZ(var(--dice-half))}.shell-dice-3d-pip{width:var(--dice-pip);height:var(--dice-pip);border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a3d5c,#0e0f1e 58%,#06070c);box-shadow:inset 0 -2px 4px #00000052}.shell-dice-3d-pip--center{width:calc(var(--dice-pip) * 1.1);height:calc(var(--dice-pip) * 1.1);background:radial-gradient(circle at 36% 32%,#b83a42,#8f2830 52%,#6a1c24)}@keyframes shell-dice-3d-roll{0%{transform:rotateX(0) rotateY(0) translateY(-72px) scale(.5)}to{transform:rotateX(720deg) rotateY(1080deg) translateY(0) scale(1)}}@keyframes shell-dice-3d-scene-land-pop{0%{transform:rotateX(-8deg) rotateY(8deg) translateY(-8px) scale(1.06)}55%{transform:rotateX(-34deg) rotateY(44deg) translateY(3px) scale(.97)}to{transform:rotateX(-32deg) rotateY(42deg) translateY(0) scale(1)}}@keyframes shell-dice-3d-shadow-roll{0%{transform:scale(.28);opacity:.14}to{transform:scale(.92);opacity:.52}}@keyframes shell-dice-3d-shadow-settle{0%{transform:scale(.92);opacity:.52}to{transform:scale(1);opacity:.62}}@keyframes shell-dice-3d-preview-float{0%,to{transform:rotateX(-32deg) rotateY(42deg) translateY(0)}50%{transform:rotateX(-28deg) rotateY(38deg) translateY(-5px)}}@media(prefers-reduced-motion:reduce){.shell-dice-3d-cube--rolling{animation:shell-dice-3d-roll-reduced var(--shell-dice-3d-duration, 1.1s) ease-out var(--shell-dice-roll-delay, 0s) forwards}.shell-dice-3d-wrap--preview .shell-dice-3d-scene--iso{animation:none}.shell-dice-3d-shadow{animation:none;transform:scale(.88);opacity:.48}@keyframes shell-dice-3d-roll-reduced{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}}