#human-atlas{scroll-margin-top:24px;background:radial-gradient(ellipse at 90% 0,rgba(106,56,255,.16),transparent 55%),#0D0D0D;border-top:1px solid rgba(0,229,255,.3);padding:90px 0 100px}
#human-atlas *{box-sizing:border-box}#human-atlas [hidden]{display:none!important}
.atlas-shell{width:min(1060px,calc(100% - 40px));margin:auto}.atlas-kicker{color:#00E5FF;letter-spacing:.19em;text-transform:uppercase;font-size:.74rem;font-weight:700;margin:0 0 22px}
#human-atlas h2{font-family:var(--display),sans-serif;font-size:clamp(2rem,5vw,4.4rem);letter-spacing:-.04em;line-height:1.13;max-width:17ch;margin:0 0 24px}
.atlas-intro{max-width:58ch;color:rgba(255,255,255,.75);font-size:1.08rem;margin:0 0 18px}.atlas-meta{color:#bab5cf;font-size:.85rem;margin:0 0 28px}.atlas-meta span{display:inline-block;margin:0 18px 8px 0}
.atlas-source-note{max-width:75ch;border-left:3px solid #FFC107;background:rgba(255,193,7,.055);padding:13px 18px;font-size:.84rem;color:#e5d8af;margin:24px 0}
#human-atlas button{font:inherit;cursor:pointer;touch-action:manipulation}#human-atlas button:focus-visible,#human-atlas input:focus-visible+span{outline:3px solid #00E5FF;outline-offset:5px}
.atlas-cta{background:#FFC107;color:#0D0D0D;border:1px solid #FFC107;padding:15px 25px;font-weight:700!important;border-radius:3px;min-height:52px}.atlas-cta:hover{background:#ffda6b}.atlas-cta:disabled{background:#383244;color:#bbb;border-color:#554c68;cursor:default}
.atlas-secondary{color:#fff;background:transparent;border:1px solid #6d637d;padding:13px 20px;border-radius:3px;min-height:48px}.atlas-secondary:hover{border-color:#00E5FF}.atlas-secondary:disabled{opacity:.45;cursor:default}.atlas-layout{display:grid;grid-template-columns:1fr 260px;gap:60px;align-items:start}
.atlas-index{border-top:1px solid #6A38FF;padding-top:22px;margin-top:12px;color:#c4bdd4;font-size:.9rem}.atlas-index strong{display:block;color:white;font-family:var(--display);font-size:.95rem;line-height:1.6;margin-bottom:18px}.atlas-index p{margin:0 0 16px}.atlas-index .atlas-count{color:#FFC107;font:700 4rem/1 var(--display);display:block;margin-bottom:10px}
.atlas-panel{background:linear-gradient(145deg,rgba(106,56,255,.09),transparent 70%),#141216;border:1px solid #4d3e67;border-radius:5px;padding:clamp(22px,4vw,44px);margin-top:30px;max-width:900px}.atlas-step-row{display:flex;justify-content:space-between;gap:20px;color:#00E5FF;font-size:.8rem;letter-spacing:.08em;margin-bottom:13px}.atlas-progress{display:flex;gap:5px;margin-bottom:30px}.atlas-progress span{height:4px;flex:1;background:#3b334a}.atlas-progress span.done{background:#6A38FF}.atlas-progress span.current{background:#FFC107}
.atlas-question{border:0;padding:0;margin:0;min-width:0}.atlas-question legend{font-weight:600;font-size:clamp(1.25rem,2.7vw,1.8rem);line-height:1.45;color:#fff;margin-bottom:24px;padding:0;max-width:100%}.atlas-question legend:focus{outline:none}
.atlas-answers{display:grid;gap:12px}.atlas-option{position:relative;display:flex;align-items:center;min-height:68px;gap:15px;border:1px solid #5e526c;background:#19151f;border-radius:3px;padding:18px;cursor:pointer;line-height:1.5;color:#e8e3f0;font-size:.96rem}.atlas-option:hover{border-color:#00E5FF;background:#1d1828}.atlas-option:has(input:checked){border-color:#FFC107;background:rgba(106,56,255,.2);box-shadow:inset 3px 0 #FFC107}.atlas-option input{accent-color:#FFC107;flex:0 0 auto;width:19px;height:19px;margin:0}.atlas-option input:focus-visible{outline:3px solid #00E5FF;outline-offset:4px}.atlas-option span{flex:1;min-width:0}
.atlas-nav{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:28px}.atlas-hint{font-size:.8rem;color:#beb5c9;margin-top:18px}.atlas-error{color:#ffd46b;min-height:1.5em;font-size:.9rem}.atlas-status{color:#00E5FF;min-height:1.7em;font-size:.88rem;margin:15px 0 0}
.atlas-result-grid{display:grid;grid-template-columns:1fr 310px;gap:35px;margin-top:30px}.atlas-result{border:1px solid #6A38FF;background:radial-gradient(ellipse at top,rgba(106,56,255,.24),transparent 70%),#111015;padding:clamp(24px,4vw,42px);border-radius:5px}.atlas-result h3{font-family:var(--display);font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.25;overflow-wrap:anywhere;letter-spacing:-.025em;margin:18px 0}.atlas-family{color:#FFC107;font-size:.7rem;letter-spacing:.17em;text-transform:uppercase}.atlas-result p{line-height:1.75;color:#ddd6e6}.atlas-sigil{width:118px;height:118px;display:grid;place-items:center;border:1px solid #FFC107;border-radius:50%;color:#FFC107;margin:0 0 25px;padding:17px;text-align:center;font-size:.68rem;letter-spacing:.06em;line-height:1.5}.atlas-sigil img{height:100%;width:100%;object-fit:contain}
.atlas-shadow{border-left:2px solid #FFC107;padding:0 0 0 18px;margin:25px 0}.atlas-shadow strong,.atlas-underneath strong{display:block;color:#00E5FF;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.atlas-underneath{padding-top:23px;margin-top:23px;border-top:1px solid #473957}.atlas-underneath h4{font-family:var(--display);font-size:1.15rem;margin:10px 0;color:white;line-height:1.5}.atlas-result-side{padding:24px;border-top:1px solid #FFC107;background:#151218;min-width:0}.atlas-result-side h4{font-size:1rem;margin:0 0 16px;font-family:var(--display);line-height:1.5}.atlas-result-side p{font-size:.9rem;color:#c2b9d0}.atlas-result-actions{display:grid;gap:12px}.atlas-share-fallback{width:100%;min-height:130px;background:#0D0D0D;border:1px solid #6A38FF;color:white;padding:12px;font:inherit;resize:vertical}.atlas-details{font-size:.85rem;line-height:1.7;color:#bbb1c8;margin-top:22px}.atlas-details summary{cursor:pointer;color:#00E5FF}.atlas-tie{font-size:.85rem!important;color:#d6c4ff!important}.atlas-return{display:block;margin-top:25px;color:#00E5FF;font-size:.9rem;text-underline-offset:4px}
@media(max-width:800px){.atlas-layout,.atlas-result-grid{grid-template-columns:1fr;gap:28px}.atlas-index{display:none}.atlas-result-side{max-width:none}}
@media(max-width:500px){#human-atlas{padding:60px 0}.atlas-shell{width:calc(100% - 28px)}#human-atlas h2{font-size:2.2rem}.atlas-panel{padding:20px 17px}.atlas-option{padding:15px 13px;gap:12px}.atlas-nav .atlas-cta,.atlas-nav .atlas-secondary{padding:12px 18px}.atlas-step-row{font-size:.73rem}.atlas-result{padding:25px 21px}.atlas-result h3{font-size:1.8rem}.atlas-sigil{width:100px;height:100px}}
@media(prefers-reduced-motion:reduce){#human-atlas *{scroll-behavior:auto!important;transition:none!important}}