.atlas-page{max-width:1040px}.atlas-shell{border:3px solid #120d1b;background:#fff;color:#120d1b;padding:clamp(1rem,3vw,2rem);box-shadow:8px 8px 0 #b39aff}.atlas-top{display:flex;align-items:end;justify-content:space-between;gap:1rem}.atlas-top h2{margin:0}.atlas-top label{display:grid;gap:.35rem;font-weight:900}.atlas-top select{min-height:2.75rem;border:2px solid #120d1b;background:#fff;color:#120d1b;padding:.45rem .7rem;font:800 1rem/1 system-ui}.atlas-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:.65rem;margin:1rem 0}.atlas-stats div{border:2px solid #120d1b;background:#f4efff;padding:.65rem}.atlas-stats small{display:block;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.atlas-stats strong{display:block;margin-top:.25rem}.atlas-stage{position:relative;min-height:clamp(330px,58vw,560px);overflow:hidden;border:3px solid #120d1b;background:radial-gradient(circle at 50% 44%,#fff 0 12%,#f4efff 55%,#dfd2ff 100%)}.atlas-lines{position:absolute;inset:0;width:100%;height:100%}.atlas-lines line{stroke:#120d1b;stroke-width:1.2;vector-effect:non-scaling-stroke}.atlas-lines line.conflict{stroke:#c92f54;stroke-width:3}.atlas-node{--x:50%;--y:50%;position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:clamp(2.8rem,8vw,4.2rem);aspect-ratio:1;border:3px solid #120d1b;border-radius:50%;background:#fff;color:#120d1b;font:900 1rem/1 ui-monospace,monospace;box-shadow:3px 3px 0 #120d1b}.atlas-node.selected{outline:4px solid #8b5cf6;outline-offset:3px}.atlas-node.clue::after{content:'◆';position:absolute;right:-.25rem;top:-.35rem;color:#120d1b;background:#fff;border:1px solid #120d1b;padding:.1rem;font-size:.7rem}.atlas-node.conflict{animation:atlas-warn .45s ease-in-out 2}.atlas-node.color-0,.atlas-palette .color-0{background:#8b5cf6;color:#fff}.atlas-node.color-1,.atlas-palette .color-1{background:#ffd84d;color:#120d1b}.atlas-node.color-2,.atlas-palette .color-2{background:#30d5c8;color:#120d1b}.atlas-node.color-3,.atlas-palette .color-3{background:#ff6f91;color:#120d1b}.atlas-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;margin:1rem 0}.atlas-palette button{min-height:3rem;border:2px solid #120d1b;background:#fff;color:#120d1b;font:900 .9rem/1 system-ui}.atlas-status{min-height:2.8rem;font-weight:800}.atlas-actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center}.atlas-actions button{min-height:2.75rem;padding:.65rem 1rem;border:2px solid #120d1b;background:#fff;color:#120d1b;font:800 .9rem/1.1 system-ui}.atlas-actions .primary{background:#120d1b;color:#fff}.atlas-actions button:disabled{opacity:.45}.atlas-note{font-size:.94rem;line-height:1.6}@keyframes atlas-warn{50%{transform:translate(-50%,-50%) scale(1.08)}}@media(max-width:660px){.atlas-shell{box-shadow:5px 5px 0 #b39aff}.atlas-top{align-items:stretch;flex-direction:column}.atlas-top select{width:100%}.atlas-stats{grid-template-columns:repeat(2,1fr)}.atlas-stats div:last-child{grid-column:1/-1}.atlas-palette{grid-template-columns:1fr 1fr}.atlas-stage{min-height:360px}}
