:root{color-scheme:dark;--ink:#0c171c;--paper:#eeeade;--muted:#9aa5a6;--line:#ffffff21;--accent:#e4b974;--light:228,185,116;font-family:Arial,Helvetica,sans-serif;background:var(--ink);color:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 35%,rgba(var(--light),.065),transparent 55%),var(--ink);transition:background-color .4s}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:1px solid var(--line);cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{margin:0 4.7%;height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:19.55px;letter-spacing:.06em;font-weight:700;display:flex;align-items:center;gap:12px}.brand-mark{font-size:33.92px;font-weight:400;color:var(--accent)}.edition,.eyebrow,.screen-head{font-size:12px;letter-spacing:.17em;font-weight:600}.edition{color:var(--muted)}.edition span{margin:0 12px}.header-link{font-size:13.8px}.header-link span{margin-left:22px;color:var(--accent)}main{margin:0 4.7%}.intro{padding:62px 0 40px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.eyebrow{color:var(--muted);line-height:1.8;margin:0 0 20px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em;margin:0;line-height:1.12}h1{font-size:clamp(47.7px,5.512vw,86.92px)}em{font-weight:400;color:#b2c1be}.intro-copy{font-size:16.1px;line-height:1.8;color:#b9c2c1;margin:0 0 6px;max-width:350px}.explorer{display:grid;grid-template-columns:minmax(220px,.42fr) 1fr;gap:5vw;align-items:start}.destinations{padding-top:22px}.destinations>.eyebrow{margin-bottom:12px}.route{position:relative}.route-line{position:absolute;inset:0;height:100%;width:100%;pointer-events:none}.route-line path{fill:none;stroke:#ffffff18;stroke-width:1}.route nav{position:relative;display:flex;flex-direction:column}.destination{display:flex;width:100%;height:53px;align-items:center;gap:15px;text-align:left;border:0;transition:color .25s,background .25s;position:relative;padding:0 18px 0 var(--offset)}.destination:hover{background:#ffffff04}.destination[aria-pressed=true]{color:var(--accent);background:linear-gradient(90deg,rgba(var(--light),.12),transparent)}.destination::before{content:'';width:8px;height:8px;flex-shrink:0;border:1px solid #87959a;border-radius:50%;background:var(--ink)}.destination[aria-pressed=true]::before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 17px rgba(var(--light),.45)}.destination .number{font-size:12px;color:var(--muted);width:18px}.destination .name{font-size:19.55px;font-family:Georgia,serif}.destination .arrow{margin-left:auto;font-size:18.4px;opacity:0}.destination[aria-pressed=true] .arrow{opacity:1}.route-note{font-size:12px;line-height:1.7;color:#879397;margin:22px 0}.screen{border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;min-width:0}.screen-head{display:flex;justify-content:space-between;padding:20px 0;color:var(--muted)}.stage{height:clamp(330px,34vw,515px);position:relative;overflow:hidden;touch-action:pan-y;border-radius:2px;background:radial-gradient(ellipse at 50% 50%,rgba(var(--light),.12),transparent 65%)}.stage canvas{display:block;position:absolute;inset:0;width:100%;height:100%;cursor:grab}.stage canvas:active{cursor:grabbing}.stage.rotating-touch{touch-action:none}.stage img{height:100%;width:100%;object-fit:contain;position:absolute;inset:0;transition:opacity .25s}.stage.ready img{opacity:0;visibility:hidden}.load-status{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:12.65px;color:var(--muted);pointer-events:none}.screen-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;flex-wrap:wrap;padding:12px 0}.model-caption{font-size:12px;color:var(--muted);display:flex;gap:9px;align-items:center}.live-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}.controls{display:flex;gap:8px;flex-wrap:wrap}.controls button{font-size:12px;padding:9px 12px;border-radius:20px}.controls button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}#touch-mode{display:none}.profile{display:grid;grid-template-columns:.42fr 1fr;gap:5vw;padding:56px 0 72px}.identity h2{font-size:53px}.identity .eyebrow{color:var(--accent);margin-bottom:12px}.step-controls{display:flex;align-items:center;gap:18px;margin-top:24px}.step-controls button{border-radius:50%;width:34px;height:34px}.step-controls span{font-size:12px;color:var(--muted);letter-spacing:.08em}.description>p{font-size:19.55px;line-height:1.8;max-width:720px;margin:0 0 27px}.description dl{display:flex;gap:38px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 20px}.description dt{font-size:12px;color:var(--muted);margin-bottom:10px}.description dd{font-size:23px;margin:0}.description>a,.observation-copy>a{font-size:12.65px;display:inline-flex;gap:34px;border-bottom:1px solid #718080;padding:9px 0}.observation{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:64px 0;border-top:1px solid var(--line);align-items:center}.observation-image{background:#060b0e}.observation-image img{display:block;width:100%;height:350px;object-fit:contain}.observation-copy h2{font-size:44.52px}.observation-copy>p:not(.eyebrow){line-height:1.8;font-size:16.1px;max-width:530px}.observation-copy .credit{font-size:12px!important;color:var(--muted)}footer{font-size:12px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;gap:20px}footer p{max-width:750px;margin:0}footer a{border-bottom:1px solid #59676a}.no-script{padding:24px}body.embed header{display:none}body.embed .intro{padding-top:42px}@media(max-width:780px){header{height:75px}.brand{font-size:13.8px}.brand-mark{font-size:27.56px}.edition{display:none}.intro{display:block;padding:38px 0 28px}h1{font-size:clamp(42.4px,7.42vw,63.6px)}.intro-copy{margin-top:22px;font-size:13.8px}.explorer{display:flex;flex-direction:column;gap:0}.screen{order:0;width:100%}.stage{height:350px}.destinations{order:1;width:100%;padding-top:20px}.destinations>.eyebrow{margin-bottom:10px}.route-line{display:none}.route nav{display:flex;flex-direction:row;overflow-x:auto;gap:8px;padding:5px 3px 12px;scrollbar-width:thin}.destination{min-width:max-content;width:auto;border:1px solid var(--line);height:44px;padding:0 14px;border-radius:25px;gap:9px}.destination .name{font-size:16.1px}.destination .number,.destination .arrow{display:none}.route-note{font-size:12px;margin:6px 0 0}.profile{grid-template-columns:1fr;gap:25px;padding:38px 0 45px}.identity h2{font-size:45.58px}.step-controls{margin-top:16px}.description>p{font-size:17.25px}.description dl{gap:20px;flex-wrap:wrap}.description dd{font-size:19.55px}.observation{grid-template-columns:1fr;gap:28px;padding:38px 0}.observation-image img{height:290px}.observation-copy h2{font-size:38.16px}footer{display:block}footer p+p{margin-top:14px}.screen-head{padding:17px 0;font-size:12px}.screen-foot{gap:12px}.controls button{font-size:12px}.model-caption{font-size:12px}#touch-mode{display:block}}@media(pointer:coarse){#touch-mode{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before{transition:none!important}}

.stage:not(.ready) canvas{visibility:hidden}body:not(.js-ready) .controls,body:not(.js-ready) .step-controls{display:none}
body:not(.js-ready) .destinations,body:not(.js-ready) .load-status,body:not(.js-ready) .model-caption{display:none}
/* Solar V1: static ambient, map first, one existing 3D stage. */
@property --glow-one{syntax:'<color>';inherits:false;initial-value:#36c9df}
@property --glow-two{syntax:'<color>';inherits:false;initial-value:#8766dc}
@property --glow-three{syntax:'<color>';inherits:false;initial-value:#d279b6}
@property --space-base{syntax:'<color>';inherits:false;initial-value:#071219}
@property --glow-four{syntax:'<color>';inherits:false;initial-value:#e4b974}
html{background:#071219}body{background:transparent;isolation:isolate}.solar-ambient{--space-base:#071219;--glow-one:#36c9df;--glow-two:#8766dc;--glow-three:#d279b6;--glow-four:#e4b974;position:fixed;inset:0;z-index:-1;pointer-events:none;transition:--space-base 550ms ease,--glow-one 550ms ease,--glow-two 550ms ease,--glow-three 550ms ease,--glow-four 550ms ease;background-color:var(--space-base);background-image:radial-gradient(ellipse at 0% 15%,color-mix(in srgb,var(--glow-one) 38%,transparent),transparent 64%),radial-gradient(ellipse at 100% 38%,color-mix(in srgb,var(--glow-two) 43%,transparent),transparent 65%),radial-gradient(ellipse at 85% 100%,color-mix(in srgb,var(--glow-three) 25%,transparent),transparent 62%),radial-gradient(ellipse at 0% 100%,color-mix(in srgb,var(--glow-four) 23%,transparent),transparent 60%)}

header{height:82px;border-bottom:0}header nav{display:flex;gap:24px;font-size:14px}header nav a[aria-current]{border-bottom:1px solid var(--paper);padding-bottom:8px}.page-tools{margin:0 4.7%;display:flex;justify-content:space-between;align-items:center;font-size:13px;min-height:40px}.page-tools button{padding:9px 16px;border-radius:24px}.intro{padding:38px 0 28px}.intro h1{font-size:clamp(46px,5.1vw,85px);line-height:1.17}.intro-copy{font-size:17px}.overview{margin-bottom:64px}.map-head,.map-foot{display:flex;align-items:center;justify-content:space-between;gap:24px}.map-head h2{font-size:25px;letter-spacing:-.02em}.map-head p,.map-foot p{font-size:13px;line-height:1.7;color:var(--muted)}#map-current{color:var(--paper)}.map-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;outline-offset:5px}.map-scroll:focus-visible{outline:2px solid var(--accent)}.system-map{position:relative;height:250px;min-width:700px}.system-map>svg{position:absolute;inset:0;width:100%;height:100%;color:#bad8e328;pointer-events:none}.map-body{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);min-width:66px;min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:13px;white-space:nowrap}.planet-dot{display:block;width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle at 30% 25%,var(--planet),color-mix(in srgb,var(--planet) 28%,#02070c));box-shadow:inset -5px -3px 10px #0008;transition:box-shadow 400ms,transform 400ms}.map-body[data-body=sun] .planet-dot{background:radial-gradient(circle at 40% 35%,#fff2b8,#d78b24);box-shadow:0 0 30px #d8933b45}.map-body[data-body=saturn] .planet-dot::after{content:'';display:block;position:relative;left:-13px;top:13px;width:64px;height:13px;border:3px solid #b3a27b;border-radius:50%;transform:rotate(-25deg)}.map-body:hover .planet-dot,.map-body[aria-current=true] .planet-dot{box-shadow:0 0 24px color-mix(in srgb,var(--planet) 55%,transparent);transform:translateY(-3px)}.map-body[aria-current=true]{color:var(--accent)}.map-foot{border-top:1px solid var(--line)}
.explorer{scroll-margin-top:24px;gap:4vw;grid-template-columns:minmax(230px,.36fr) 1fr}.route-beacon{position:absolute;left:0;top:0;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 17px var(--accent);transition:transform 400ms ease;pointer-events:none;z-index:2}.destination[aria-pressed=true]::before{background:transparent;box-shadow:none}.destination{height:53px}.stage{height:clamp(340px,32vw,490px);background:transparent}.stage canvas{opacity:0;visibility:visible;transition:opacity 450ms ease}.stage:not(.ready) canvas{visibility:visible;pointer-events:none}.stage.ready canvas{opacity:1}.stage img{transition:opacity 450ms ease;max-height:100%}.stage.ready img{visibility:visible;pointer-events:none;opacity:0}.screen-foot{gap:12px}.profile{grid-template-columns:.35fr 1fr;gap:26px;padding:30px 0 34px}.identity h2{font-size:clamp(30px,3.2vw,48px)}.description>p{font-size:17px;line-height:1.75;margin-bottom:18px}.description dl{gap:24px;padding:16px 0}.description dd{font-size:21px}.step-controls button{width:44px;height:44px}.screen{border-bottom:0}.observation{margin-top:24px;padding:48px 0;gap:5vw}.observation-image{background:none}.observation-image img{height:auto;max-height:400px;width:100%;object-fit:contain}.observation-copy h2{font-size:clamp(32px,3.4vw,52px)}.observation-copy>p:not(.eyebrow){font-size:17px}.credit{line-height:1.8;overflow-wrap:anywhere}
.families{padding:46px 0;border-top:1px solid var(--line)}.section-heading h2,.onward h2{font-size:clamp(36px,4.1vw,65px);line-height:1.2}.family-grid{display:grid;gap:76px;margin-top:38px}.family{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:4.5vw;align-items:center;min-width:0;scroll-margin-top:28px}.family-images{grid-column:1;grid-row:1;display:grid;gap:22px;min-width:0}.family-story{grid-column:2;grid-row:1;min-width:0}.family:nth-child(even){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.family:nth-child(even) .family-story{grid-column:1}.family:nth-child(even) .family-images{grid-column:2}.family-heading{margin-bottom:22px}.family figure{margin:0;min-width:0}.family figure>a{display:block}.family img{display:block;max-width:100%;width:100%;height:auto;max-height:380px;object-fit:contain}.family-secondary{display:grid;grid-template-columns:minmax(120px,.7fr) 1fr;gap:20px;align-items:center;padding-top:18px;border-top:1px solid var(--line)}.family-secondary img{max-height:180px;width:auto;margin-inline:auto}.family figcaption{font-size:13px;line-height:1.7;color:#b9c5ce;margin-top:12px;overflow-wrap:anywhere}.family-secondary figcaption{margin-top:0}.family figcaption strong,.family figcaption span{display:block}.family figcaption strong{font-weight:400;color:var(--paper);font-size:14px;margin-bottom:3px}.family figcaption a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid var(--line)}.family h3{font-family:Georgia,serif;font-size:clamp(30px,3vw,43px);font-weight:400;letter-spacing:-.025em;line-height:1.17;margin:0}.family-copy>p{font-size:18px;line-height:1.8;margin:0 0 18px;max-width:640px}.family .eyebrow{margin-bottom:12px}.family .family-links{display:flex;gap:12px 28px;flex-wrap:wrap;margin-top:20px;font-size:14px}.family-links a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid var(--line)}.unit-note a,.onward>a{border-bottom:1px solid var(--line);display:inline-block;padding-bottom:8px;font-size:14px}.unit-note{font-size:14px;line-height:1.85;color:#b8c6c9;max-width:780px;margin-top:34px}.onward{padding:42px 0 56px}.onward>a{margin-top:25px;font-size:17px}.embed-only{display:none}.embed header,.embed .direct-only{display:none}.embed .embed-only{display:block}.embed .intro{padding-top:30px}.static-profiles{border-top:1px solid var(--line);padding-top:24px}.static-profiles article{max-width:850px;padding:36px 0}.static-profiles h2{font-size:36px}.static-profiles p{font-size:18px;line-height:1.8}.static-profiles img{display:block;width:100%;height:auto;max-height:400px;object-fit:contain}.static-profiles figure{margin:24px 0}.static-profiles figcaption{font-size:14px;line-height:1.8;color:var(--muted)}.static-profiles dl{display:flex;gap:30px}.static-profiles dd{margin:8px 0}.js-ready .static-profiles{display:none}body:not(.js-ready) .explorer,body:not(.js-ready) .observation{display:none}
.reveal{opacity:1;transform:none}.js-ready .reveal{opacity:0;transform:translateY(12px);transition:opacity 900ms ease,transform 900ms ease}.js-ready .reveal.shown{opacity:1;transform:none}.motion-reduced .reveal{opacity:1!important;transform:none!important}.motion-reduced *,.motion-reduced *::before,.motion-reduced *::after{transition:none!important;scroll-behavior:auto!important}
@media(max-width:780px){header{height:auto;min-height:75px;align-items:flex-start;flex-direction:column;padding:18px 0;gap:18px}header nav{font-size:13px;flex-wrap:wrap;gap:14px}.page-tools{padding-top:8px}.intro{padding-top:28px}.intro h1{font-size:clamp(39px,8vw,59px)}.intro-copy{font-size:16px;line-height:1.8}.map-head{align-items:flex-start;flex-direction:column;gap:0}.map-head h2{font-size:23px}.map-head p{margin-top:12px}.system-map{height:230px;min-width:760px}.overview{margin-bottom:32px}.map-foot{display:block}.map-foot p{font-size:12px}.map-hint::after{content:' · Vuốt ngang để xem đủ →'}.explorer{gap:22px}.destinations{order:0;padding:0}.screen{order:1}.route-note{display:none}.route-beacon{display:none}.destination[aria-pressed=true]::before{background:var(--accent)}.destination{min-height:44px}.stage{height:330px}.profile{display:block;padding:25px 0}.identity{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:22px}.identity .eyebrow{width:100%;margin:0}.identity h2{font-size:36px}.step-controls{margin:0;gap:14px}.description>p{font-size:18px}.description dt{font-size:13px}.description dd{font-size:21px}.observation{gap:24px;margin-top:14px;padding:34px 0}.observation-image img{height:auto;max-height:330px}.family-grid{grid-template-columns:1fr;gap:35px}.family img{height:240px}.family h3{font-size:29px}.family>p:not(.eyebrow){font-size:18px}.families{padding:35px 0}.onward{padding:28px 0 40px}.onward h2,.section-heading h2{font-size:37px}.embed .intro{padding-top:26px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}*,*::after{transition:none!important;scroll-behavior:auto!important}}

.rotation-speed{margin:4px 0 8px;font-size:15px;color:var(--accent)}.rotation-note{margin:0;font-size:13px;line-height:1.7;color:var(--muted)}body:not(.js-ready) .rotation-speed,body:not(.js-ready) .rotation-note{display:none}

@media(max-width:780px){.family-grid{gap:54px;margin-top:28px}.family,.family:nth-child(even){display:flex;flex-direction:column;gap:22px}.family-story,.family-images{display:contents}.family-heading{order:0;margin:0}.family-primary{order:1;width:100%}.family-copy{order:2}.family-secondary{order:3;width:100%;grid-template-columns:minmax(110px,.7fr) 1fr;gap:16px}.family h3{font-size:32px}.family img{height:auto;max-height:330px}.family-secondary img{max-height:180px}.family-copy>p{font-size:18px}.family .family-links{font-size:14px;margin-bottom:0}.family figcaption{font-size:13px}.family .eyebrow{font-size:12px}.family-grid .family-primary img{min-height:0}}

/* A different soft counter-color for each selected world; control/status colors stay intact. */
body{--emphasis:#c7eaff}em{color:var(--emphasis)}
body:has(.map-body[data-body=mercury][aria-current=true]){--emphasis:#f5d1da}
body:has(.map-body[data-body=venus][aria-current=true]){--emphasis:#c5eedb}
body:has(.map-body[data-body=earth][aria-current=true]){--emphasis:#ffcebc}
body:has(.map-body[data-body=mars][aria-current=true]){--emphasis:#c0eef0}
body:has(.map-body[data-body=jupiter][aria-current=true]){--emphasis:#cbd9ff}
body:has(.map-body[data-body=saturn][aria-current=true]){--emphasis:#c8ebdf}
body:has(.map-body[data-body=uranus][aria-current=true]){--emphasis:#f3c9dd}
body:has(.map-body[data-body=neptune][aria-current=true]){--emphasis:#ffd4ae}
.families .section-heading em{color:#f6d4dd}.onward em{color:#dcebb4}

.intro em{color:#ffa0a8}