/* Reserve the established room dimensions; navigation stays available during load. */
html.shop-scene-pending-r100 .secondary-page-hero[data-page-art="shop"] > :not(.secondary-page-hero__copy) {
  visibility: hidden;
}
html.shop-scene-pending-r100 .secondary-page-hero[data-page-art="shop"]::after {
  content: "ENTERING THE SHOP…";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #f5dfb5;
  background: #081525;
  font: 15px "Silkscreen", monospace;
  letter-spacing: .08em;
  pointer-events: none;
}
/* An unavailable module/asset cannot paint late actors over a fallback room. */
html[data-shop-scene-r100="fallback"] .shop-counter-r81,
html[data-shop-scene-r100="fallback"] .shop-sleeves-r82,
html[data-shop-scene-r100="fallback"] .shop-cashier-r87,
html[data-shop-scene-r100="fallback"] .shop-population-r91,
html[data-shop-scene-r100="fallback"] .shop-keyboard-wall-r91,
html[data-shop-scene-r100="fallback"] .shop-wall-mobile-caption-r97 { display: none !important; }

.shop-population-r91 .population-upper-r91 {
  --posture-scale: 1;
  animation-name: shopper-breathe-r100;
  animation-timing-function: ease-in-out;
}
@keyframes shopper-breathe-r100 {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  38% { transform: translateY(calc(var(--breath-source) * var(--posture-scale))) rotate(calc(var(--idle-angle) * var(--posture-scale))); }
  73% { transform: translateY(calc(var(--breath-small) * var(--posture-scale))) rotate(calc(var(--idle-counterangle) * var(--posture-scale))); }
}
@media(max-width:600px) {
  .shop-population-r91 .population-upper-r91 { --posture-scale: 1.65; }
  html.shop-scene-pending-r100 .secondary-page-hero[data-page-art="shop"]::after { font-size: 11px; }
}
@media(prefers-reduced-motion:reduce) {
  .shop-population-r91 .population-upper-r91 { animation: none !important; transform: none !important; }
}

/* The wall's caption types once at the atomic room reveal, then stays. */
html[data-shop-scene-r100="ready"] :is(.shop-wall-caption-r97,.shop-wall-mobile-caption-r97){animation:shop-caption-entry-r104 850ms steps(11,end) both;}
@keyframes shop-caption-entry-r104{from{clip-path:inset(0 100% 0 0);}to{clip-path:inset(0);}}
@media(prefers-reduced-motion:reduce){html[data-shop-scene-r100="ready"] :is(.shop-wall-caption-r97,.shop-wall-mobile-caption-r97){animation:none;clip-path:none;}}