:root{color-scheme:dark;--ink:#101920;--paper:#f5eee0;--muted:#abb7bc;--gold:#e8c38e;--line:#ced5d126;--panel:#111c24ec}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#090e13;color:var(--paper);font:15px/1.5 system-ui,-apple-system,sans-serif;overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit;border:1px solid var(--line);background:#17232cbc;border-radius:6px;padding:10px 16px}button:hover{background:#34414a}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a{color:var(--muted);text-decoration:none}a:hover{color:var(--paper)}kbd{font:10px ui-monospace,monospace;opacity:.7;margin-left:8px;border:1px solid #fff3;padding:2px 4px;border-radius:3px}[hidden]{display:none!important}
#scene{position:fixed;inset:0}#scene canvas{display:block;touch-action:none}#brand{position:fixed;z-index:12;top:34px;left:44px;display:flex;align-items:center;gap:13px;font-size:15px;letter-spacing:.21em;pointer-events:none}.orbit-mark{font-size:36px;line-height:1;color:var(--gold)}.brand-small{display:block;font-size:8px;letter-spacing:.27em;color:#b0babd;margin-top:3px}
#overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;background:linear-gradient(90deg,#0a1118f5 0%,#0a1118da 30%,#0a111868 52%,#0a111808 74%),linear-gradient(0deg,#0a1118b0,transparent 22%);transition:opacity .5s;overflow-y:auto}#overlay.gone{opacity:0;pointer-events:none;visibility:hidden}.intro{max-width:650px;padding:120px 32px 60px 7vw}.eyebrow{font:10px/1.6 ui-monospace,monospace;letter-spacing:.19em;color:var(--gold);margin:0 0 22px}h1{font-size:clamp(38px,4.6vw,69px);line-height:1.05;font-weight:400;letter-spacing:-.055em;margin:0 0 28px}.intro-copy{font-size:15px;line-height:1.9;max-width:43ch;color:#b7c2c8}.intro-meta{display:flex;gap:19px;font:8px ui-monospace,monospace;letter-spacing:.04em;color:#98a6ac;margin:30px 0}.intro-meta b{font-weight:400;color:var(--gold);display:block;margin-bottom:7px}.load-row{display:flex;justify-content:space-between;color:#96a7b0;font:10px ui-monospace,monospace;margin:15px 0 9px}.track,.mission-track{height:2px;background:#ffffff16;overflow:hidden}#bar,#mission-fill,#action-fill{height:100%;width:0;background:var(--gold);transition:width .2s}.btns{display:flex;gap:10px;margin-top:25px}.primary{background:var(--gold);border-color:var(--gold);color:#1e2527;min-height:46px;font-weight:600}.primary:hover{background:#f1d6ae}.primary span{margin-left:24px}.secondary{background:#18242b99;min-height:46px}.legend{font-size:10px;line-height:1.8;color:#8e9ea7;margin:20px 0 0}.intro-footer{display:flex;justify-content:space-between;gap:25px;font-size:10px;border-top:1px solid var(--line);margin-top:30px;padding-top:17px}#dev-badge{color:var(--gold);margin-left:6px}.coordinate-note{position:absolute;right:5vw;bottom:65px;text-align:right}.coordinate-note>span{font:9px ui-monospace,monospace;letter-spacing:.2em;color:var(--gold)}.coordinate-note strong{display:block;font-size:15px;letter-spacing:.14em;line-height:1.6;font-weight:400;margin-top:13px}.coordinate-note p{font-size:9px;color:#91a1aa}
#vig{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 62%,#050a1450)}#fade{position:fixed;inset:0;background:#090e13;z-index:100;opacity:0;pointer-events:none;transition:opacity .18s}#fade.active{opacity:1}
body.playing #brand{top:22px;left:26px;font-size:10px}body.playing .brand-small{display:none}body.playing .orbit-mark{font-size:22px}#play-ui{position:fixed;inset:0;pointer-events:none;z-index:5}#play-ui button,#play-ui input,#station-panel{pointer-events:auto}#top-status{position:absolute;right:24px;top:18px;display:flex;align-items:center;gap:12px;font:10px ui-monospace,monospace;color:#c0ccd0;background:#0d1720b0;border:1px solid var(--line);border-radius:5px;padding:5px 6px 5px 15px}.live-dot{width:5px;height:5px;border-radius:50%;background:#8fcdad}.divider{opacity:.35}#top-status button{font:10px ui-monospace,monospace;padding:7px 10px}#objective{position:absolute;left:26px;top:85px;width:280px;padding:20px;background:var(--panel);border:1px solid var(--line);border-left:2px solid var(--gold);border-radius:5px}.objective-header{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;letter-spacing:.13em;color:var(--gold)}#objective h2{font-size:17px;line-height:1.35;font-weight:450;margin:15px 0 8px}#objective p{font-size:11px;color:var(--muted);line-height:1.7;margin:0 0 17px}#map-open{font-size:10px;width:100%;text-align:left;margin-top:15px;background:transparent;padding:8px 0;border:0}#map-open kbd{float:right}#reticle{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:#ffe9c3a8;box-shadow:0 0 0 4px #0002}
#station-panel{position:absolute;right:26px;bottom:90px;width:330px;padding:24px;border-radius:6px;background:var(--panel);border:1px solid #e8c38e60}#station-panel .eyebrow{margin:0 0 9px}#station-panel h2{font-size:20px;font-weight:450;line-height:1.3;margin:0 0 10px}#station-panel p{font-size:12px;color:var(--muted);margin:0 0 16px}#action-btn{width:100%;margin:16px 0 14px;touch-action:none}#tune-control label,#alignment{font:10px ui-monospace,monospace;color:var(--muted)}.tune-track{height:22px;position:relative;margin:9px 0}.tune-track input{position:relative;margin:0;width:100%;height:22px;accent-color:var(--gold);background:transparent;cursor:ew-resize}.tune-track input::-webkit-slider-runnable-track{background:#ffffff20;height:4px}.tune-track input::-webkit-slider-thumb{margin-top:-6px}#target-band{position:absolute;top:0;height:22px;background:#8cc9a360;border-left:1px solid #9ce2bb;border-right:1px solid #9ce2bb;pointer-events:none}#bottom-bar{position:absolute;bottom:22px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}#bottom-bar>div{display:flex;gap:8px}#bottom-bar button{font-size:10px;padding:8px 12px;background:#101a22c9}#toast{position:absolute;top:75px;left:50%;transform:translateX(-50%);max-width:420px;padding:13px 20px;background:var(--panel);border:1px solid var(--line);border-radius:6px;font-size:12px;opacity:0;transition:opacity .2s}#toast.show{opacity:1}
dialog{color:var(--paper);background:#111c24;border:1px solid #71838c66;border-radius:10px;width:min(960px,94vw);max-height:90dvh;padding:30px;box-shadow:0 30px 130px #0009}dialog::backdrop{background:#050a12a8;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:start}.dialog-heading .eyebrow{margin:0 0 7px}.dialog-heading h2{font-size:29px;font-weight:400;letter-spacing:-.03em;margin:0 0 25px}.dialog-heading button{padding:5px 12px;font-size:20px}.map-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:28px}#map-picture{background:#0b151c;border:1px solid var(--line);border-radius:6px;align-self:start}#site-map{width:100%;display:block}.map-caption{font:8px ui-monospace,monospace;letter-spacing:.08em;color:var(--muted);padding:0 15px 8px}#destination-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.destination{text-align:left;min-height:85px;background:#182630;border:1px solid var(--line);padding:13px}.destination span{display:block;font:8px ui-monospace,monospace;letter-spacing:.06em;color:var(--gold);margin-bottom:8px}.destination b{font-size:12px;font-weight:450}.map-footer{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.map-footer button{font-size:10px}
#hud{position:fixed;left:12px;bottom:70px;font:11px ui-monospace,monospace;background:#08121ccc;color:#c3d6d8;padding:9px;z-index:9;white-space:pre;display:none}.keys{display:none!important}
@media(max-width:760px){#brand{top:22px;left:24px}.intro{padding:100px 25px 40px;max-width:540px}#overlay{background:linear-gradient(90deg,#0a1118ec,#0a11186b),linear-gradient(0deg,#0a1118d9,transparent)}.coordinate-note{display:none}h1{font-size:48px}.intro-copy{font-size:13px}.intro-meta{margin:23px 0;font-size:7px;gap:18px}#objective{left:15px;top:75px;width:230px;padding:15px}#objective h2{font-size:14px}#objective p{font-size:10px}body.playing #brand{left:15px;top:20px}body.playing #brand>span:nth-child(2){display:none}#top-status{right:12px;gap:7px;font-size:8px}#top-status button{font-size:9px}#bottom-bar{left:15px;right:15px;bottom:12px}#travel-hint{display:none}#bottom-bar button{font-size:9px;padding:7px 8px}#station-panel{right:15px;bottom:55px;width:min(310px,90vw);padding:18px}#toast{top:57px;min-width:70vw;font-size:10px}.map-layout{grid-template-columns:1fr}#map-picture{display:none}dialog{padding:22px}.dialog-heading h2{font-size:23px}.map-footer{gap:18px}}
@media(pointer:coarse){body.playing #objective{max-width:210px}body.playing #objective p{display:none}#bottom-bar{top:225px;bottom:auto;left:15px;right:auto}#bottom-bar>div{flex-direction:column;align-items:start}#station-panel{bottom:180px;width:250px}#station-panel h2{font-size:16px}#station-panel p{font-size:10px}kbd{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Inhabited core revision: the settlement is the first screen. */
:root{--ink:#19201e;--paper:#ede9dd;--muted:#c1c3b7;--gold:#d6b396;--line:#d9dfcf30;--panel:#1b2424ee}
html,body{background:#121614}
button{border-radius:2px;background:#283231d9}button:hover{background:#4a5851}
.primary{background:#e3d6bf;border-color:#e3d6bf;color:#29342f}.primary:hover{background:#f0e7d7}
#brand{top:27px;left:34px;font-size:13px;letter-spacing:.19em}.orbit-mark{color:#d4b596}.brand-small{color:#c3c5b8}
#overlay{align-items:flex-end;background:linear-gradient(0deg,#101714f5 0%,#101714d4 10%,#1017146a 24%,transparent 44%);overflow-y:auto}
.intro{width:min(790px,70vw);max-width:none;padding:0 0 31px 36px}
#chapter{font-size:9px;letter-spacing:.22em;margin:0 0 10px;color:#d2c5b1}
h1{font-size:clamp(34px,4.2vw,62px);line-height:1.03;font-weight:450;letter-spacing:-.035em;margin:0 0 13px}
.intro-copy{font-size:12px;line-height:1.6;max-width:53ch;margin:0 0 16px;color:#d0d3c8}
.intro-meta{display:none}.btns{margin-top:12px;gap:8px}.btns button{min-height:42px;font-size:12px;padding:9px 19px}
.legend{font-size:9px;line-height:1.6;margin-top:12px;max-width:64ch;color:#b4bdb1}
.load-row{max-width:380px;font-size:9px;margin:7px 0 6px}.track{max-width:380px;height:1px}
.intro-footer{max-width:450px;border:0;padding-top:0;margin-top:15px;font-size:9px;justify-content:flex-start;gap:22px}
.coordinate-note{right:36px;bottom:34px}.coordinate-note>span{font-size:8px;color:#b0c1b4}
.coordinate-note strong{font-size:12px;letter-spacing:.12em;margin-top:7px}.coordinate-note p{font-size:9px;color:#bac6ba}
#vig{background:radial-gradient(ellipse at center,transparent 74%,#07100c25)}
body.playing #brand{top:19px;left:22px;opacity:.8}body.playing #brand .orbit-mark{font-size:18px}
#top-status{right:20px;top:13px;background:#17232080;border:0;border-radius:2px;font-size:9px;padding:4px 5px 4px 10px;gap:10px}
#objective{left:22px;top:auto;bottom:78px;width:265px;padding:12px 14px;background:linear-gradient(90deg,#15201bd6,#15201b90);border:0;border-left:2px solid #c4a085;border-radius:0}
.objective-header{font-size:8px;letter-spacing:.12em}
#objective h2{font-size:13px;line-height:1.3;margin:7px 0 8px;font-weight:450}
#objective p{display:none}#objective .mission-track{height:1px}#map-open{width:auto;margin:7px 0 0;padding:0;font-size:9px;min-height:22px}#map-open kbd{float:none}
#station-panel{right:22px;bottom:76px;width:278px;padding:16px;background:#192724e8;border:1px solid #bec5ad3b;border-radius:2px}
#station-panel .eyebrow{font-size:8px;margin-bottom:6px}#station-panel h2{font-size:16px;margin-bottom:8px}#station-panel p{font-size:10px;margin-bottom:10px}
#action-btn{font-size:11px;min-height:38px;margin:10px 0 11px}#alignment,#tune-control label{font-size:9px}
#bottom-bar{left:22px;right:22px;bottom:19px;font-size:9px}#bottom-bar button{font-size:9px;padding:7px 9px;background:#172520aa;border-color:#d1d8bd20}
#reticle{width:3px;height:3px;background:#e0dfd480}#toast{background:#1a2722e6;border-radius:2px;top:59px;font-size:11px}
dialog{background:#202b27;border-radius:3px}#map-picture{background:#16241f}.destination{background:#283830;border-radius:2px}.destination span{color:#c9b397}.dialog-heading h2{font-size:25px}
@media(max-width:760px){
 #brand{top:19px;left:21px;font-size:11px}.intro{width:100%;padding:0 22px 23px}
 #overlay{background:linear-gradient(0deg,#101914fa 0%,#101914e3 24%,#10191440 53%,transparent 72%)}
 h1{font-size:41px;max-width:340px}.intro-copy{font-size:11px;max-width:37ch}.intro-footer{font-size:8px;gap:18px}
 .legend{font-size:8px;max-width:42ch}.load-row{font-size:8px}.coordinate-note{display:none}
 #objective{left:14px;bottom:66px;top:auto;width:228px;padding:10px 12px}
 #objective h2{font-size:12px}#top-status{top:12px;right:12px;font-size:8px;gap:6px}#top-status button{padding:6px 7px}
 #station-panel{right:14px;bottom:66px;width:256px;padding:13px}#station-panel h2{font-size:15px}
 #bottom-bar{left:14px;right:14px;bottom:15px}#toast{top:55px}
}
@media(pointer:coarse){
 body.playing #objective{top:61px;bottom:auto;left:14px;width:205px;max-width:205px;padding:9px 11px}
 #bottom-bar{left:14px;right:auto;top:166px;bottom:auto}
 #bottom-bar>div{gap:5px}#bottom-bar button{font-size:8px;padding:6px 8px}
 #station-panel{bottom:168px;right:14px;width:min(250px,67vw)}
 #station-panel p{font-size:10px}#station-panel h2{font-size:14px}
}
@media(max-height:610px){.intro{padding-bottom:18px}h1{font-size:34px}.intro-copy,.legend{display:none}.intro-footer{margin-top:10px}#chapter{margin-bottom:5px}}

.btns{flex-wrap:wrap}#commons-btn{border-color:#c6d5bf65;background:#30473bbd}

#hud{pointer-events:none;left:auto;right:20px;top:60px;bottom:auto;font-size:9px}

/* Photo directory is visible at arrival and available in both worlds. */
#overlay{overflow:auto;display:block;padding:80px 5vw 36px;background:linear-gradient(90deg,#09151fed,#09151f80)}
#overlay .intro{max-width:740px;padding:0;margin:0}#overlay h1{font-size:clamp(40px,5vw,72px);margin:12px 0}
#overlay .intro-meta,.coordinate-note{display:none!important}#overlay .intro-copy{font-size:17px}
#entry-directory{max-width:1500px;margin:30px auto 0}.world-tabs{display:flex;gap:12px;grid-column:1/-1;margin:10px 0 20px}
.world-tabs button{padding:12px 20px;background:#20343c;border:1px solid #82999766;color:#d3e3dc;border-radius:8px;font-size:16px}.world-tabs .selected{background:#355b56;border-color:#a6d9bf;color:#fff}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.photo-destination{display:block;overflow:hidden;text-align:left;padding:0 0 15px;background:#172b33;border:1px solid #6c83834d;border-radius:9px;transition:transform .15s}
.photo-destination:hover{transform:translateY(-3px);border-color:#bee0c4}.photo-destination img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;background:#2d424b}.photo-destination span,.photo-destination b{display:block;margin:12px 14px 0}.photo-destination span{font:10px monospace;letter-spacing:1.3px;color:#a2c4ba}.photo-destination b{font-size:16px;color:#f2f0df}
#map-dialog{width:min(1200px,94vw);max-height:90dvh}#map-picture{display:none}.map-layout{display:block!important}#destination-list{display:block;max-height:62dvh;overflow:auto;padding:2px 8px 8px}#entry-directory .photo-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
#awareness-note{position:fixed;top:74px;left:22px;max-width:340px;padding:9px 12px;background:#102a30c9;border-left:2px solid #a6eed0;color:#b8d0c7;font:10px/1.5 monospace;z-index:8;pointer-events:none}
#bottom-bar>div{flex-wrap:wrap}#bottom-bar button{font-size:11px;padding:9px 11px}#travel-hint{display:none}
@media(max-width:600px){#overlay{padding:76px 18px 30px}#entry-directory .photo-grid,.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.photo-destination b{font-size:13px;margin:9px 9px 0}.photo-destination span{font-size:8px;margin:9px 9px 0}.world-tabs button{font-size:13px;padding:10px}.intro-footer{flex-wrap:wrap}#bottom-bar{bottom:8px;left:12px;right:12px}#bottom-bar>div{justify-content:center}.dialog-heading h2{font-size:23px}#destination-list{max-height:68dvh}}