#atlas .dna-picker{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px!important;overflow:visible;padding:4px 0!important;width:100%}#atlas .dna-picker>button{min-width:0;padding:3px;background:none;border:0;box-shadow:none;text-align:center}#atlas .dna-picker>button img{width:46px;height:46px;aspect-ratio:1;object-fit:cover;border-radius:50%;border:2px solid white;margin:auto;box-shadow:0 2px 8px #654b2520}#atlas .dna-picker>button[aria-pressed=true] img{border-color:#bd9143;box-shadow:0 0 0 3px #e9d8ae}#atlas .dna-picker>button span{display:block;padding:8px 0 0}#atlas .dna-picker>button strong{font-size:11px;font-weight:500;white-space:nowrap}#atlas .dna-picker>button small{display:none}.atlas-world .dna-reference{gap:16px}.soft-planet .earth-ball{width:53%;left:23.5%;top:23.5%;z-index:2;background:radial-gradient(circle at 29% 23%,#fffcf0 0,#e8dfcc 20%,#b7cfcf 48%,#719aa8 70%,#314e69 100%);box-shadow:inset -14px -14px 30px #1f304677,inset 8px 6px 19px #fff9,0 0 0 1px #f5e9c944,0 0 35px #b5d7d42b,0 20px 48px #0005}.soft-planet .earth-land{inset:-25%;width:150%;background:repeating-radial-gradient(ellipse at 40% 30%,#fff4 0 1px,transparent 2px 6px);background-size:9px 12px;opacity:.35;animation:soft-cloud 26s linear infinite}.soft-planet .earth-grid{inset:14%;border:0;background:radial-gradient(ellipse at 35% 30%,#fff7,transparent 57%);filter:blur(14px)}.soft-planet .earth-ball::after{background:radial-gradient(circle at 32% 26%,transparent 42%,#11284077 100%);box-shadow:inset 2px 2px 6px #fff8}.soft-planet .earth-orbit{inset:15% -1%;transform:rotate(-18deg);border:1px solid #dbcfa15e;box-shadow:0 0 0 10px #d7d5ba05,0 0 0 30px #a7cbdd05;z-index:0}.soft-planet .earth-orbit::after{content:"";position:absolute;inset:-14% 12%;border:1px solid #bcd6df28;border-radius:50%;transform:rotate(34deg)}.soft-planet .earth-resident{transition:filter .2s;will-change:transform}.soft-planet .earth-resident:hover{filter:brightness(1.15)}.soft-planet .earth-resident img{width:54px;height:54px}.soft-planet .earth-scene{aspect-ratio:1;min-height:340px}.soft-planet .earth-heading{font-size:11px}.soft-planet .earth-heading button{min-height:44px}.soft-planet.earth-paused .earth-land,.soft-planet.earth-outside .earth-land{animation-play-state:paused}@keyframes soft-cloud{to{transform:rotate(360deg)}}@media(max-width:700px){#atlas .dna-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important}#atlas .dna-picker>button img{width:44px;height:44px}.soft-planet .earth-resident img{width:44px;height:44px}.soft-planet .earth-scene{min-height:300px}}@media(prefers-reduced-motion:reduce){.soft-planet .earth-land{animation:none}}
#atlas .dna-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px!important}#atlas .dna-picker>button img{width:66px;height:66px}#atlas .dna-picker>button strong{font-size:14px}#atlas .dna-picker>button{min-height:98px}.carousel-controls .autoplay-toggle{width:auto;border-radius:22px;padding:0 14px;font-size:13px;white-space:nowrap}@media(max-width:700px){#atlas .dna-picker>button img{width:54px;height:54px}#atlas .dna-picker>button strong{font-size:12px}.carousel-controls{flex-wrap:wrap}.carousel-controls .autoplay-toggle{height:40px}}

.planet-character-preview{position:absolute;left:50%;top:50%;width:66%;aspect-ratio:1;border-radius:50%;background:#fffaf0;z-index:8;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;text-decoration:none;color:#292721;box-shadow:0 20px 70px #182c4b55,0 0 0 5px #fff8;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.25);transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .25s}
.planet-character-preview img{width:100%;height:72%;object-fit:contain;mix-blend-mode:multiply}.planet-character-preview strong{font-size:20px;margin:2px 0 7px}.planet-character-preview span{font-size:12px;color:#776646}
.planet-previewing .planet-character-preview{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.planet-previewing .earth-ball{opacity:.15;transition:opacity .3s}
.planet-entering .planet-character-preview{transform:translate(-50%,-50%) scale(1.45);opacity:0;transition:transform .52s,opacity .52s}
@media(prefers-reduced-motion:reduce){.planet-character-preview,.planet-entering .planet-character-preview{transition:none}}