/* Preserve the approved illustrations; frame originals instead of keying their backgrounds. */
img[src*="/portraits-v2/"] { --portrait-x: 70%; --portrait-y: 20%; }
img[src$="/bee.webp"] { --portrait-x: 50%; --portrait-y: 50%; }
img[src$="/night-operator.webp"], img[src$="/observatory.webp"] { --portrait-x: 30%; }
.t-art:has(img[src*="/portraits-v2/"]) { align-items: stretch; }
.t-art img[src*="/portraits-v2/"] {
  width: 100%; height: 100%; object-fit: cover; object-position: var(--portrait-x) var(--portrait-y); filter: none;
}
.station .s-art:has(img[src*="/portraits-v2/"]) { position: relative; overflow: hidden; border-radius: 5px; background: #fff; }
.station .s-art img[src*="/portraits-v2/"] {
  object-fit: cover; object-position: var(--portrait-x) var(--portrait-y); filter: none;
}
.gc-faces .face-frame { width: 44px; height: 44px; flex: 0 0 44px; overflow: hidden; position: relative; border-radius: 50%; border: 2px solid var(--panel); margin-right: -10px; background: #fff; }
.gc-faces .face-frame img { width: 100%; height: 100%; margin: 0; border: 0; border-radius: 0; object-position: var(--portrait-x, 50%) var(--portrait-y, 0%); }
/* Intact full-body Gen 3 sheets are framed head-to-waist in the receiver. */
.station .s-art img:is([src$="/night-drive.webp"], [src$="/music-box.webp"], [src$="/answering-machine.webp"], [src$="/black-box.webp"], [src$="/mixtape.webp"], [src$="/sampler.webp"], [src$="/echo.webp"], [src$="/earworm.webp"], [src$="/encore.webp"], [src$="/crate-digger.webp"]) {
  position: absolute; width: 180%; max-width: none; height: auto; top: 0; left: -40%; animation: none;
}
.gc-faces .face-frame img[src*="/portraits-v2/"] { object-position: var(--portrait-x) 15%; }
.gc-faces .face-frame img[src$="/bee.webp"] { position: absolute; width: 300%; max-width: none; height: auto; left: -100%; top: -135%; }
.station .s-art img[src$="/bee.webp"] { position: absolute; width: 180%; max-width: none; height: auto; top: -45%; left: -40%; animation: none; }
.gc-faces .face-frame img:is([src$="/night-drive.webp"], [src$="/music-box.webp"], [src$="/answering-machine.webp"], [src$="/black-box.webp"], [src$="/mixtape.webp"], [src$="/sampler.webp"], [src$="/echo.webp"], [src$="/earworm.webp"], [src$="/encore.webp"], [src$="/crate-digger.webp"]) {
  position: absolute; width: 230%; max-width: none; height: auto; top: 0; left: -65%;
}
.station .s-art img[src$="/earworm.webp"] { top: -23%; }
.gc-faces .face-frame img[src$="/earworm.webp"] { top: -70%; }
@media (max-width: 600px) { .tcard, .receiver { scroll-margin-top: 9rem; } }