/* A small status at the edge of the existing toy stage, shared by both heroes. */
.toy-viewer-loading {
  position:absolute; z-index:5; left:18px; right:18px; bottom:18px;
  max-width:360px; padding:14px 16px; border:1px solid #bdc5b8;
  border-radius:12px; background:#fffdf7; color:#20382d;
  font:500 13px/1.5 Manrope,sans-serif;
}
.toy-viewer-loading[hidden] { display:none; }
.toy-viewer-loading__heading { display:flex; align-items:baseline; justify-content:space-between; gap:14px; }
.toy-viewer-loading__message { font-size:14px; font-weight:800; line-height:1.4; text-wrap:balance; }
.toy-viewer-loading__percent { flex:none; font-size:15px; font-weight:800; font-variant-numeric:tabular-nums; }
.toy-viewer-loading__track { height:6px; margin-top:10px; overflow:hidden; border-radius:999px; background:#e3e8dc; }
.toy-viewer-loading__fill { display:block; height:100%; width:100%; border-radius:inherit; background:#20382d; transform:scaleX(var(--loading-progress,0)); transform-origin:left; transition:transform .15s ease-out; }
.toy-viewer-loading__note { margin:7px 0 0; color:#465a4d; font-size:12px; line-height:1.5; }
.toy-viewer-loading__announcement { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.toy-viewer-loading__retry { margin-top:10px; min-height:44px; padding:9px 14px; border:1px solid #20382d; border-radius:999px; background:#20382d; color:#fffdf7; font:750 13px/1.3 Manrope,sans-serif; cursor:pointer; }
.toy-viewer-loading__retry:hover { background:#315243; }
.toy-viewer-loading__retry:focus-visible { outline:3px solid #9d432c; outline-offset:3px; }
.toy-viewer-loading[data-indeterminate] .toy-viewer-loading__fill { width:28%; transform:translateX(0); animation:toy-viewer-pending 1.4s ease-in-out infinite alternate; }
@keyframes toy-viewer-pending { to { transform:translateX(250%); } }
[data-loading-state="loading"] > [data-viewer-status],
[data-loading-state="error"] > [data-viewer-status],
[data-loading-state="loading"] > .podchanych-controls,
[data-loading-state="error"] > .podchanych-controls,
[data-loading-state="loading"] > .vilyash-controls,
[data-loading-state="error"] > .vilyash-controls { visibility:hidden; }
[data-loading-state="loading"] > .podchanych-canvas,
[data-loading-state="error"] > .podchanych-canvas,
[data-loading-state="loading"] > .vilyash-canvas,
[data-loading-state="error"] > .vilyash-canvas { visibility:hidden; pointer-events:none; }
[data-loading-state="loading"] > .podchanych-poster,
[data-loading-state="error"] > .podchanych-poster,
[data-loading-state="loading"] > .vilyash-poster,
[data-loading-state="error"] > .vilyash-poster { padding:12px 12px 130px; box-sizing:border-box; }
@media(max-width:560px) {
  .toy-viewer-loading { left:12px; right:12px; bottom:12px; padding:12px 14px; }
  .toy-viewer-loading__heading { gap:10px; }
  .toy-viewer-loading__message { font-size:13px; }
}
@media(prefers-reduced-motion:reduce) {
  .toy-viewer-loading__fill { transition:none; }
  .toy-viewer-loading[data-indeterminate] .toy-viewer-loading__fill { animation:none; }
}