.asset-loading{margin:12px 0;padding:12px 14px;border:1px solid #d6e2d5;border-radius:10px;background:#f4f8ef;color:#365849;text-align:left;overflow-wrap:anywhere}
.asset-loading strong{display:block;font-size:13px;line-height:1.5}
.asset-loading progress{display:block;width:100%;height:8px;margin:8px 0;accent-color:#347359}
.asset-loading small{display:block;font-size:12px;line-height:1.5;color:#607460}
.asset-loading button{margin-top:8px;padding:6px 10px;font-size:12px}
.asset-loading.in-game-loading{position:fixed;bottom:190px;left:12px;z-index:30;max-width:min(300px,calc(100vw - 24px));box-shadow:0 3px 16px #173b2726}

.character-card.is-loading img{filter:grayscale(1);opacity:.9}
.character-card.is-loading{cursor:wait;border-style:dashed;opacity:1;color:#657267}
.character-card.is-loading small{font-size:11px}

.character-card.is-loading:not(:disabled){cursor:pointer}

.welcome-cta[aria-busy="true"]::before{content:"";display:inline-block;width:16px;height:16px;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:welcome-buffer .8s linear infinite}
@keyframes welcome-buffer{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.welcome-cta[aria-busy="true"]::before{animation:none}}