/* Real scene photos (public/img/s/*.webp, 720x405) in the .banner / .status-pic panels.
   The photo covers the drawn scene; the drawing shows only if the photo fails (it is removed) or data saver hides <img>. */
.banner:has(> .scene-photo), .status-pic:has(> .scene-photo) { position: relative; aspect-ratio: 16 / 9; padding: 0; overflow: hidden; align-items: center; }
.banner > .scene-photo, .status-pic > .scene-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.banner:has(> .scene-photo) .scene, .status-pic:has(> .scene-photo) .scene { height: 80%; max-width: 90%; }
/* Chips: the 24px category photo sits on a white disc so a cut-out reads cleanly on any chip colour. */
.chip-ico:has(> .cut) { background: #fff; border-radius: 50%; }