:root{--space:#01030a;--glass:rgba(5,12,27,.72);--glass-solid:#07101f;--line:rgba(132,218,255,.22);--line-hot:rgba(109,231,255,.7);--cyan:#6de7ff;--gold:#ffc75a;--pink:#ff78bd;--text:#f4f8ff;--muted:#91a2bb;--mono:"Courier New",Courier,monospace;--ui:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
html{height:100%;background:var(--space);color-scheme:dark}
body{height:100%;margin:0;min-width:320px;overflow:hidden;background:#01030a;color:var(--text);font-family:var(--ui)}
button,input,select{font:inherit}button,a{touch-action:manipulation}button{color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:3px}
[hidden]{display:none!important}
.space-experience{position:relative;width:100%;height:100dvh;min-height:540px;overflow:hidden;isolation:isolate;background:#01030a}
#space-canvas{position:absolute;z-index:0;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}
#space-canvas:active{cursor:grabbing}
.space-grain{position:absolute;z-index:1;inset:0;pointer-events:none;opacity:.13;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 3px 4px);mix-blend-mode:screen}
.space-grain:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(109,231,255,.025),transparent 23%,transparent 77%,rgba(255,120,189,.025))}
.space-warp-flash{position:absolute;z-index:30;inset:-25%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.94),rgba(109,231,255,.24) 18%,transparent 58%);transform:scale(.2)}
.space-warp-flash.is-active{animation:space-flash .8s ease-out}
.space-travel-year{position:absolute;z-index:29;inset:0;display:grid;place-content:center;gap:12px;padding:20px;background:radial-gradient(circle,rgba(5,14,32,.16),rgba(1,3,10,.56) 68%);text-align:center;pointer-events:none;text-shadow:0 5px 32px #000}.space-travel-year small{color:var(--cyan);font:900 10px/1 var(--mono);letter-spacing:.32em}.space-travel-year strong{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,46px);min-width:0;font:900 clamp(3rem,10vw,9rem)/.8 var(--mono);letter-spacing:-.09em}.space-travel-year strong span{min-width:0}.space-travel-year strong span:last-child{color:var(--gold)}.space-travel-year i{color:var(--cyan);font-style:normal;font-size:.48em;animation:travel-arrow .75s ease-in-out infinite alternate}
.space-header{position:absolute;z-index:20;left:0;right:0;top:0;display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);align-items:center;gap:20px;min-height:74px;padding:10px clamp(14px,2.6vw,42px);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(1,3,10,.92),rgba(1,3,10,.5));backdrop-filter:blur(16px)}
.space-brand{width:min(238px,42vw)}.space-brand img{display:block;width:100%;height:auto}
.space-modes{display:flex;align-items:center;justify-content:center;padding:4px;border:1px solid var(--line);background:rgba(3,10,24,.55);border-radius:999px}.space-modes button{min-height:34px;padding:0 15px;border:0;border-radius:999px;background:transparent;color:#8fa1b9;font:800 10px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.space-modes button:hover{color:#fff}.space-modes button[aria-current="true"]{background:linear-gradient(135deg,rgba(109,231,255,.2),rgba(166,124,255,.22));color:#fff;box-shadow:inset 0 0 0 1px rgba(109,231,255,.3),0 0 18px rgba(109,231,255,.08)}
.space-head-actions{justify-self:end;display:flex;align-items:center;gap:7px}.space-head-actions button,.space-head-actions a{min-height:34px;padding:0 10px;border:1px solid var(--line);background:rgba(3,10,24,.52);color:#aebbd0;text-decoration:none;text-transform:uppercase;font:800 9px/32px var(--mono);letter-spacing:.07em;cursor:pointer}.space-head-actions button:hover,.space-head-actions a:hover{border-color:var(--cyan);color:#fff}.space-head-actions [data-sound][aria-pressed="true"]{color:var(--cyan);box-shadow:inset 0 -2px var(--cyan)}
.space-title{position:absolute;z-index:5;left:clamp(18px,4vw,72px);top:clamp(98px,14vh,150px);max-width:min(520px,40vw);pointer-events:none;text-shadow:0 3px 30px #000}.space-title p{display:flex;align-items:center;gap:9px;margin:0 0 10px;color:#b7c8dc;font:800 10px/1 var(--mono);letter-spacing:.18em}.space-title p i{width:8px;height:8px;border-radius:50%;background:#57f08b;box-shadow:0 0 14px #57f08b;animation:live-pulse 2s ease-in-out infinite}.space-title h1{margin:0;max-width:100%;font-size:clamp(3rem,4.7vw,5.2rem);line-height:.78;letter-spacing:-.07em;text-transform:uppercase;overflow-wrap:anywhere}.space-title strong{display:block;max-width:100%;margin-top:18px;color:var(--cyan);font:800 clamp(.72rem,1.2vw,.95rem)/1.25 var(--mono);letter-spacing:.16em;text-transform:uppercase;overflow-wrap:anywhere}
.overview-control,.info-control{position:absolute;z-index:18;top:92px;min-height:38px;padding:0 14px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(14px);color:#dce9f6;text-transform:uppercase;font:800 10px/1 var(--mono);letter-spacing:.08em;cursor:pointer}.overview-control{left:clamp(14px,2.6vw,42px)}.info-control{right:clamp(14px,2.6vw,42px);display:none}.overview-control:hover,.info-control:hover{border-color:var(--cyan)}
.space-camera{position:absolute;z-index:18;right:clamp(14px,2.6vw,42px);top:104px;display:grid;grid-template-columns:42px 42px auto;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(14px)}.space-camera button{min-width:42px;min-height:40px;padding:0 11px;border:0;border-right:1px solid var(--line);background:transparent;color:#dce9f6;font:900 14px/1 var(--mono);cursor:pointer}.space-camera button:last-child{border-right:0;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.space-camera button:hover{background:rgba(109,231,255,.1);color:#fff}
.position-legend{position:absolute;z-index:17;right:clamp(14px,2.6vw,42px);top:154px;display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--line);background:rgba(2,8,19,.78);backdrop-filter:blur(12px);font:800 8px/1 var(--mono);letter-spacing:.08em}.position-legend span{display:flex;align-items:center;gap:5px;color:#8fa1b9}.position-legend span b{color:#fff}.position-legend span i{width:8px;height:8px;border:1px solid var(--cyan);border-radius:50%}.position-legend span:nth-child(2) i{border:0;background:var(--gold);box-shadow:0 0 8px var(--gold)}.position-legend button{padding:5px 7px;border:1px solid var(--line);background:transparent;color:#aebbd0;text-transform:uppercase;font:800 7px/1 var(--mono);cursor:pointer}
.space-experience.is-planet-focus .space-camera,.space-experience.is-planet-focus .position-legend{opacity:0;pointer-events:none}
.planet-file{position:absolute;z-index:14;right:clamp(14px,2.6vw,42px);top:104px;width:min(355px,31vw);max-height:calc(100dvh - 250px);overflow:auto;padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(8,18,38,.88),rgba(3,8,20,.76));backdrop-filter:blur(22px);box-shadow:0 24px 70px rgba(0,0,0,.38);transform:translateX(calc(100% + 70px));opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s}.planet-file.is-open{transform:none;opacity:1}.panel-close{position:absolute;right:10px;top:9px;width:34px;height:34px;border:1px solid var(--line);background:rgba(0,0,0,.2);font-size:20px;cursor:pointer}.panel-kicker{display:flex;justify-content:space-between;margin:0 38px 9px 0;color:var(--cyan);font:800 10px/1 var(--mono);letter-spacing:.14em}.panel-kicker b{color:#74859c}.planet-file h2{margin:0;max-width:100%;font-size:clamp(2.7rem,4.5vw,5rem);line-height:.82;letter-spacing:-.065em;text-transform:uppercase;overflow-wrap:anywhere}.planet-lead{margin:18px 0;color:#c5d0df;font-size:.94rem;line-height:1.45}.planet-facts{margin:0;border-top:1px solid var(--line)}.planet-facts div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}.planet-facts dt{color:#7688a1;text-transform:uppercase;font:800 9px/1.3 var(--mono);letter-spacing:.08em}.planet-facts dd{min-width:0;margin:0;text-align:right;color:#e8eef8;font-size:.78rem;overflow-wrap:anywhere}.ninety-five-file{margin-top:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ninety-five-file summary{padding:12px 0;color:var(--gold);text-transform:uppercase;font:800 10px/1.25 var(--mono);letter-spacing:.12em;cursor:pointer;overflow-wrap:anywhere}.ninety-five-file p{display:grid;grid-template-columns:45px minmax(0,1fr);gap:8px;margin:0 0 11px;color:#9fadc0;font-size:.72rem;line-height:1.4}.ninety-five-file p b{color:var(--cyan);font:800 9px/1.4 var(--mono)}.share-world{width:100%;min-height:42px;margin-top:16px;border:1px solid var(--line);background:rgba(109,231,255,.08);text-transform:uppercase;font:800 10px/1.25 var(--mono);letter-spacing:.1em;cursor:pointer;white-space:normal}.share-world:hover{border-color:var(--cyan)}
.space-drawer{position:absolute;z-index:24;left:50%;bottom:194px;width:min(1060px,calc(100% - 40px));max-height:min(62dvh,610px);overflow:auto;padding:22px;border:1px solid var(--line-hot);background:linear-gradient(145deg,rgba(5,15,33,.96),rgba(2,7,18,.94));backdrop-filter:blur(24px);box-shadow:0 30px 100px #000;transform:translateX(-50%)}.space-drawer>header{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:18px}.space-drawer header>div{min-width:0}.space-drawer header p{margin:0 0 5px;color:var(--cyan);font:800 10px/1.25 var(--mono);letter-spacing:.16em;overflow-wrap:anywhere}.space-drawer h2{max-width:100%;margin:0;font-size:clamp(1.8rem,4vw,3.6rem);line-height:.9;letter-spacing:-.05em;overflow-wrap:anywhere}.space-drawer header button{flex:0 0 40px;width:40px;height:40px;border:1px solid var(--line);background:#07101f;font-size:22px;cursor:pointer}
.time-jumps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.time-jumps button,.mission-grid button{position:relative;min-width:0;border:1px solid var(--line);background:linear-gradient(145deg,rgba(109,231,255,.08),rgba(166,124,255,.05));color:#fff;text-align:left;cursor:pointer;overflow:hidden}.time-jumps button{min-height:118px;padding:17px}.time-jumps button:hover,.mission-grid button:hover{border-color:var(--cyan);background:rgba(109,231,255,.12)}.time-jumps span{display:block;color:var(--pink);font:900 1.5rem/1 var(--mono)}.time-jumps strong{display:block;margin-top:24px;font-size:.87rem;overflow-wrap:anywhere}
.mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mission-grid button{min-height:135px;padding:18px}.mission-grid span,.mission-grid strong,.mission-grid small{display:block;overflow-wrap:anywhere}.mission-grid span{color:var(--gold);font:800 9px/1.25 var(--mono);letter-spacing:.09em}.mission-grid strong{margin:26px 0 7px;font-size:1.13rem}.mission-grid small{color:#91a2b8}
.event-drawer{width:min(920px,calc(100% - 40px))}.moon-now{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:20px;padding:13px 0 20px;border-bottom:1px solid var(--line)}.moon-disc{display:block;width:76px;aspect-ratio:1;border-radius:50%;background:linear-gradient(90deg,#eef4ff 0 var(--moon-light,50%),#172033 var(--moon-light,50%));box-shadow:0 0 25px rgba(210,230,255,.24)}.moon-now small,.moon-now strong,.moon-now div>span{display:block}.moon-now small{color:#8191a8;font:800 9px/1 var(--mono);letter-spacing:.11em}.moon-now strong{margin:6px 0 3px;font-size:1.3rem}.moon-now div>span{color:#a9b5c7;font-size:.78rem}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.event-card{padding:15px;border:1px solid var(--line);background:rgba(255,255,255,.035)}.event-card time,.event-card strong,.event-card span{display:block}.event-card time{color:var(--pink);font:800 9px/1 var(--mono);letter-spacing:.08em}.event-card strong{margin:13px 0 8px;font-size:1rem}.event-card span{min-height:35px;color:#9cabbf;font-size:.7rem;line-height:1.4}.event-card button{margin-top:12px;padding:8px;border:1px solid var(--line);background:rgba(109,231,255,.07);text-transform:uppercase;font:800 9px/1 var(--mono);cursor:pointer}
.world-rail{position:absolute;z-index:12;left:clamp(14px,2.6vw,42px);right:clamp(14px,2.6vw,42px);bottom:100px;display:grid;grid-template-columns:repeat(10,1fr);border:1px solid var(--line);background:rgba(3,9,21,.68);backdrop-filter:blur(17px);box-shadow:0 10px 36px rgba(0,0,0,.3);overflow:hidden}.world-rail button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-width:0;min-height:46px;padding:0 10px;border:0;border-right:1px solid var(--line);background:transparent;color:#8fa0b7;cursor:pointer}.world-rail button:last-child{border-right:0}.world-rail button:hover{background:rgba(109,231,255,.08);color:#fff}.world-rail button[aria-current="true"]{background:linear-gradient(180deg,rgba(109,231,255,.16),rgba(166,124,255,.09));color:#fff;box-shadow:inset 0 -2px var(--cyan)}.world-rail span{min-width:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;font:800 9px/1 var(--mono);letter-spacing:.04em}.world-rail small{color:#506179;font:700 8px/1 var(--mono)}.world-dot{width:9px;height:9px;border-radius:50%;background:var(--dot,#aaa);box-shadow:0 0 9px var(--dot,#aaa)}.world-dot-sun{--dot:#ffbd45}.world-dot-mercury{--dot:#aaa39b}.world-dot-venus{--dot:#e4b56b}.world-dot-earth{--dot:#5bd7ff}.world-dot-mars{--dot:#ee7048}.world-dot-jupiter{--dot:#d19b6c}.world-dot-saturn{--dot:#ecd18d}.world-dot-uranus{--dot:#8fe8ea}.world-dot-neptune{--dot:#6087ff}.world-dot-pluto{--dot:#b7a38c}
.time-console{position:absolute;z-index:13;left:0;right:0;bottom:0;display:grid;grid-template-columns:120px 72px minmax(250px,1fr) 72px 155px 125px 84px;min-height:82px;border-top:1px solid var(--line-hot);background:linear-gradient(180deg,rgba(5,13,29,.88),rgba(1,4,12,.97));backdrop-filter:blur(22px)}.time-console>button,.time-console>label,.date-display{min-width:0;border:0;border-right:1px solid var(--line);background:transparent}.time-console>button{cursor:pointer;text-transform:uppercase;font:800 10px/1 var(--mono);letter-spacing:.05em}.time-console>button:hover{background:rgba(109,231,255,.08)}.time-play{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--cyan)}.time-play i{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid currentColor}.time-play[aria-pressed="true"] i{width:10px;height:12px;border:0;border-left:3px solid var(--gold);border-right:3px solid var(--gold)}.date-display{display:grid;grid-template-columns:auto 1fr;align-content:center;gap:4px 12px;padding:9px 17px}.date-display small{color:var(--pink);font:900 9px/1 var(--mono);letter-spacing:.12em}.date-display strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.9rem,1.4vw,1.12rem)}.date-display input{grid-column:1/-1;width:100%;height:16px;margin:3px 0 0;padding:0;border:0;accent-color:var(--cyan);cursor:ew-resize}.date-picker,.speed-picker{display:grid;align-content:center;gap:4px;padding:8px 12px}.date-picker span,.speed-picker span{color:#687b95;text-transform:uppercase;font:800 8px/1 var(--mono);letter-spacing:.09em}.date-picker input,.speed-picker select{width:100%;min-width:0;padding:0;border:0;background:transparent;color:#e7eff9;font:700 10px/1.2 var(--mono)}.today-control{color:var(--gold)}
.space-hint{position:absolute;z-index:5;left:50%;bottom:158px;transform:translateX(-50%);padding:7px 12px;border-radius:99px;background:rgba(0,0,0,.38);color:#73849b;text-transform:uppercase;font:800 8px/1 var(--mono);letter-spacing:.1em;pointer-events:none;transition:opacity .4s}.space-hint.is-gone{opacity:0}.space-toast{position:fixed;z-index:80;left:50%;bottom:116px;transform:translateX(-50%);max-width:calc(100% - 30px);padding:11px 16px;border:1px solid var(--line-hot);background:#071326;color:#fff;text-align:center;font:700 12px/1.35 var(--ui);box-shadow:0 15px 45px #000}
@keyframes live-pulse{50%{opacity:.45;transform:scale(.75)}}@keyframes space-flash{0%{opacity:0;transform:scale(.15)}35%{opacity:.88}100%{opacity:0;transform:scale(1.2)}}@keyframes travel-arrow{to{transform:translateX(12px);filter:drop-shadow(0 0 12px var(--cyan))}}

@media(max-width:1100px){
  .space-header{grid-template-columns:1fr auto}.space-modes{position:absolute;left:50%;top:76px;transform:translateX(-50%)}.space-head-actions{grid-column:2}.planet-file{width:340px;max-height:calc(100dvh - 290px);top:132px}.overview-control,.info-control{top:132px}.space-title{top:145px}.time-console{grid-template-columns:108px 58px minmax(210px,1fr) 58px 142px 105px 72px}.world-rail{bottom:94px}.space-drawer{bottom:188px}
}
@media(max-width:760px){
  .space-experience{min-height:500px}.space-header{min-height:62px;padding:7px 10px}.space-brand{width:165px}.space-head-actions [data-fullscreen]{display:none}.space-head-actions button,.space-head-actions a{padding:0 8px;font-size:8px}.space-modes{top:66px;width:calc(100% - 20px);overflow-x:auto;justify-content:flex-start;border-radius:0}.space-modes button{flex:1 0 auto;padding:0 13px}.space-title{top:119px;left:15px;max-width:76vw}.space-title p{font-size:8px}.space-title h1{font-size:clamp(2.5rem,12vw,3.8rem);line-height:.8}.space-title strong{margin-top:10px;font-size:9px}.space-travel-year strong{gap:12px;font-size:clamp(2.35rem,14vw,4.5rem);letter-spacing:-.1em}.overview-control{top:112px;left:auto;right:11px;font-size:8px}.info-control{display:block;top:auto;right:12px;bottom:183px;min-height:34px;font-size:8px}.space-camera{top:auto;right:9px;bottom:226px;grid-template-columns:38px 38px}.space-camera button{min-width:38px;min-height:36px}.space-camera [data-reset-view]{grid-column:1/-1;border-top:1px solid var(--line);border-right:0}.position-legend{left:9px;right:auto;top:auto;bottom:226px;max-width:calc(100% - 105px);flex-wrap:wrap;gap:6px;padding:6px 8px}.position-legend button{width:100%}.planet-file{position:absolute;top:auto;left:8px;right:8px;bottom:104px;width:auto;max-height:56dvh;padding:19px;transform:translateY(calc(100% + 130px));border-color:var(--line-hot)}.planet-file.is-open{transform:none}.planet-file h2{font-size:clamp(2.15rem,13vw,3.1rem)}.planet-lead{font-size:.83rem}.world-rail{left:0;right:0;bottom:95px;display:flex;overflow-x:auto;scrollbar-width:none}.world-rail::-webkit-scrollbar{display:none}.world-rail button{flex:0 0 92px;min-height:42px;padding:0 8px}.world-rail span{font-size:8px}.world-rail small{display:none}.time-console{grid-template-columns:72px minmax(0,1fr) 62px;min-height:94px}.time-console>[data-step],.date-picker,.speed-picker{display:none}.time-play{grid-column:1;grid-row:1}.date-display{grid-column:2;grid-row:1;padding:8px 7px;gap:3px}.date-display small{font-size:7px}.date-display strong{font-size:.76rem}.today-control{grid-column:3;grid-row:1}.space-hint{display:none}.space-drawer{left:8px;right:8px;bottom:104px;width:auto;max-height:62dvh;padding:17px;transform:none}.space-drawer h2{font-size:clamp(1.55rem,8vw,2.15rem)}.time-jumps{grid-template-columns:repeat(2,minmax(0,1fr))}.time-jumps button{min-height:92px}.time-jumps button:last-child{grid-column:1/-1}.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-grid button{min-height:112px;padding:13px}.mission-grid strong{margin-top:18px;font-size:.92rem}.event-grid{grid-template-columns:1fr}.event-card span{min-height:0}.moon-now{grid-template-columns:68px minmax(0,1fr)}.moon-disc{width:60px}.space-toast{bottom:106px;font-size:11px}
}
@media(max-width:420px){
  .space-brand{width:142px}.space-head-actions [data-sound]{font-size:0;width:37px}.space-head-actions [data-sound]:before{content:"♪";font-size:14px}.space-title{top:117px}.space-title h1{font-size:clamp(2.35rem,12vw,3rem)}.planet-file{max-height:62dvh}.mission-grid{grid-template-columns:1fr}.time-jumps button{padding:12px}.time-jumps span{font-size:1.2rem}.world-rail button{flex-basis:82px}
}
@media(max-height:600px) and (orientation:landscape){
  .space-experience{min-height:0}.space-header{min-height:50px}.space-brand{width:145px}.space-modes{top:54px}.space-title{top:99px}.space-title h1{font-size:3.2rem}.space-title strong{display:none}.world-rail{bottom:68px}.time-console{min-height:68px}.space-drawer{bottom:72px;max-height:calc(100dvh - 130px)}.planet-file{top:98px;bottom:72px;max-height:none}.info-control{bottom:138px}.space-camera{right:8px;bottom:122px}.position-legend{left:8px;bottom:122px}
}
@media(prefers-reduced-motion:reduce){.space-title p i,.space-travel-year i{animation:none}.space-warp-flash{display:none}.planet-file{transition:none}}