.coin-host{position:absolute;inset:0;pointer-events:none}.coin-root{position:absolute;inset:0;z-index:11;pointer-events:none;color:#fff;font-family:Arial,'Microsoft YaHei',sans-serif}.coin-upgrade{position:absolute;left:50%;top:50%;width:calc(var(--u) * 478);height:calc(var(--u) * 398);transform:translate(-50%,-50%);border-radius:calc(var(--u) * 18);background:rgba(0,0,0,.91);text-align:center;animation:coin-in var(--coin-in) both}.coin-upgrade.leaving{animation:coin-out var(--coin-out) both}.coin-upgrade-title{position:absolute;top:calc(var(--u) * 41);left:calc(var(--u) * 15);right:calc(var(--u) * 15);font-size:calc(var(--u) * 36);line-height:calc(var(--u) * 55)}.coin-stack{position:absolute;top:calc(var(--u) * 95);left:calc(50% + calc(var(--u) * 12));transform:translateX(-50%);width:calc(var(--u) * 190);height:calc(var(--u) * 172)}.coin-upgrade-line{position:absolute;left:calc(var(--u) * 25);right:calc(var(--u) * 25);bottom:calc(var(--u) * 49);border-top:calc(var(--u) * 1) solid #ffffff0b;padding-top:calc(var(--u) * 16);font-size:calc(var(--u) * 31);line-height:calc(var(--u) * 48);white-space:nowrap}.coin-highlight{color:var(--coin-color)}
.coin-pill{position:absolute;top:var(--bubble-top);right:calc(var(--u) * 26);width:calc(var(--u) * 300);height:calc(var(--u) * 120);border-radius:calc(var(--u) * 60);background:#282828aa;padding:calc(var(--u) * 18) calc(var(--u) * 126) calc(var(--u) * 12) calc(var(--u) * 28);box-sizing:border-box;animation:coin-pill-in var(--coin-pill-in) both;transform-origin:right;overflow:hidden}.coin-pill.leaving{animation:coin-pill-out var(--coin-pill-out) both}.coin-pill-title{font-size:calc(var(--u) * 25);line-height:calc(var(--u) * 33);white-space:nowrap}.coin-pill-icon{display:inline-block;width:calc(var(--u) * 26);height:calc(var(--u) * 26);vertical-align:middle;margin-left:calc(var(--u) * 6)}.coin-pill-balance{font-size:calc(var(--u) * 40);line-height:calc(var(--u) * 50)}.coin-fly{position:absolute;left:50%;top:50%;width:calc(var(--u) * 72);height:calc(var(--u) * 72);animation:coin-flight var(--coin-flight) ease-in both;animation-delay:var(--coin-delay,0s)}
@keyframes coin-in{from{opacity:0}to{opacity:1}}@keyframes coin-out{to{opacity:0}}@keyframes coin-pill-in{from{opacity:0;clip-path:inset(0 0 0 calc(var(--u) * 180) round calc(var(--u) * 60))}to{opacity:1;clip-path:inset(0 round calc(var(--u) * 60))}}@keyframes coin-pill-out{from{opacity:1;clip-path:inset(0 round calc(var(--u) * 60))}to{opacity:0;clip-path:inset(0 0 0 calc(var(--u) * 180) round calc(var(--u) * 60))}}@keyframes coin-flight{from{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--fly-x)),calc(-50% + var(--fly-y))) scale(.3)}}

.coin-round-layer{position:absolute;inset:0;z-index:13;pointer-events:none}.coin-round-scene{position:absolute;right:calc(var(--u) * 24);top:var(--bubble-top);width:calc(var(--u) * 120);height:calc(var(--u) * 120);pointer-events:none}.coin-round-drop{position:absolute;left:calc(50% - calc(var(--u) * 20));top:0;width:calc(var(--u) * 40);height:calc(var(--u) * 40);animation:coin-round-drop var(--drop-time) cubic-bezier(.35,.05,.75,.7) both;animation-delay:var(--drop-delay)}
@keyframes coin-round-drop{0%{opacity:0;transform:translate(var(--drop-x),var(--drop-y)) rotate(var(--drop-turn)) scaleX(.65)}15%{opacity:1}55%{opacity:1;transform:translate(calc(var(--drop-x) * .7),calc(var(--u) * 0)) rotate(calc(var(--drop-turn) * -1)) scaleX(1)}85%{opacity:1}100%{opacity:0;transform:translate(calc(var(--drop-x) * .5),var(--drop-end)) rotate(var(--drop-turn)) scale(.65)}}