/* A steady rotation on large artwork; readable balance icons stay still. */
.api-coin-spin{display:inline-block;position:relative;width:var(--coin-size,96px);height:var(--coin-size,96px);flex-shrink:0;vertical-align:middle;perspective:850px;font-size:0;line-height:0;isolation:isolate}
.api-coin-spin-rotor{display:block;position:absolute;inset:0;transform-style:preserve-3d;animation:api-coin-turn 6.4s linear infinite;animation-play-state:paused;transform-origin:50% 50%}
.api-coin-spin[data-coin-running=true]>.api-coin-spin-rotor{animation-play-state:running;will-change:transform}
.api-coin-spin .api-coin-spin-rotor>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;margin:0;image-rendering:pixelated;backface-visibility:hidden;pointer-events:none}
.api-coin-spin-front{transform:translateZ(var(--coin-depth,3px))}.api-coin-spin-back{transform:rotateY(180deg) translateZ(var(--coin-depth,3px))}.api-coin-spin-slice{transform:translateZ(var(--coin-slice))}
.coin-wallet>.api-coin-spin{width:240px;height:240px;max-width:34%;aspect-ratio:1;height:auto}.coin-wallet>.api-coin-spin::before{content:'';display:block;padding-top:100%}
.growth-reminder>.api-coin-spin{margin-bottom:12px}
.api-coin-pile{display:inline-block;position:relative;width:var(--coin-size,152px);height:var(--coin-size,152px);flex-shrink:0;vertical-align:middle;line-height:0;font-size:0;isolation:isolate}
.api-coin-pile>img.api-coin-pile-piece{position:absolute;left:var(--pile-x);bottom:var(--pile-y);width:var(--pile-width);height:auto;max-width:none;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;transform:rotateZ(var(--pile-angle));transform-origin:50% 70%;pointer-events:none}
.api-coin-pile-lead{position:absolute;left:29%;bottom:43%;width:47%;height:47%;z-index:10;transform:rotateZ(-7deg);transform-origin:50% 70%}
.api-coin-pile-lead>.api-coin-spin{width:100%;height:100%}
.api-coin-pile.is-pouring>img.api-coin-pile-piece,.api-coin-pile.is-pouring>.api-coin-pile-lead{animation:api-coin-pour 620ms cubic-bezier(.16,1,.3,1) both;animation-delay:var(--pile-delay);animation-play-state:paused}
.api-coin-pile.is-pouring[data-coin-running=true]>img.api-coin-pile-piece,.api-coin-pile.is-pouring[data-coin-running=true]>.api-coin-pile-lead{animation-play-state:running}
.growth-invite-heading>.api-coin-pile{width:180px;height:160px}.growth-invite-heading>div:first-child{min-width:0;flex:1}
.growth-profile-invite .growth-profile-pile{float:right;width:84px;height:76px;margin:0 0 8px 16px}
.growth-reminder>.api-coin-pile{width:112px;height:94px;margin-bottom:10px}
.growth-strip-art>.api-coin-pile{max-width:100%}.growth-strip-art>span:not(.api-coin-pile){z-index:12}
@keyframes api-coin-turn{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}
@keyframes api-coin-pour{0%{transform:translateY(-62px) rotateZ(calc(var(--pile-angle,-7deg) - 18deg));opacity:0}72%{transform:translateY(2px) rotateZ(var(--pile-angle,-7deg));opacity:1}100%{transform:translateY(0) rotateZ(var(--pile-angle,-7deg));opacity:1}}
@media(max-width:650px){.growth-invite-heading>.api-coin-pile{width:98px;height:98px;margin-top:16px}.growth-profile-invite .growth-profile-pile{width:72px;height:65px;margin-left:12px}.growth-invite-strip .api-coin-pile{width:58px;height:58px}.growth-invite-strip-large .api-coin-pile{width:64px;height:64px}.growth-reminder>.api-coin-pile{width:104px;height:88px}.growth-story-reward>.api-coin-pile{width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){.api-coin-spin>.api-coin-spin-rotor,.api-coin-pile.is-pouring>img.api-coin-pile-piece,.api-coin-pile.is-pouring>.api-coin-pile-lead{animation:none!important}.api-coin-spin-rotor{transform:none}.api-coin-pile-piece,.api-coin-pile-lead{opacity:1}}
/* The existing strip's amount badge is also a span; the pile is an artwork slot. */
.growth-strip-art>.api-coin-pile{position:relative;inset:auto;background:transparent;border:0;border-radius:0;padding:0;font-size:0;color:inherit}