/* Keep the waiting screen in the same Halloween theatre as the finished scene. */
.loading-overlay{isolation:isolate;gap:0;background:#f2dfbd;overflow:hidden;padding:24px}
.loading-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(#ebd3ad 0 69%,#c5a08b 69% 70%,#d8b59f 70%)}
.loading-scene span{position:absolute;border:3px solid #b48f74;background:#dfc39e;opacity:.55;animation:kitchen-pulse 2s ease-in-out infinite}
.skeleton-window{left:8%;top:10%;width:25%;height:39%;border-radius:16px;background:linear-gradient(90deg,transparent 48%,#b48f74 48% 52%,transparent 52%),linear-gradient(transparent 48%,#b48f74 48% 52%,transparent 52%),#c4b3c3!important}
.skeleton-counter{right:5%;top:42%;width:48%;height:28%;border-radius:10px}
.skeleton-person{right:17%;bottom:24%;width:14%;height:51%;border-radius:48% 48% 20% 20%;background:#cbb4c4!important}
.skeleton-bowl{left:40%;bottom:15%;width:17%;height:15%;border-radius:12% 12% 55% 55%;background:#b9a2c5!important}
.loading-card{display:flex;align-items:center;flex-direction:column;text-align:center;gap:12px;max-width:340px;padding:25px 30px;border:2px solid #8f7182;border-radius:20px;background:#fff8e8;box-shadow:0 5px 0 #8f718244;color:#49364f}
.loading-card strong{font:600 21px/1.3 Fredoka,Nunito,sans-serif}
.loading-card p{font:600 13px/1.6 Nunito,sans-serif;color:#786273;margin:0}
.loading-card .loader-candy{width:40px;height:40px;margin:0;color:#bf7c35}
.loading-card .loader-candy svg{width:100%;height:100%}
.loading-card .small-button{min-height:44px;margin-top:4px}
body[data-assets=error] .loading-scene span,body[data-assets=error] .loader-candy{animation:none}
.avatar-placeholder{display:block;width:48px;height:48px;box-sizing:border-box;border:1.5px solid #bfa98e;border-radius:10px;background:#e7d4bb;animation:kitchen-pulse 2s ease-in-out infinite}
@keyframes kitchen-pulse{0%,100%{opacity:.45}50%{opacity:.8}}
@media(max-width:700px){.avatar-placeholder{width:100%;height:50px}.loading-card{padding:20px;max-width:280px}.loading-card strong{font-size:19px}.loading-overlay{padding:18px}}
@media(min-width:701px) and (max-height:500px){.avatar-placeholder{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.loading-scene span,.avatar-placeholder,.loading-card .loader-candy{animation:none}}
body:not([data-assets=ready]) .avatar-choice .avatar-sprite{visibility:hidden}
body:not([data-assets=ready]) .avatar-choice{background:#e7d4bb;animation:kitchen-pulse 2s ease-in-out infinite}
@media(max-width:700px){
 body[data-mode=online][data-view=home] .loading-scene,body[data-view=lobby] .loading-scene{display:none}
 body[data-mode=online][data-view=home] .loading-card,body[data-view=lobby] .loading-card{width:100%;max-width:none;padding:12px;gap:6px}
 body[data-mode=online][data-view=home] .loading-card .loader-candy,body[data-view=lobby] .loading-card .loader-candy{display:none}
}
@media(prefers-reduced-motion:reduce){body:not([data-assets=ready]) .avatar-choice{animation:none}}
/* Reserve the same home scene ratio before the application module arrives. */
@media(min-width:701px){body[data-view=home][data-mode=solo] .stage{height:auto;aspect-ratio:1.9;min-height:300px;max-height:560px}}