/* Space Scrapyard / cinematic expedition system. Original illustrations, no remote assets. */
:root{--ink:#eaf3ed;--dim:#b1c7c8;--mint:#95e0cf;--peach:#efb189;--glass:rgba(12,28,42,.92)}
html{background:#06101b}body{background:transparent;color:var(--ink)}button,a,input,textarea,summary{touch-action:manipulation}button{min-height:44px;border-radius:9px;border:1px solid #9cbabd4d;background:#173344d9;color:var(--ink);transition:background .18s,transform .18s}button:hover{background:#285162}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--peach);outline-offset:4px}.primary{background:var(--mint);color:#102f35;border-color:var(--mint);font-weight:750}.primary:hover{background:#c0f1df;color:#102f35}button:disabled{opacity:.5}.text-button{background:transparent;border-color:transparent;color:#d8e7df;font-size:12px}.muted,.small{color:var(--dim)}.eyebrow{font-size:10px;letter-spacing:.21em;color:#b8dfd7;line-height:1.6}.boundary{border-left:2px solid var(--peach);padding-left:15px}a{color:#b5eee1}
#space-world{position:fixed;inset:-2%;z-index:-3;background:center/cover no-repeat url('scenes/hub.svg');transform:translateX(var(--look,0px)) scale(1.025);transition:background-image .6s,transform 1.3s ease-out}.space-vignette{position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#04101b6e,transparent 70%),linear-gradient(#02091633,transparent 40%,#020c1bb3)}
header{position:relative;z-index:10;max-width:none;min-height:82px;padding:14px 4vw;border-bottom:1px solid #a1c8c229;background:linear-gradient(#07131de8,#112435ba);backdrop-filter:blur(16px)}header .brand{border:0;background:none;min-width:145px;color:#e6f1e7}header .mark{color:var(--mint)}header nav{gap:7px}header nav button{font-size:12px;border:1px solid transparent;background:transparent;padding:8px 16px}header nav button[aria-current=page]{background:#8ae2ca20;border-color:#8ae2ca4a;color:#baf5df}header .private{font-size:9px;letter-spacing:.15em;color:#bad3c8}.world-mode header{position:absolute;inset:0 0 auto}.in-story header{visibility:hidden}#notice{position:fixed;z-index:30;right:20px;top:85px;max-width:330px;color:#d8e9db;font-size:11px;background:#0d243ddb;border-radius:6px;padding:5px 10px}#notice:empty{display:none}
#main{max-width:1350px;padding:40px 35px 80px;margin:auto;outline:none}.world-mode #main{max-width:none;padding:0;height:auto;min-height:100svh}.world-mode footer{display:none}footer{border-top-color:#96cfc232;background:#0b1a28df}.world-screen{position:relative;min-height:760px;height:100svh;overflow:hidden}.opening-title{position:absolute;left:7vw;top:13vh;z-index:1}.opening-title h1{font-size:clamp(48px,6.4vw,105px);line-height:.94;letter-spacing:-.055em;font-weight:800;margin:20px 0}.opening-title h1 em{font-style:normal;color:#c4e5d6;font-weight:350;letter-spacing:-.065em}.opening-title p{font-size:14px;color:#c6d8d4}.crew-art{position:absolute;right:6vw;bottom:6vh;height:min(73vh,790px);width:auto;max-width:58vw;filter:drop-shadow(0 15px 30px #06152266);pointer-events:none;animation:crew-arrive 1.3s ease both}.story-box{position:absolute;left:7vw;bottom:10vh;width:min(580px,47vw);z-index:3;padding:25px 30px;background:linear-gradient(130deg,#163849ee,#0b1f31f0);border:1px solid #b2d6ca5c;border-top-color:#c9eee49c;border-radius:17px;box-shadow:0 20px 65px #0005;backdrop-filter:blur(16px)}.story-top,.story-controls{display:flex;align-items:center;gap:10px;justify-content:space-between}.story-box h2{font-size:clamp(21px,2.2vw,30px);font-weight:580;letter-spacing:-.035em;margin:10px 0 14px;line-height:1.2}.story-box p{font-size:15px;color:#d2e2dc;line-height:1.8;margin:0 0 20px}.story-dots{display:flex;gap:5px;margin-right:auto}.story-dots i{width:5px;height:5px;border-radius:50%;background:#64837f}.story-dots i.current{background:var(--mint);width:19px;border-radius:4px}.story-controls button{font-size:12px}.world-credit{position:absolute;bottom:19px;left:4vw;right:4vw;color:#c1d5d1;font-size:9px;letter-spacing:.06em;text-align:center;line-height:1.5}
.world-heading{position:absolute;top:25vh;left:7vw;z-index:2;max-width:600px}.world-heading h1{font-size:clamp(38px,4.7vw,72px);line-height:1.05;letter-spacing:-.055em;margin:18px 0 22px}.world-heading h1 em{color:#bce7d3;font-style:normal;font-weight:400}.world-heading p{line-height:1.9;font-size:15px;color:#c8dcd5;margin-bottom:25px}.big-button{padding:17px 24px;font-size:15px;display:block;margin-bottom:10px}.hub-screen .crew-art{right:3vw;bottom:10vh;height:72vh;max-width:51vw}.hud-status{position:absolute;left:7vw;right:7vw;bottom:7vh;display:flex;align-items:center;gap:40px;padding:15px 24px;border:1px solid #9bdaca3d;border-radius:12px;background:#0d283dcc;backdrop-filter:blur(13px);animation:hud-arrive .8s ease both}.hud-status>span,.hud-status>button{font-size:9px;letter-spacing:.16em;color:#c2d5cf}.hud-status b{font-size:25px;font-weight:350;color:#d6efdc;margin-right:12px;vertical-align:middle}.hud-status>button{margin-left:auto;background:transparent;border:0}
.space-dialog{max-width:none;color:var(--ink);background:linear-gradient(135deg,#193747f5,#0c1b2afc);border:1px solid #c0ddce70;border-radius:18px;padding:30px;max-height:85svh;box-shadow:0 30px 100px #0008;overflow:auto}.space-dialog::backdrop{background:#030b1796;backdrop-filter:blur(6px)}.space-dialog h2{font-size:26px;line-height:1.2;letter-spacing:-.035em;margin:5px 0}.space-dialog h3{font-size:18px;line-height:1.35}.space-dialog p{font-size:14px;line-height:1.8}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.close-button{font-size:28px;line-height:1;min-width:44px;flex-shrink:0;padding:0;background:#152e3c}.map-dialog{width:min(1080px,92vw)}.destination-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:24px 0}.destination-card{overflow:hidden;background:#142b3c;border:1px solid #86b0ab40;border-radius:12px;display:flex;flex-direction:column}.destination-art{height:140px;background-position:center;background-size:cover;position:relative}.destination-art span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#071a2ff5);padding:35px 12px 12px;font-size:8px;letter-spacing:.16em}.destination-copy{padding:17px;display:flex;flex-direction:column;flex:1}.destination-copy .eyebrow{font-size:8px;letter-spacing:.1em}.destination-copy h3{margin:10px 0;font-size:17px}.destination-copy p{font-size:10px;color:var(--dim);margin:auto 0 12px}.destination-copy button{font-size:11px;padding:9px}.npc-dialog{width:min(600px,90vw);margin:auto 5vw 10vh auto}.npc-id{display:flex;align-items:center;gap:15px}.npc-id img{width:68px;height:83px;object-fit:contain}.npc-tip{border-left:2px solid var(--mint);padding-left:15px;color:#bde0d3}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.dialog-actions button{font-size:12px}.field-dialog{width:min(680px,92vw)}.field-dialog model-viewer{width:100%;height:290px;margin:20px 0;background:#172d3b;border-radius:12px}.exhibit-scene{height:230px;background-position:center;background-size:cover;border-radius:12px;margin:20px 0}.science-note{font-size:23px!important;font-weight:400;color:#c3eee0;background:#102836;padding:25px;border-radius:12px}.model-fallback{width:100%;height:260px;object-fit:contain}.field-heading{position:absolute;left:5vw;top:17vh;max-width:710px}.field-heading h1{font-size:clamp(30px,3.7vw,59px);font-weight:480;letter-spacing:-.055em;line-height:1.09;margin:15px 0}.field-heading p{font-size:14px;color:#d3e5dc}.field-objective{position:absolute;right:5vw;top:18vh;width:230px;text-align:right}.field-objective p{font-size:12px;line-height:1.6;color:#d3e2da}.field-objective>span:last-child{font-size:10px;color:#adcabe}.landscape-hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;z-index:3;pointer-events:auto;display:flex;align-items:center;gap:12px;padding:11px 16px;background:#0c2636eb;border:1px solid #b3e0d087;border-radius:50px;box-shadow:0 0 24px #78cbb415;font-size:12px;text-align:left;animation:hud-arrive 1s ease both}.hotspot>span:first-child{font-size:26px;color:var(--mint);width:26px;text-align:center}.hotspot small{display:block;font-size:9px;color:#adcbc3;margin-top:5px}.history-hotspot{left:7vw;top:51%}.science-hotspot{left:40%;top:66%}.artifact-hotspot{right:6vw;top:48%}.npc-on-world{position:absolute;left:23vw;bottom:19vh;width:170px;padding:0;background:none;border:0;z-index:2}.npc-on-world:hover{background:none;transform:translateY(-5px)}.npc-on-world img{width:100%;height:230px;object-fit:contain;filter:drop-shadow(0 7px 10px #03121b);animation:float-echo 5s ease-in-out infinite}.npc-on-world>span{display:block;color:#ccedde;font-size:11px;letter-spacing:.18em}.npc-on-world small{display:block;font-size:8px;color:#a9c6c1;margin-top:5px}.field-dock{position:absolute;left:50%;transform:translateX(-50%);bottom:8vh;display:flex;gap:9px;background:#102c3be8;border:1px solid #9ecfc456;border-radius:14px;padding:12px;white-space:nowrap;backdrop-filter:blur(15px)}.field-dock button{font-size:12px;padding:10px 18px}
#travel-layer{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at center,#325d69,#081628 60%,#020b15);overflow:hidden;text-align:center;padding:30px}#travel-layer[hidden]{display:none}#travel-layer h2{font-size:clamp(28px,5vw,66px);font-weight:350;letter-spacing:.02em;position:relative}#travel-layer p{color:#badbd2;font-size:13px;position:relative}.travel-orbits{position:absolute;width:35vw;height:35vw;border:1px solid #8bddc955;border-radius:50%;box-shadow:0 0 0 70px #8acbb711,0 0 0 180px #8acbb70b,0 0 90px #7ae2bf3b;transform:rotateX(55deg);animation:transit 1.2s ease-in forwards}#travel-layer button{position:relative;margin-top:20px}
body:not(.world-mode) .panel,body:not(.world-mode) .lesson{background:#102a3bf0;border-color:#8abdae4d;backdrop-filter:blur(12px)}body:not(.world-mode) .artifact,body:not(.world-mode) .canvas-wrap{background:#0d2234e8;border-color:#9ec9bc59}body:not(.world-mode) #main{background:#0718257a;min-height:75vh}.lab{gap:25px}.quiz h3{color:#e2eee4}.choice{color:#e6f2e9}input,textarea{background:#0c2333;color:#e4eee5;border-color:#9bc9be66}#creation-model{background:#123244}.skip:focus{z-index:200}
@keyframes crew-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes hud-arrive{from{opacity:0;translate:0 13px}to{opacity:1;translate:0 0}}@keyframes float-echo{50%{transform:translateY(-9px)}}@keyframes transit{from{transform:rotateX(55deg) scale(.7)}to{transform:rotateX(55deg) scale(4);opacity:0}}
@media(max-width:1100px){.destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-objective{display:none}.story-box{width:50vw;left:5vw}.opening-title{left:5vw}.crew-art{right:0;max-width:52vw}.world-heading{left:5vw;max-width:52vw}.field-heading{max-width:80vw}.hotspot{padding:10px 12px}.npc-on-world{left:23vw}.science-hotspot{left:48%;top:67%}}
@media(max-width:650px){header{padding:10px 15px;min-height:94px;flex-wrap:wrap;gap:8px;justify-content:space-between}header .brand{min-width:110px;font-size:14px}header .private{font-size:8px}header nav{order:3;width:100%;justify-content:space-between}header nav button{font-size:10px;min-height:36px;padding:7px 9px;flex:1}.world-screen{min-height:720px;height:100svh}.opening-title{top:5vh;left:7vw;right:7vw}.opening-title .eyebrow{font-size:8px;max-width:230px}.opening-title h1{font-size:clamp(43px,13vw,60px);margin:12px 0}.opening-title p{font-size:11px}.crew-art{height:47vh;max-width:90vw;right:1vw;bottom:34vh;opacity:.95}.story-box{left:5vw;right:5vw;bottom:6vh;width:auto;padding:19px 21px;border-radius:14px}.story-box h2{font-size:22px}.story-box p{font-size:12px;line-height:1.7;margin-bottom:13px}.story-top .eyebrow{font-size:8px}.story-top .text-button{font-size:10px;padding:3px;min-height:32px}.story-controls{gap:6px}.story-controls button{font-size:10px;padding:9px}.story-dots{gap:3px}.story-dots i{width:4px;height:4px}.story-dots i.current{width:12px}.world-credit{font-size:8px;bottom:11px;letter-spacing:0}.world-heading{top:19vh;left:7vw;right:7vw;max-width:none}.world-heading .eyebrow{font-size:8px}.world-heading h1{font-size:39px;margin:12px 0 17px}.world-heading p{font-size:12px;line-height:1.7}.big-button{font-size:12px;padding:12px 17px;position:relative;z-index:4}.hub-screen .crew-art{height:47vh;max-width:77vw;bottom:11vh;right:-7vw;opacity:.9;z-index:0}.hub-screen .world-heading{z-index:2}.hud-status{left:5vw;right:5vw;bottom:6vh;padding:13px;gap:10px;flex-wrap:wrap}.hud-status>span{font-size:7px}.hud-status b{font-size:19px;margin-right:5px}.hud-status>button{font-size:8px;padding:5px;min-height:32px;margin-left:auto}.hud-status>button b{font-size:18px}.field-heading{left:6vw;right:6vw;top:18vh;max-width:none}.field-heading h1{font-size:32px;margin:11px 0}.field-heading>.eyebrow{font-size:8px}.field-heading p{font-size:12px}.history-hotspot{left:5vw;top:41%}.artifact-hotspot{right:5vw;top:53%}.science-hotspot{left:5vw;top:65%}.hotspot{font-size:11px;gap:7px;padding:9px 14px}.hotspot small{font-size:8px;max-width:190px}.hotspot>span:first-child{font-size:21px;width:22px}.npc-on-world{left:auto;right:7vw;bottom:19vh;width:107px}.npc-on-world img{height:140px}.npc-on-world>span{font-size:9px}.npc-on-world small{font-size:6px}.field-dock{left:5vw;right:5vw;transform:none;bottom:6vh;white-space:normal;display:grid;grid-template-columns:1fr 1fr;padding:8px;gap:6px}.field-dock button{font-size:10px;padding:8px;min-height:40px}.space-dialog{padding:21px;max-height:87svh;width:92vw}.space-dialog h2{font-size:24px}.space-dialog p{font-size:12px}.dialog-heading{gap:10px}.destination-grid{grid-template-columns:1fr;gap:15px}.destination-card{flex-direction:row;min-height:168px}.destination-art{width:32%;height:auto;flex-shrink:0}.destination-art span{font-size:7px;line-height:1.7;padding:40px 9px 12px}.destination-copy{padding:15px}.destination-copy h3{font-size:16px;margin:7px 0}.destination-copy .eyebrow{font-size:7px}.destination-copy button{min-height:39px;font-size:10px}.npc-dialog{margin:auto auto 5vh}.npc-id{gap:9px}.npc-id img{width:50px;height:65px}.npc-id .eyebrow{font-size:8px}.npc-id h2{font-size:22px}.dialog-actions{gap:8px;margin-top:17px}.dialog-actions button{font-size:11px;flex:1}.science-note{font-size:19px!important;padding:19px}.field-dialog model-viewer{height:225px}#notice{top:105px;right:10px;max-width:270px;font-size:9px}#main{padding:25px 18px 65px}.lab{display:block}.kit-layout{gap:15px}.section-head h2{font-size:25px}}
@media(max-height:650px) and (min-width:651px){.world-screen{min-height:650px}.opening-title{top:8vh}.opening-title h1{font-size:60px}.story-box{bottom:7vh}.crew-art{height:78vh}.world-heading{top:20vh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#space-world{transform:none}.travel-orbits{display:none}}