/* One stationary aperture for exterior content; the interior/UI remain siblings. */
.window-aperture-compositor {
  position: absolute; inset: 0; z-index: 20;
  pointer-events: none; opacity: 1;
  -webkit-mask-image: url('../assets/window_openings_mask.png');
  mask-image: url('../assets/window_openings_mask.png');
  -webkit-mask-size: 100% 100%; mask-size: 100% 100%;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  mask-mode: luminance;
}
.window-aperture-compositor > * { position: absolute; inset: 0; }
.window-aperture-compositor > :is(
  .sky-time-layer, .distant-skyline-layer, .living-city-layer,
  .glass-surface-base-layer, .glass-surface-highlight-layer, .glass-inner-edge-layer,
  .glass-band-center-layer, .glass-band-left-layer, .glass-band-right-layer,
  .l03-distance-haze
), .window-aperture-compositor .sky-time-layer::after {
  -webkit-mask-image: none !important; mask-image: none !important;
}
#scene:is(.debug-disable-window-mask,.debug-disable-all-masks) > .window-aperture-compositor {
  -webkit-mask-image: none; mask-image: none;
}