.atlas-section{padding-top:0}.atlas-tabs{display:flex;gap:32px;border-bottom:1px solid var(--line);margin-bottom:32px}.atlas-tabs button{position:relative;background:transparent;font-weight:600;font-size:1.0625rem;padding:14px 4px;min-height:52px;color:var(--sub)}.atlas-tabs button span{font-size:.75rem;font-weight:400;margin-left:8px}.atlas-tabs button[aria-selected=true]{color:var(--blue)}.atlas-tabs button[aria-selected=true]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--blue)}.atlas-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;align-items:start}.atlas-style-label{font-size:1.25rem;margin:20px 0}.atlas-tabs:not([hidden])~.atlas-panel .atlas-style-label{display:none}.atlas-panel+.atlas-panel{margin-top:32px}.atlas-tabs:not([hidden])~.atlas-panel{margin-top:0}.atlas-grid{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.atlas-pet{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border-radius:12px;min-width:0;color:var(--sub);transition:background-color .18s ease}.atlas-pet:hover{background:#f5f8fc;color:var(--ink)}.atlas-pet[aria-current=true]{background:var(--pale);color:var(--blue)}.atlas-pet img{width:100%;height:124px;object-fit:contain}.atlas-pet span{font-size:.875rem;line-height:1.6;text-align:center}.atlas-more{margin-top:24px}.atlas-more summary{width:fit-content;cursor:pointer;min-height:44px;padding:10px 0;color:var(--blue);font-size:.875rem}.atlas-more>.atlas-grid{margin-top:16px}.atlas-preview{position:sticky;top:100px;background:var(--pale);border-radius:12px;padding:24px;min-width:0}.atlas-preview-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.atlas-pet-name{font-size:1.375rem;line-height:1.5}.atlas-level{color:var(--blue);font-size:.875rem;font-weight:600}.atlas-stage-image{display:grid;place-items:center;height:240px;margin:16px 0}.atlas-stage-image img{width:220px;height:220px;object-fit:contain}.atlas-range-label{display:block;font-size:.875rem;margin-bottom:12px}.atlas-range{display:block;width:100%;height:28px;margin:0;accent-color:var(--blue);cursor:pointer}.atlas-range:focus-visible{outline:3px solid #a85b00;outline-offset:4px}.atlas-range:disabled{cursor:default}.atlas-range-ticks{display:flex;justify-content:space-between;font-size:.75rem;color:var(--sub)}.atlas-stage-note{margin-top:16px;font-size:.75rem;line-height:1.8;color:var(--sub)}.atlas-note{margin-top:24px;font-size:.75rem;color:var(--sub)}.atlas-image-error{font-size:.875rem;color:var(--sub)}
.atlas-layout:has(.atlas-preview[hidden]){grid-template-columns:1fr}
@media(max-width:1100px){.atlas-layout{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.atlas-grid{gap:8px}.atlas-pet img{height:104px}.atlas-preview{padding:20px}.atlas-stage-image{height:220px}}
@media(max-width:760px){.atlas-section{padding-top:0}.atlas-tabs{gap:20px;margin-bottom:24px}.atlas-tabs button{font-size:1rem}.atlas-tabs button span{margin-left:4px}.atlas-layout{grid-template-columns:1fr;gap:24px}.atlas-pet{padding:8px 4px}.atlas-pet img{height:76px}.atlas-pet span{font-size:.8125rem}.atlas-preview{position:static;padding:24px}.atlas-stage-image{height:200px;margin-block:12px}.atlas-stage-image img{height:190px;width:190px}.atlas-note{line-height:1.8}.atlas-more{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.atlas-pet{transition:none}}
.atlas-locked{position:relative;width:220px;height:220px;display:grid;place-items:center}.atlas-locked[hidden],.atlas-stage-image img[hidden]{display:none}.atlas-silhouette{position:absolute;inset:0;background:#a8b2bf;mask:var(--pet-mask) center/contain no-repeat;-webkit-mask:var(--pet-mask) center/contain no-repeat}.atlas-question{position:relative;font-size:64px;font-weight:700;line-height:1;color:#fff;text-shadow:0 2px 4px #526174}.atlas-stage-note.is-locked{text-align:center;font-size:.9375rem;font-weight:600;color:var(--ink)}
@media(max-width:760px){.atlas-locked{width:190px;height:190px}}