.die-stage{width:100%;max-width:420px;height:160px;position:relative}.die-shadow{background:#eeaccb;border-radius:50%;width:76px;height:16px;position:absolute;top:130px;left:calc(50% - 38px)}.die-hop{z-index:1;width:80px;height:80px;position:absolute;top:54px;left:calc(50% - 40px)}.die-float{width:100%;height:100%;animation:3s ease-in-out infinite die-idle}.is-rolling .die-float{animation:none}@keyframes die-idle{0%,to{translate:0;rotate:-3deg}50%{translate:0 -5px;rotate:3deg}}.die-squash{transform-origin:50% 100%;width:100%;height:100%}.die{border:2.5px solid var(--ink);background:#fff;border-radius:20px;width:100%;height:100%;position:relative;box-shadow:inset -7px -7px #fcd6e6}.die:after{content:"";background:#fde7f1;border-radius:99px;width:16px;height:7px;position:absolute;top:8px;left:10px;rotate:-20deg}.die-pip{background:var(--ink);border-radius:50%;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;position:absolute}.die-pip:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:3px;left:3px}.die-tl{top:28%;left:28%}.die-tr{top:28%;left:72%}.die-ml{top:50%;left:28%}.die-cc{top:50%;left:50%}.die-mr{top:50%;left:72%}.die-bl{top:72%;left:28%}.die-br{top:72%;left:72%}.die-burst{z-index:0;pointer-events:none;width:0;height:0;position:absolute;top:94px;left:50%}.die-line{transform-origin:50% 0;opacity:0;background:#e0679f;border-radius:4px;width:4px;height:16px;animation:.48s cubic-bezier(.2,.8,.3,1) forwards die-line;position:absolute;top:-2px;left:-2px}@keyframes die-line{0%{transform:rotate(var(--a)) translateY(46px) scaleY(.3);opacity:1}60%{opacity:1}to{transform:rotate(var(--a)) translateY(70px) scaleY(1);opacity:0}}.die-spark{fill:#f28dbb;stroke:var(--ink);stroke-width:1.5px;opacity:0;animation:.64s cubic-bezier(.2,1.4,.4,1) forwards die-spark;position:absolute}.die-spark-a{width:24px;height:24px;top:-58px;left:-78px}.die-spark-b{fill:#fff;width:18px;height:18px;animation-delay:70ms;top:-70px;left:54px}.die-spark-c{width:13px;height:13px;animation-delay:.14s;top:-18px;left:60px}@keyframes die-spark{0%{opacity:0;rotate:-30deg;scale:.2}45%{opacity:1;rotate:8deg;scale:1.15}75%{opacity:1;rotate:none;scale:1}to{opacity:0;rotate:12deg;scale:.8}}