/* Summer overlays keep style.css's accepted beach portrait scale. Original
 * pictures remain the layout owner and independent loading/error fallback.
 * Transparent space beside/above portraits contains scattered shoes, step-in
 * drawings and raised hands without changing layout. It never receives input.
 * Scene and the explicit motion-paused preference restore static pictures.
 */
.hero-summer-canvas {
  position: absolute;
  top: -16%;
  left: -170%;
  width: 440%;
  height: 116%;
  display: none;
  pointer-events: none;
}
.hero-summer-ball {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  display: none;
  pointer-events: none;
  z-index: 3;
}
html:not(.motion-paused) body.sunny-mode:not(.night-mode):not(.rain-mode):not(.winter-mode)
  .side-hat[data-summer="ready"] > .hero-summer-canvas:not([hidden]),
html:not(.motion-paused) body.sunny-mode:not(.night-mode):not(.rain-mode):not(.winter-mode)
  .hero-summer-ball:not([hidden]) {
  display: block;
}
html:not(.motion-paused) body.sunny-mode:not(.night-mode):not(.rain-mode):not(.winter-mode)
  .side-hat[data-summer="ready"] > picture {
  visibility: hidden;
}