/* HAHUMI 7.07 — miniature cardboard lives in fourteen windows.
 * Scene props remain INSIDE the glass and BEHIND the original residents.
 * Animations are tiny cutout motions and stop with the city.
 */
.hw707-world .hw707-vignette {pointer-events:none}
.hw707-world .hw707-window-prop,
.hw707-world .hw707-window-steam,
.hw707-world .hw707-window-drop {
  transform-box:fill-box;
  transform-origin:50% 85%;
  animation-play-state:paused;
}
.hw707-playing .hw707-vignette-workshop .hw707-window-tool {
  animation:hw707-pencil-gesture 7.2s ease-in-out -2s infinite;
}
.hw707-playing .hw707-vignette-weather .hw707-window-cloud {
  animation:hw707-window-cloud 10s ease-in-out infinite;
}
.hw707-playing .hw707-vignette-weather .hw707-window-drop {
  animation:hw707-window-drop 5s ease-in-out var(--hw-delay) infinite;
}
.hw707-playing .hw707-vignette-library .hw707-window-page {
  animation:hw707-page 11s ease-in-out infinite;
}
.hw707-playing .hw707-vignette-cafe .hw707-window-steam {
  animation:hw707-steam 5s ease-in-out -1s infinite;
}
.hw707-playing .hw707-vignette-playhouse .hw707-window-star {
  animation:hw707-star 8s ease-in-out -2s infinite;
}
.hw707-playing .hw707-vignette-lanterns .hw707-window-lamp {
  animation:hw707-lantern 9s ease-in-out var(--hw-delay) infinite;
}
.hw707-playing .hw707-vignette-garden .hw707-window-flower {
  animation:hw707-flower 7.5s ease-in-out -1s infinite;
}
@keyframes hw707-pencil-gesture {
  0%,71%,100%{transform:rotate(0)}
  77%,86%{transform:rotate(-10deg)}
}
@keyframes hw707-window-cloud {
  0%,100%{transform:translateX(-2px)}
  50%{transform:translateX(3px)}
}
@keyframes hw707-window-drop {
  0%,24%,61%,100%{transform:translateY(0);opacity:1}
  37%,43%{transform:translateY(5px);opacity:.7}
}
@keyframes hw707-page {
  0%,65%,100%{transform:rotate(0)}
  72%,80%{transform:rotate(-5deg)}
}
@keyframes hw707-steam {
  0%,100%{transform:translateY(2px);opacity:.45}
  50%{transform:translateY(-2px);opacity:.95}
}
@keyframes hw707-star {
  0%,65%,100%{transform:rotate(0)}
  79%{transform:rotate(12deg)}
}
@keyframes hw707-lantern {
  0%,43%,100%{transform:rotate(0);opacity:.95}
  50%,62%{transform:rotate(3deg);opacity:1}
}
@keyframes hw707-flower {
  0%,50%,100%{transform:rotate(0)}
  68%,78%{transform:rotate(8deg)}
}
/* Town events briefly take over the relevant prop, not every window. */
.hw707-live[data-hw707-event="cafe"] .hw707-vignette-cafe .hw707-window-steam {
  animation:hw707-steam 1s ease-in-out 2!important;
}
.hw707-live[data-hw707-event="hello"] .hw707-vignette-workshop .hw707-window-tool {
  animation:hw707-pencil-gesture 1.1s ease-in-out 1!important;
}
.hw707-live[data-hw707-event="lights"] .hw707-vignette-lanterns .hw707-window-lamp {
  animation:hw707-lantern 1.05s ease-in-out 2!important;
}
.hw707-live[data-hw707-hover="tik"] .hw707-vignette-library .hw707-window-page {
  animation:hw707-page 1.2s ease-in-out 1!important;
}
.hw707-live[data-hw707-hover="grum"] .hw707-vignette-garden .hw707-window-flower {
  animation:hw707-flower 1.2s ease-in-out 1!important;
}

/* Everyday episodes: miniature motion is shop-specific and returns home. */
.hw707-live[data-hw707-event="books"] .hw707-vignette-library .hw707-window-page {
 animation:hw707-page 1.15s ease-in-out 2!important;
}
.hw707-live[data-hw707-event="garden"] .hw707-vignette-garden .hw707-window-flower {
 animation:hw707-flower 1.05s ease-in-out 2!important;
}
.hw707-live[data-hw707-event="weather"] .hw707-vignette-weather .hw707-window-cloud{
 animation:hw707-window-cloud 1.75s ease-in-out 1!important;
}
.hw707-live[data-hw707-event="weather"] .hw707-vignette-weather .hw707-window-drop{
 animation:hw707-window-drop 1s ease-in-out var(--hw-delay) 2!important;
}
.hw707-live[data-hw707-event="play"] .hw707-vignette-playhouse .hw707-window-star{
 animation:hw707-star 1.3s ease-in-out 1!important;
}
/* Each house has an independent response to pointer and keyboard focus. */
.hw707-live[data-hw707-hover="khvat"] .hw707-vignette-workshop .hw707-window-tool{
 animation:hw707-pencil-gesture 1.1s ease-in-out 1!important;
}
.hw707-live[data-hw707-hover="moros"] .hw707-vignette-weather .hw707-window-cloud{
 animation:hw707-window-cloud 1.35s ease-in-out 1!important;
}
.hw707-live[data-hw707-hover="pikabu"] .hw707-vignette-cafe .hw707-window-steam{
 animation:hw707-steam 1.4s ease-in-out 1!important;
}
.hw707-live[data-hw707-hover="flip"] .hw707-vignette-playhouse .hw707-window-star{
 animation:hw707-star 1.25s ease-in-out 1!important;
}
.hw707-live[data-hw707-hover="lamp"] .hw707-vignette-lanterns .hw707-window-lamp{
 animation:hw707-lantern 1.25s ease-in-out 1!important;
}
@media (max-width:740px) {
  /* Preserve detail while reducing simultaneous animated surfaces on phones. */
  .hw707-playing .hw707-vignette-library .hw707-window-page,
  .hw707-playing .hw707-vignette-playhouse .hw707-window-star {
    animation:none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hw707-world .hw707-vignette *,
  .hw707-live[data-hw707-event] .hw707-vignette *,
  .hw707-live[data-hw707-hover] .hw707-vignette * {
    animation:none!important;
    transition:none!important;
  }
}