body.constellation-atlas #evolution-root{display:grid;grid-template-columns:150px minmax(0,1fr) 290px;min-height:calc(100svh - 210px)}
.constellation-chart{min-width:0;position:relative;background:radial-gradient(ellipse at 55% 65%,#152a3938,transparent 75%)}
.chart-heading{padding:35px 40px 0;position:relative;z-index:1}
.chart-heading h1{font-size:40px!important;letter-spacing:.10em!important;font-weight:400;margin:12px 0}
.chart-heading>p:last-child{font-size:14px;color:#a5b5be}
.chart-stage{position:relative;min-height:450px}
#constellation-canvas{display:block;width:100%;height:calc(100svh - 380px);min-height:450px;touch-action:none;cursor:grab;overflow:hidden}
#constellation-canvas:active{cursor:grabbing}
.chart-edges line{stroke:#879eac;stroke-width:.55;opacity:.16;transition:opacity .3s}
.chart-edges line.selected{stroke:#e1d5b2;opacity:.8;stroke-width:.9}
.chart-theme,.chart-entry{cursor:pointer;outline:none}
.theme-core{fill:#f7e5b9;filter:drop-shadow(0 0 7px #e2c688)}
.chart-theme text{fill:#d8e0e3;font:23px Georgia,serif;letter-spacing:2.8px;paint-order:stroke;stroke:#04090d;stroke-width:4px}
.chart-theme .theme-count{font-size:10px;letter-spacing:1px;fill:#99abb7}
.chart-theme.selected .theme-core{fill:#fff8e7}
.chart-theme.selected .theme-halo{animation:constellation-breathe 5s ease-in-out infinite}
.entry-core{fill:#c3d4df;opacity:.6;transition:opacity .3s}
.chart-entry.selected .entry-core{fill:#fff0c9;opacity:1;filter:drop-shadow(0 0 4px #e8d1a5)}
.entry-label{fill:#c3cfd5;font:11px Georgia,serif;opacity:0;paint-order:stroke;stroke:#030608;stroke-width:3px;pointer-events:none}
.chart-entry:hover .entry-label,.chart-entry:focus .entry-label{opacity:1}
.chart-theme:hover text,.chart-theme:focus text{fill:#ffebba;text-decoration:underline}
.chart-entry:hover .entry-core,.chart-entry:focus .entry-core{r:4;fill:#fff1d1;opacity:1}
.chart-controls{position:absolute;bottom:15px;left:30px;display:flex;align-items:center;gap:8px;background:#04090dc9;border:1px solid #829eae36;border-radius:30px;padding:5px 12px}
.chart-controls button{border:0;background:transparent;color:#d6e0e6;min-width:34px;min-height:34px;cursor:pointer;font-size:20px}
.chart-controls button:last-child{font-size:11px;padding:0 10px;border-left:1px solid #829eae36}
.chart-controls output{font-size:10px;color:#8fa5b3;min-width:34px;text-align:center}
.chart-instruction{text-align:right;margin:0;padding:8px 24px 20px;font-size:10px!important;color:#839aa8}
.chart-detail{padding:38px 25px 25px;border-left:1px solid #b9c8d125;max-height:calc(100svh - 210px);overflow:auto;scrollbar-width:thin}
.chart-detail h2{font-size:43px!important;font-weight:400!important;letter-spacing:.13em;line-height:1.15;margin:15px 0 22px}
.chart-detail h2.entry-title{font-size:29px!important;letter-spacing:.04em}
.chart-count{color:#9aaeb9;font-size:13px!important}
.chart-open{display:block;margin:24px 0;padding:16px 0;border-top:1px solid #a8bac124;border-bottom:1px solid #a8bac124;font-size:12px;letter-spacing:.06em}
.chart-member-list{display:grid}
.chart-member-list button{display:flex;align-items:center;gap:12px;background:none;border:0;border-bottom:1px solid #a8bac11b;padding:14px 0;color:#d2dce1;text-align:left;cursor:pointer;font-size:14px}
.chart-member-list button>span:nth-last-child(2){flex:1}
.chart-member-list img,.member-star{width:44px;height:44px;object-fit:cover;flex-shrink:0}.member-star{display:grid;place-items:center;font-size:26px;color:#bdc8cb}
.chart-member-list small{display:block;font-size:10px;color:#8299a7;margin-top:6px}
.chart-detail .journey-button{display:block;text-align:center;font-size:12px!important;padding:14px!important;margin-bottom:32px}
.chart-cover{width:100%;height:160px;object-fit:cover;margin:15px 0}
.chart-back{background:none;border:0;color:#aebcc4;padding:0 0 22px;cursor:pointer;font-size:12px}
.chart-theme-links{display:flex;flex-wrap:wrap;gap:8px}
.chart-theme-links button{border:1px solid #9db1bd44;border-radius:25px;background:none;color:#cfdae0;padding:9px 14px;cursor:pointer}
.constellation-atlas .section-rail button[aria-pressed='true']{color:#f7e7bd}
@keyframes constellation-breathe{50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){.chart-theme.selected .theme-halo{animation:none}}
@media(max-width:1050px) and (min-width:901px){body.constellation-atlas #evolution-root{grid-template-columns:125px minmax(0,1fr) 240px}.chart-heading{padding-left:25px}.chart-heading h1{font-size:30px!important}}
@media(max-width:900px){
 body.constellation-atlas #evolution-root{display:flex;flex-direction:column}
 body.constellation-atlas .section-rail{height:auto!important;min-height:0!important;padding:12px 20px!important;border-bottom:1px solid #9db1bd22}
 body.constellation-atlas .section-rail .mini-world,body.constellation-atlas .back-universe{display:none!important}
 body.constellation-atlas .section-rail nav{display:flex!important;flex-direction:row!important;overflow:auto;gap:14px;max-height:none!important}
 body.constellation-atlas .section-rail nav button{white-space:nowrap;padding:8px!important;font-size:12px!important}
 body.constellation-atlas .section-rail nav button:before{display:none}
 .chart-heading{padding:22px 22px 0}.chart-heading h1{font-size:30px!important;letter-spacing:.06em!important}.chart-heading>p:last-child{font-size:12px!important;max-width:250px;line-height:1.6}
 #constellation-canvas{height:285px;min-height:285px}.chart-stage{min-height:340px}
 .chart-theme text{font-size:34px}.chart-theme .theme-count{font-size:16px}
 .chart-controls{bottom:22px;left:18px}.chart-instruction{position:absolute;bottom:0;font-size:9px!important;text-align:left;padding:0 18px}
 .chart-detail{max-height:none;overflow:visible;padding:30px 24px;border-top:1px solid #9db1bd33;border-left:0}
 .chart-detail h2{font-size:38px!important}.chart-member-list{grid-template-columns:1fr 1fr;gap:0 14px}.chart-member-list button{font-size:12px;min-width:0}.chart-member-list img,.member-star{width:32px;height:32px}
}
