/* Compact character selector; full artwork remains in the DNA panel. */
#atlas .residents.preview-carousel{gap:18px!important;padding:8px 4px 12px;align-items:start}
#atlas .residents.preview-carousel>button{flex:0 0 112px;padding:6px;background:transparent;border:0;border-radius:0;box-shadow:none;text-align:center}
#atlas .residents.preview-carousel>button img{width:88px;height:88px;aspect-ratio:1;object-fit:cover;border-radius:50%;margin:0 auto;border:3px solid #fff;box-shadow:0 2px 9px #77654c18;transition:border-color .2s,box-shadow .2s}
#atlas .residents.preview-carousel>button[aria-pressed=true] img{border-color:#be9847;box-shadow:0 0 0 4px #eddfbe}
#atlas .residents.preview-carousel>button:hover img{border-color:#be9847}
#atlas .residents.preview-carousel>button span{display:block;padding:12px 0 0}
#atlas .residents.preview-carousel>button strong{font-size:15px;font-weight:500}
#atlas .residents.preview-carousel>button small{display:none}
#atlas .residents+.carousel-controls{margin-top:0;gap:12px}
#atlas .residents+.carousel-controls button{width:36px;height:36px;font-size:18px}
#atlas .atlas-filters{margin-bottom:12px}
#atlas .atlas-world{margin-top:20px}
@media(max-width:700px){#atlas .residents.preview-carousel{gap:10px!important}#atlas .residents.preview-carousel>button{flex-basis:84px}#atlas .residents.preview-carousel>button img{width:66px;height:66px}#atlas .residents.preview-carousel>button strong{font-size:13px}#atlas .residents+.carousel-controls button{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){#atlas .residents.preview-carousel>button img{transition:none}}