/* Dark brand palette from assets/styles.css; isolated from global layout rules. */
:root{--t2-ink:#edf3ff;--t2-muted:#b6c5da;--t2-line:#385474;--t2-surface:#111f35;--t2-soft:#172b48;--t2-accent:#8dbbff;--t2-gold:#f2ba4b}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050c18;color:var(--t2-ink);font-family:Calibri,Arial,sans-serif}body:after{content:"";position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 180px 35px #0009;z-index:2}#space{position:absolute;inset:0;background:radial-gradient(ellipse at 58% 55%,#172b4855,transparent 60%),#050c18}canvas{display:block;width:100%;height:100%;touch-action:none}header,footer{position:fixed;left:32px;right:32px;z-index:5;display:flex;align-items:center;gap:24px}header{top:0;left:0;right:0;height:64px;padding:0 24px;border-bottom:1px solid #38547466;background:#07111fee}a{color:inherit;text-decoration:none}.brand{font:600 12px monospace;letter-spacing:.16em}.brand span{color:var(--t2-muted);font-size:10px}.edition{font:9px monospace;letter-spacing:.2em;color:#8096b3}.navi{margin-left:auto;font-size:12px;border:1px solid #385474;border-radius:4px;padding:8px 13px;background:#111f35cc}.intro{position:fixed;left:5%;top:17%;z-index:3;pointer-events:none}.eyebrow{font:9px monospace;letter-spacing:.2em;color:var(--t2-accent)}h1{font-size:clamp(30px,3.6vw,58px);font-weight:300;line-height:1.04;letter-spacing:-.035em;margin:20px 0;color:var(--t2-ink)}.intro p{font-size:13px;line-height:1.7;color:var(--t2-muted)}nav{position:fixed;left:5%;bottom:14%;z-index:5;display:grid;gap:5px}button{cursor:pointer;font:inherit;color:inherit}nav button{display:flex;align-items:center;gap:12px;padding:9px 12px;background:transparent;border:1px solid transparent;border-radius:4px;text-align:left;font-size:12px;color:var(--t2-muted)}nav button span{font:9px monospace;color:var(--t2-gold)}nav i{width:4px;height:4px;border:1px solid #78adf0;border-radius:50%}nav button:hover,nav button[aria-current]{background:#8dbbff10;border-color:#385474;color:var(--t2-ink)}nav button[aria-current] i{background:var(--t2-accent);box-shadow:0 0 10px var(--t2-accent)}#labels{position:absolute;inset:0;pointer-events:none;z-index:3}.system-label{position:absolute;transform:translate(-50%,-50%);border:0;background:none;text-align:center;pointer-events:auto;white-space:nowrap;padding:12px;color:var(--t2-ink);text-shadow:0 2px 8px #000}.system-label strong{display:block;font-size:11px;letter-spacing:.12em;font-weight:600}.system-label small{display:block;font:8px monospace;letter-spacing:.09em;margin-top:5px;color:#91a6c2}.system-label:hover strong{color:#fff}.satellite-label{position:absolute;transform:translate(-50%,-50%);font:10px Calibri,Arial,sans-serif;color:var(--t2-muted);text-shadow:0 2px 5px #000;white-space:nowrap}footer{bottom:20px;border-top:1px solid #38547466;padding-top:14px;justify-content:space-between;font:8px monospace;letter-spacing:.08em;color:#91a6c2}footer .status{display:flex;align-items:center;gap:8px}footer i{width:4px;height:4px;border-radius:50%;background:var(--t2-accent);box-shadow:0 0 8px var(--t2-accent)}footer b{font-weight:400;color:#385474}footer button{background:transparent;border:0;font:10px Calibri,Arial,sans-serif;color:var(--t2-muted);padding:6px 10px}#detail{position:fixed;z-index:6;right:4%;top:16%;width:300px;max-height:70%;overflow:auto;padding:25px;background:#111f35eb;border:1px solid #385474aa;border-radius:8px;backdrop-filter:blur(20px);box-shadow:0 20px 60px #0008}#detail[hidden]{display:none}#dismiss{position:absolute;right:12px;top:10px;border:0;background:transparent;color:var(--t2-muted);font-size:22px}#detail small{font:9px monospace;color:var(--t2-accent);letter-spacing:.15em}#detail h2{font-size:28px;font-weight:300;margin:15px 0}#detail p,#detail li{font-size:13px;line-height:1.65;color:var(--t2-muted)}#detail ol{padding-left:18px;border-top:1px solid #38547466;padding-top:14px}#detail li{padding-bottom:8px}#detail a{display:inline-block;font-size:12px;margin-top:8px;color:var(--t2-accent)}button:focus-visible,a:focus-visible{outline:2px solid var(--t2-accent);outline-offset:4px}#error{position:fixed;inset:35% 20%;z-index:10;background:var(--t2-surface);padding:35px}body.focused .intro{opacity:0;transition:opacity .3s}@media(max-width:760px){header,footer{left:16px;right:16px}.edition,.help,.brand span{display:none}.intro{top:15%;left:7%}.intro h1{font-size:34px}nav{left:16px;bottom:70px;display:flex;gap:0}nav button{padding:8px;font-size:11px;gap:5px}nav button span{display:none}#detail{right:16px;top:100px;width:260px;max-height:55%}.status{font-size:7px}footer{gap:8px}.system-label strong{font-size:10px}}

[hidden]{display:none!important}.tour-start{pointer-events:auto;display:grid;justify-items:start;gap:8px;margin-top:24px}.tour-start button,#explore-p2p{border:1px solid #78adf0;border-radius:5px;padding:10px 15px;background:#78adf0;color:#08172b;font-size:13px}.tour-start #free-explore{background:transparent;border-color:transparent;padding-left:0;color:var(--t2-accent);font-size:12px}
#mode-controls{position:fixed;top:94px;left:5%;z-index:7;display:flex;align-items:center;gap:15px;font:10px monospace;color:var(--t2-accent)}#mode-controls button{background:var(--t2-surface);border:1px solid #385474;border-radius:4px;padding:8px 11px;font-size:12px}#p2p-hint{position:fixed;left:50%;bottom:13%;transform:translateX(-50%);z-index:5;background:#111f35e8;border:1px solid #385474;border-radius:5px;padding:12px 20px;font-size:14px;color:var(--t2-ink)}.p2p-object{pointer-events:auto;border:1px solid #385474aa;border-radius:4px;background:#111f35df;color:var(--t2-ink);padding:6px 9px;font-size:13px}.p2p-object.is-entry{border-color:var(--t2-accent);color:var(--t2-ink);box-shadow:0 0 16px #8dbbff33}#p2p-workspace{position:fixed;right:3%;top:125px;width:310px;max-height:calc(100% - 210px);overflow:auto;z-index:6;background:#111f35ef;border:1px solid #385474;border-radius:8px;padding:21px;color:var(--t2-ink)}#p2p-workspace small{font:9px monospace;color:var(--t2-accent)}#p2p-workspace h2{font-size:26px;font-weight:300;margin:10px 0 18px}#p2p-workspace h3{font-size:16px}#p2p-workspace p,#p2p-workspace dl{font-size:12px;line-height:1.6}#p2p-workspace dt{font-weight:bold;margin-top:8px}#p2p-workspace dd{margin-left:0;color:var(--t2-muted)}.p2p-choices{display:grid;gap:7px;margin:18px 0}.p2p-choices button,#p2p-workspace [data-workspace-reset]{padding:10px;border:1px solid #385474;background:var(--t2-soft);border-radius:4px;text-align:left;color:var(--t2-ink);font-size:12px}.p2p-choices button[aria-pressed=true]{border-color:var(--t2-accent);background:#233e60}#p2p-workspace summary{cursor:pointer;color:var(--t2-accent);font-size:12px}#p2p-workspace a{font-size:12px;color:var(--t2-accent)}#object-detail{position:fixed;left:5%;top:170px;width:250px;padding:18px;z-index:7;background:#111f35f2;border:1px solid #385474;border-radius:7px}#object-detail h3{font-size:17px;margin:5px 20px 10px 0}#object-detail p{font-size:12px;line-height:1.6;color:var(--t2-muted)}#object-detail button{position:absolute;right:6px;top:6px;border:0;background:transparent;font-size:20px}body[data-experience=transition] .intro,body[data-experience=orientation] .intro,body[data-experience=workspace] .intro{display:none}
@media(max-width:760px){#mode-controls{left:16px;top:85px;gap:7px}#mode-controls span{display:none}#p2p-workspace{left:16px;right:16px;top:auto;bottom:65px;width:auto;max-height:35%}#p2p-hint{width:85%;text-align:center;bottom:12%}#object-detail{left:16px;top:130px;width:220px}.p2p-object{font-size:11px;padding:5px}}

body.focused .intro{visibility:hidden}

.brand{color:var(--t2-ink)}.brand:before{content:"◉";color:var(--t2-gold);margin-right:9px}.edition{color:var(--t2-gold)}header{background:linear-gradient(180deg,#111f3588,transparent)}.tour-start button:hover,#explore-p2p:hover{background:#8dbbff}.tour-start #free-explore:hover{background:transparent;color:#edf3ff}

#next-tour{display:block;margin:18px 0 10px;padding:8px 0;border:0;background:transparent;color:var(--t2-accent);font-size:12px}

/* Keep process selection beside the invitation, then beside the active tour. */
/* The process rail is owned solely by the embedded T1 Navi runtime. */
body>nav{display:none!important}
body:before{content:"";position:fixed;inset:12px;z-index:9;pointer-events:none;border:1px solid #527b9d;border-radius:12px;box-shadow:inset 0 0 0 1px #02070d,0 0 0 1px #0008}
#space{clip-path:inset(12px round 12px)}
body #t1-navi{left:13px;right:auto;bottom:13px;width:calc(100% - 26px);height:calc(100% - 76px);border-radius:0 0 11px 11px}
@media(max-width:760px){body #t1-navi{left:13px;right:auto;width:calc(100% - 26px);bottom:13px;height:calc(100% - 70px)}}
#t1-navi{position:fixed;inset:64px auto 13px 13px;width:calc(100% - 26px);height:calc(100% - 77px);border:0;z-index:8;background:#050c18}body[data-experience=embedded-navi] header{z-index:10}body[data-experience=embedded-navi] footer,body[data-experience=embedded-navi] #space{visibility:hidden}
.mode-switch{margin-left:auto;display:flex;padding:3px;border:1px solid var(--t2-line);border-radius:5px;background:var(--t2-surface)}.mode-switch button{border:0;background:transparent;padding:6px 13px;font-size:12px;border-radius:3px}.mode-switch button[aria-pressed=true]{background:var(--t2-accent);color:#08172b}header .navi{margin-left:0}body[data-experience=navi-map] nav{top:150px}
.intro{top:clamp(100px,15vh,160px)}
nav{top:calc(clamp(100px,15vh,160px) + 310px);bottom:auto;width:205px;padding:12px;background:#111f35dc;border:1px solid #385474;border-radius:8px;gap:4px;backdrop-filter:blur(12px)}
.nav-caption{font:9px monospace;letter-spacing:.12em;color:var(--t2-accent);padding:2px 10px 8px}
nav button{font-size:13px;min-height:36px;padding:8px 10px}
body.focused nav{top:110px}
@media(max-width:760px){nav,body.focused nav{top:85px;left:16px;right:16px;width:auto;display:flex;flex-wrap:wrap;padding:8px}.nav-caption{width:100%;padding:0 5px 4px}nav button{flex:1;white-space:nowrap;font-size:11px;padding:5px;min-height:32px}body:has(nav:not([hidden])) .intro{display:none}}
.back-index{display:inline-flex;align-items:center;gap:6px;min-width:76px;padding:6px 10px;border:1px solid #e9c24d99;border-radius:4px;background:#1d1a0c;color:#f4ce4b;font-size:13px;font-weight:800;line-height:1;text-transform:uppercase;box-shadow:0 0 0 1px #0008,0 0 12px #e9c24d22}.back-index:before{content:"←";display:flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:50%;background:#f4ce4b;color:#1d1a0c;font-size:9px;font-weight:900;line-height:1}.back-index:hover,.back-index:focus-visible{border-color:#f4ce4b;background:#2b250d;color:#ffe58a;outline:0}.enterprise-title{font-size:14px;color:#fff;margin-right:auto}
.system-label strong{font-size:12px}.system-label small{font-size:9px;color:#a8bbd3}
html,body{background:#02070d}#space{background:radial-gradient(ellipse at 58% 55%,#173b5b66,transparent 61%),#02070d}.brand{color:#fff}.system-label strong{color:#e8f5ff}.system-label small{color:#8fc4e6}header{top:18px;left:28px;right:28px;height:36px;padding:0;background:transparent;border:0}footer{border-top-color:#38547466}

/* TOUR optical finish: local light in a deeper field, with quiet instrument typography. */
#space{background:radial-gradient(ellipse at 52% 43%,#203b6640 0,transparent 31%),radial-gradient(ellipse at 72% 42%,#31557e30 0,transparent 34%),#01050a}
#space:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff05 0,#ffffff05 1px,transparent 1px,transparent 4px);opacity:.12;mix-blend-mode:soft-light}
body:after{background:radial-gradient(ellipse at 52% 45%,transparent 0,transparent 42%,#0006 76%,#000c 100%);box-shadow:inset 0 0 230px 70px #000b}
.intro{opacity:.9}.intro h1{font-size:clamp(29px,3.15vw,51px);letter-spacing:-.025em}.intro p{color:#99aabe}
.eyebrow,.edition,footer{letter-spacing:.16em}.system-label{text-shadow:0 1px 3px #000}.system-label strong{font:400 8px/1.3 Consolas,"Liberation Mono",monospace;letter-spacing:.1em;color:#8fa2b1}.system-label small{font-size:8px;letter-spacing:.13em;color:#7896aa}.satellite-label{color:#91a4b3;text-shadow:0 1px 4px #000,0 0 9px #000}.satellite-label.sun-label{width:44px;white-space:normal;text-align:center;color:#fff8ec;font-size:7px;font-weight:700;line-height:1.05;letter-spacing:.01em;text-shadow:0 1px 2px #351300,0 0 4px #000}
body[data-experience=tour] .system-label small{display:none}
footer{color:#708398}.help{opacity:.72}

/* Process asteroids: external labels and a shape key independent of color. */
.satellite-label.process-asteroid-label,.satellite-label.transaction-planet-label{font-size:9px;font-weight:400;line-height:1.2;letter-spacing:.025em;text-shadow:0 1px 3px #000}
.satellite-label.process-asteroid-label{color:#aac9de}
.satellite-label.transaction-planet-label{color:#aec4b7}
.universe-legend{position:fixed;left:32px;bottom:74px;z-index:4;display:flex;flex-wrap:wrap;gap:10px 18px;padding:9px 12px;border:1px solid #38547488;border-radius:5px;background:#07111fba;color:#adc2d3;font:10px Calibri,Arial,sans-serif;pointer-events:none}
.universe-legend span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.universe-legend i{display:inline-block;width:11px;height:11px;flex:none}
.legend-planet{border-radius:50%;background:radial-gradient(circle at 30% 25%,#35ce83,#006e36)}
.universe-legend .legend-moon{width:8px;height:8px;background:#b77af0;clip-path:polygon(24% 0,76% 9%,100% 45%,71% 100%,16% 83%,0 34%)}
.legend-asteroid{background:#68b9f3;clip-path:polygon(24% 0,76% 9%,100% 45%,71% 100%,16% 83%,0 34%)}
body:not([data-experience=tour]) .universe-legend{display:none}
@media(max-width:760px){.universe-legend{left:24px;right:24px;bottom:69px;justify-content:center;gap:8px 12px;font-size:9px;padding:7px}.satellite-label.process-asteroid-label,.satellite-label.transaction-planet-label{font-size:8px}}

/* Tour names only organizational suns; planets, moons and asteroids stay unlabelled. */
body[data-experience=tour] #labels .satellite-label:not(.sun-label){display:none!important}

/* Tour presentation: the scene leads, with compact supporting instruments. */
body.exploring .intro{display:none}
#guide-again{display:none}
body[data-experience=tour].exploring #guide-again,body[data-experience=tour].focused #guide-again{display:inline-block}
#detail{width:264px;padding:20px;background:#091725e8;border-color:#38547488;border-radius:6px;box-shadow:0 10px 30px #0005}
#detail small{font-size:8px;letter-spacing:.12em;color:#8fa8bb}
#detail h2{font-size:20px;line-height:1.25;font-weight:400;margin:12px 14px 12px 0;color:#d4e0e9}
#detail p{font-size:12px;line-height:1.65;color:#a8bac9}
.tour-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding-top:9px;border-top:1px solid #38547466}
#detail .tour-navigation button{margin:0;padding:8px 0;border:0;background:transparent;color:#9dbbd3;font:11px Calibri,Arial,sans-serif;min-height:32px}
#detail #next-tour{margin-left:auto}
#detail #explore-p2p{width:100%;margin-top:14px;padding:9px 10px;font-size:12px;background:#214766;color:#deedfa;border-color:#527b9d}
.universe-legend{background:#07111f77;border-color:#38547455;font-size:9px;color:#8fa2b1;padding:7px 10px}
@media(max-width:760px){#detail{left:24px;right:24px;top:auto;bottom:105px;width:auto;max-height:31vh;padding:14px 16px}#detail h2{font-size:17px;margin:8px 18px 8px 0}#detail p{font-size:11px;margin:6px 0}.tour-navigation{margin-top:8px;padding-top:4px}header .brand{display:none}header .enterprise-title{font-size:12px}.mode-switch button{padding:6px 9px}footer .status{display:none}}