/* HAHUMI 7.07 reference fidelity, additive rendering layer.
 * Hand-cut corrugated rims, pencil fibres, tiny window details and warm light.
 * All decorations live below the actual seven SVG puppet controls.
 */
.hw707-world .hw707-cardboard-edge,
.hw707-world .hw707-window-plants,
.hw707-world .hw707-balcony,
.hw707-world .hw707-shop-lights,
.hw707-world .hw707-paper-props{
  pointer-events:none;
}
.hw707-world .hw707-cardboard-edge{paint-order:stroke;opacity:.88}
.hw707-world .hw707-window-plants{opacity:.92}
.hw707-world .hw707-shop-lights circle{
  animation-play-state:paused;
  transform-box:fill-box;transform-origin:center;
}
.hw707-playing .hw707-shop-lights circle:nth-child(2n){
  animation:hw707-paper-sparkle 6.4s ease-in-out infinite;
}
.hw707-playing .hw707-shop-lights circle:nth-child(3n){
  animation:hw707-paper-sparkle 8.8s ease-in-out -2s infinite;
}
@keyframes hw707-paper-sparkle{
  0%,25%,45%,100%{opacity:1;transform:scale(1)}
  31%,38%{opacity:.54;transform:scale(.84)}
}
.hw707-world .hw707-window-neighbor{
  transform-origin:50% 100%;transform-box:fill-box;
}
.hw707-world .hw707-roof-bird{
  transform-box:fill-box;transform-origin:50% 100%;
}
.hw707-playing .hw707-roof-bird{
  animation:hw707-paper-bird 13s ease-in-out -3s infinite;
}
@keyframes hw707-paper-bird{
  0%,37%,49%,78%,100%{transform:translateY(0) rotate(0)}
  40%,43%{transform:translateY(-4px) rotate(-5deg)}
  83%,88%{transform:translateY(-3px) rotate(5deg)}
}
.hw707-world .hw707-paper-props .hw707-daily-note{
  transform-origin:50% 0;
}
html body[data-daypart="evening"] .hw707-world .hw707-shop-lights circle,
html body[data-daypart="night"] .hw707-world .hw707-shop-lights circle{
  fill:#ffe19a;
}
html body[data-daypart="night"] .hw707-world .hw707-daily-note{
  opacity:.94;
}
@media(max-width:740px){
  .hw707-world .hw707-daily-note {display:none}
  .hw707-world .hw707-shop-lights circle:nth-child(2n){animation-duration:11s}
}
@media(prefers-reduced-motion:reduce){
  .hw707-world .hw707-shop-lights circle,
  .hw707-world .hw707-roof-bird{animation:none!important;transition:none!important}
}
/* Short quiet episodic town moments. Events never mutate a character state. */
.hw707-world .hw707-shop-lights circle,
.hw707-world .hw707-roof-bird,
.hw707-world .hw707-neighbor{transform-box:fill-box;transform-origin:center}
.hw707-live[data-hw707-event="cafe"] .hw707-house[data-hw707-house="4"] .hw707-neighbor,
.hw707-live[data-hw707-event="hello"] .hw707-house[data-hw707-house="2"] .hw707-neighbor,
.hw707-live[data-hw707-event="hello"] .hw707-house[data-hw707-house="6"] .hw707-neighbor{
  animation:hw707-paper-wave 1.9s ease-in-out 1;
}
.hw707-live[data-hw707-event="bird"] .hw707-roof-bird{
  animation:hw707-paper-bird-hop 2.1s ease-in-out 1!important;
}
.hw707-live[data-hw707-event="lights"] .hw707-shop-lights circle{
  animation:hw707-paper-sparkle .9s ease-in-out 2!important;
}
@keyframes hw707-paper-wave{
  0%,100%{transform:translateY(0) rotate(0)}
  27%,61%{transform:translateY(-10px) rotate(-5deg)}
  42%,74%{transform:translateY(-6px) rotate(5deg)}
}
@keyframes hw707-paper-bird-hop{
  0%,100%{transform:translate(0,0) rotate(0)}
  24%{transform:translate(9px,-15px) rotate(-5deg)}
  55%{transform:translate(19px,-3px) rotate(3deg)}
  75%{transform:translate(10px,-5px) rotate(-2deg)}
}
.hw707-live[data-hw707-hover="khvat"] .hw707-house[data-hw707-house="1"] .hw707-neighbor,
.hw707-live[data-hw707-hover="moros"] .hw707-house[data-hw707-house="2"] .hw707-neighbor,
.hw707-live[data-hw707-hover="tik"] .hw707-house[data-hw707-house="3"] .hw707-neighbor,
.hw707-live[data-hw707-hover="pikabu"] .hw707-house[data-hw707-house="4"] .hw707-neighbor,
.hw707-live[data-hw707-hover="flip"] .hw707-house[data-hw707-house="5"] .hw707-neighbor,
.hw707-live[data-hw707-hover="lamp"] .hw707-house[data-hw707-house="6"] .hw707-neighbor,
.hw707-live[data-hw707-hover="grum"] .hw707-house[data-hw707-house="7"] .hw707-neighbor{
  animation:hw707-paper-wave 1.3s ease-in-out 1;
}
.hw707-live[data-hw707-sky="1"] .hw707-balloon:not(.hw707-balloon-b){
  animation:hw707-paper-balloon-tap 1.4s ease-in-out 1!important;
}
@keyframes hw707-paper-balloon-tap{
  0%,100%{transform:translateY(0) rotate(0)}
  33%{transform:translateY(-14px) rotate(-7deg)}
  60%{transform:translateY(1px) rotate(4deg)}
}
@media(prefers-reduced-motion:reduce){
  .hw707-live[data-hw707-event] .hw707-world *,
  .hw707-live[data-hw707-sky] .hw707-balloon,
  .hw707-live[data-hw707-hover] .hw707-neighbor{
    animation:none!important;transition:none!important;
  }
}