@import url('/src/type.css');
:root{font-family:'Segoe UI',Arial,sans-serif;color:#f6f3ec;background:#141c25;font-synthesis:none;--gold:#f9a239;--graphite:#141c25;--muted:#aab5b8;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button,.button{color:inherit;border:1px solid #ffffff24;background:#ffffff08;cursor:pointer;padding:10px 15px;border-radius:3px;transition:background .2s,border-color .2s}button:hover,.button:hover{background:#f9a23924;border-color:#f9a23977}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,.button:focus-within{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}#experience,#world,.vignette{position:absolute;inset:0;width:100%;height:100%}#world{display:block;touch-action:none;outline-offset:-4px}.vignette{pointer-events:none;background:linear-gradient(90deg,#101920ad 0,transparent 48%),linear-gradient(0deg,#101920c9 0,transparent 29%,transparent 78%,#10192070 100%)}.brand{position:absolute;z-index:6;top:34px;left:40px;display:flex;align-items:center;gap:25px;pointer-events:none}.brand img{width:150px;height:auto;filter:drop-shadow(0 1px 1px #ffffff55)}.brand>span{font-size:10px;letter-spacing:.21em;border-left:1px solid #ffffff35;padding-left:24px;color:#d4d8d6}.brand i{font-style:normal;color:var(--gold);margin:0 7px}.top-tools{position:absolute;z-index:7;top:40px;right:40px;display:flex;gap:12px;align-items:center}.local-label{font-size:8px;letter-spacing:.13em;color:#e4e5d8;margin-right:12px}.top-tools select{background:#141c25bd;border:1px solid #ffffff35;color:white;padding:9px;font-size:11px}.top-tools button{font-size:11px;letter-spacing:.07em;background:#141c25a8}.skip{position:fixed;top:0;left:20px;z-index:50;transform:translateY(-150%);background:var(--gold);color:var(--graphite);padding:12px}.skip:focus{transform:none}.glass{background:#141c25e8;backdrop-filter:blur(16px);border:1px solid #ffffff20;box-shadow:0 12px 50px #10161c24;border-radius:5px}.eyebrow{font-size:10px;letter-spacing:.22em;display:flex;align-items:center;gap:15px;color:#e5e5da;font-weight:500}.eyebrow>span:first-child{color:var(--gold)}#intro{position:absolute;inset:0;z-index:5;background:radial-gradient(ellipse at 65% 60%,#29313b 0,transparent 49%),#141c25;display:flex;align-items:center;padding:12vh 10vw}.intro-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#aeb8b7 1px,transparent 1px),linear-gradient(90deg,#aeb8b7 1px,transparent 1px);background-size:90px 90px;mask-image:radial-gradient(ellipse at 70% 80%,black,transparent 60%);transform:perspective(700px) rotateX(40deg) scale(1.3);pointer-events:none}.intro-inner{position:relative;max-width:1000px}#intro .eyebrow{margin-bottom:40px;gap:20px}#intro .eyebrow span{color:var(--gold);font-size:9px}#intro h1{font-size:clamp(38px,5.2vw,84px);line-height:1.12;letter-spacing:-.045em;font-weight:300;margin:0 0 55px}#intro h1 em{font-style:normal;color:#929d9e}#enter{display:flex;align-items:center;gap:20px;border:0;padding:16px 0;background:none;font-size:13px;letter-spacing:.02em}#enter b{margin-left:34px;font-size:21px;color:var(--gold);font-weight:300}.seed{width:9px;height:9px;background:var(--gold);border-radius:100%;box-shadow:0 0 25px 7px #f9a23955;position:relative}.seed:before,.seed:after{content:'';position:absolute;border:1px solid #f9a23950;border-radius:50%;inset:-13px;animation:pulse 3s infinite}.seed:after{inset:-26px;animation-delay:1s}@keyframes pulse{50%{transform:scale(1.2);opacity:.3}}.intro-note{font-size:11px;color:#a7b0b3;margin-top:50px}.intro-coordinates{position:absolute;right:40px;bottom:30px;color:#7e8a90;font-size:8px;letter-spacing:.2em}.view-path{position:absolute;top:125px;left:42px;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.09em;color:#d4dad7}.view-path button{padding:0;background:none;border:0;font-size:9px}.view-path>span:nth-child(2n){color:var(--gold)}.story{position:absolute;left:5vw;top:29%;width:310px;pointer-events:none;text-shadow:0 2px 12px #131d2599}.story h1{font-size:clamp(32px,3.45vw,60px);line-height:1.06;letter-spacing:-.04em;font-weight:350;margin:26px 0 20px;max-width:440px}.story>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#e0e5de;max-width:275px}.story .eyebrow{font-size:9px;gap:13px}.story-rule{display:block;width:32px;height:1px;background:var(--gold);margin:30px 0 17px}.story .story-slogan{font-size:10px!important;color:#efc58b!important}.pin{position:absolute;transform:translate(-50%,-50%);z-index:2;padding:0;border:0;display:flex;align-items:center;background:transparent;gap:9px;white-space:nowrap;text-shadow:0 2px 8px #000}.pin:before{content:'';height:6px;width:6px;border-radius:50%;background:var(--gold);outline:1px solid #f9a23977;outline-offset:6px;box-shadow:0 0 0 8px #141c2555}.pin .pin-label{display:block;font-size:8px;letter-spacing:.1em;padding:7px 9px;background:#141c25b0;border:1px solid #ffffff30;border-radius:2px}.pin:hover{background:transparent}.pin.active .pin-label{border-color:#f9a23990;color:#ffcb8c}.pin:hover:before{box-shadow:0 0 18px var(--gold)}.camera-tools{position:absolute;right:38px;top:46%;display:flex;flex-direction:column;padding:5px;z-index:3}.camera-tools button{border:0;background:none;font-size:20px;padding:7px 9px;width:37px}.camera-tools button:last-child{font-size:15px}.camera-tools>span{height:1px;background:#ffffff1a;margin:4px}.camera-tools button:hover{color:var(--gold)}#timeline{position:absolute;bottom:99px;left:50%;transform:translateX(-50%);width:min(590px,60vw);padding:18px 23px 13px;z-index:3}.time-top{display:flex;align-items:center;gap:14px}.time-top>span{font-size:8px;letter-spacing:.16em;color:#a7b5b4}.time-top strong{font-weight:450;font-size:11px}.time-top button{margin-left:auto;border:0;color:var(--gold);padding:0;font-size:10px;white-space:nowrap}.phase-track{position:relative;margin-top:15px}.phase-track input{position:absolute;top:-2px;left:0;width:100%;height:18px;opacity:0;cursor:ew-resize;z-index:2;margin:0}.phase-track input:focus-visible{opacity:.75}.phase-track input::-webkit-slider-thumb{width:18px;height:18px}#phase-buttons{display:flex;justify-content:space-between;position:relative}#phase-buttons:before{position:absolute;top:6px;height:1px;background:#85908a70;content:'';left:0;right:0}#phase-buttons button{width:13px;height:13px;padding:0;border-radius:50%;background:#596665;border:3px solid #141c25;position:relative;pointer-events:none}#phase-buttons button.past{background:#bc955f}#phase-buttons button.active{background:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 10px #f9a23960}.time-foot{display:flex;justify-content:space-between;margin-top:12px;color:#97a5a6;font-size:8px;letter-spacing:.05em}.time-foot i{font-style:normal;color:var(--gold);padding:0 6px}.compass{position:absolute;right:33px;bottom:99px;width:66px;text-align:center;color:#ebecdf;opacity:.8}.compass>span{font-size:8px}.compass svg{width:55px;display:block;margin:auto;fill:none;stroke:#f1ede1;stroke-width:.5}.compass path:not(.compass-line){fill:#f9a239;stroke:#f9a239}.compass small{display:block;font-size:7px;letter-spacing:.09em;margin-top:7px}.assistant-toggle{position:absolute;bottom:37px;left:40px;display:flex;align-items:center;gap:15px;padding:15px 19px;font-size:11px;z-index:3}.assistant-toggle>b{margin-left:25px;color:var(--gold);font-size:16px}.assistant-orb{height:8px;width:8px;border:1px solid var(--gold);border-radius:50%;box-shadow:0 0 9px #f9a23944}.bottom-note{position:absolute;bottom:16px;left:40px;right:40px;font-size:7px;letter-spacing:.13em;color:#a6b0b0;display:flex;justify-content:space-between;pointer-events:none}.bottom-note>span:first-child{display:none}#local-panel{position:absolute;top:160px;right:103px;width:265px;padding:19px;z-index:4;font-size:11px}#local-panel .panel-label{font-size:9px;letter-spacing:.13em;color:var(--gold);margin:0 0 16px}#local-panel label.param{display:block;margin-bottom:15px}#local-panel .param span{display:flex;justify-content:space-between;color:#b6c1c0}#local-panel .param output{color:#fff;font-variant-numeric:tabular-nums}#local-panel input[type=range]{width:100%;accent-color:var(--gold);margin:9px 0 0;height:12px}#local-panel p{color:#a6b4b5;line-height:1.65;font-size:10px}#local-panel .upload-button{display:block;text-align:center;font-size:10px;margin-top:15px}#local-panel .layers{display:flex;gap:7px;flex-wrap:wrap}#local-panel .layers button{font-size:10px;padding:8px}#local-panel button[aria-pressed=true]{color:var(--gold);border-color:#f9a23980}#local-panel .reference-preview{width:100%;max-height:100px;object-fit:contain;margin-top:12px}#local-panel .detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}#local-panel .detail-actions button{font-size:10px}#local-panel .photo-thumb{width:100%;height:112px;object-fit:cover;filter:saturate(.7);border-radius:2px}#local-panel #reference-remove{font-size:9px;padding:5px 0;border:0;background:none;color:#f6c88c}#assistant{position:absolute;bottom:35px;left:40px;width:420px;z-index:8;padding:18px}.assistant-heading{display:flex;align-items:start;justify-content:space-between}.assistant-heading strong{font-size:11px;font-weight:500}.assistant-heading small{font-size:8px;display:block;margin-top:6px;color:#9ba9ac}.assistant-heading button{padding:0;border:0;font-size:20px;background:none}#reply{font-size:12px;line-height:1.6;min-height:35px;margin:20px 0 14px;color:#e3e7df}#command-form{display:flex;gap:7px}#command-input{min-width:0;width:100%;border:1px solid #ffffff24;background:#0e161f;color:#fff;font-size:12px;padding:12px;border-radius:3px}#command-form button{font-size:10px;background:#f9a239;color:#141c25}.audio-tools{display:flex;gap:9px;align-items:center;font-size:8px;color:#9eacae;margin-top:12px}.audio-tools button{font-size:8px;padding:6px}.audio-tools button:last-child{margin-left:auto}.audio-tools button[aria-pressed=true]{background:#bb4c3e;color:#fff}#suggestions{display:flex;gap:6px;margin-bottom:13px;flex-wrap:wrap}#suggestions button{font-size:8px;padding:6px;border-color:#ffffff15;color:#c2cdcb}dialog{background:#141c25fa;color:#f0f0e8;border:1px solid #ffffff30;border-radius:5px;box-shadow:0 30px 100px #0006;padding:28px;max-height:85dvh;max-width:calc(100vw - 30px);overflow-y:auto}dialog::backdrop{background:#10161e80;backdrop-filter:blur(9px)}#drawer{margin:20px 20px auto auto;width:420px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.1em;margin-bottom:22px}.dialog-heading button{border:0;background:none;font-size:23px;padding:0 3px;color:#d7dcd8}#zone-list{display:flex;flex-direction:column;gap:5px}#zone-list>button{text-align:left;display:grid;grid-template-columns:25px 1fr;gap:6px 14px;padding:14px 12px;border:1px solid #ffffff14}#zone-list>button span{color:var(--gold);font-size:10px;grid-row:span 2}#zone-list strong{font-size:10px;font-weight:500;letter-spacing:.1em}#zone-list small{font-size:12px;color:#b9c4c2}#drawer details{margin-top:23px;font-size:11px;border-top:1px solid #ffffff20;padding-top:18px}#drawer details p{font-size:11px;color:#b8c4c2;line-height:1.8}.check{display:flex;align-items:center;gap:9px;margin-top:14px}.check input{accent-color:var(--gold)}#drawer details>small{display:block;font-size:9px;color:#9eacab;margin-top:14px}.storage-tools{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 10px}.storage-tools>*{font-size:10px;padding:9px}.small-print{font-size:9px;color:#8e9ea2;line-height:1.8;margin:20px 0 0}#storage-status{font-size:10px;color:var(--gold)}#speech-dialog{width:430px;font-size:14px;line-height:1.8}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.dialog-actions button{font-size:12px}#allow-mic{background:var(--gold);color:var(--graphite)}#media-dialog{width:min(1000px,90vw)}#portal-video{width:100%;max-height:65vh;background:#000}#media-dialog>p{font-size:8px;color:#a3b0af;letter-spacing:.1em}#fallback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:23px;max-width:470px;width:90vw;z-index:6}#fallback p{font-size:12px;line-height:1.7}#fallback img{width:100%;max-height:180px;object-fit:cover;margin-bottom:12px}#fallback-nav{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}#fallback-nav button{font-size:9px}body.fallback .story,body.fallback #pins,body.fallback .compass{display:none}.entering #hud{animation:reveal 1s both}@keyframes reveal{from{opacity:0}to{opacity:1}}noscript{position:fixed;top:50%;padding:30px;background:#141c25;z-index:20}
#experience{overflow:clip}
@media(min-width:1650px){.story{left:6vw;top:31%;width:420px}.story h1{font-size:70px}.story>p:not(.eyebrow){max-width:320px;font-size:14px}#local-panel{top:185px;right:120px;width:290px}}
@media(max-width:1000px){.brand{left:25px;top:25px}.brand>span{display:none}.top-tools{right:25px;top:29px}.local-label{display:none}.view-path{left:26px;top:102px}.story{left:30px;top:25%;width:240px}.story h1{font-size:37px}.story>p:not(.eyebrow){font-size:11px;max-width:220px}#timeline{width:500px;max-width:67vw;bottom:104px}.camera-tools{right:22px}#local-panel{right:79px;top:130px;width:235px}.compass{right:17px}.assistant-toggle{left:25px}#assistant{left:25px;width:390px}}
@media(max-width:600px){.brand{top:23px;left:20px}.brand img{width:114px}.top-tools{right:17px;top:23px;gap:8px}.top-tools select{font-size:10px;padding:8px 4px}.top-tools button{padding:8px 10px;font-size:10px}.view-path{top:88px;left:21px;font-size:7px;gap:8px}.view-path button{font-size:8px}.story{left:23px;top:135px;width:215px}.story .eyebrow{font-size:7px;gap:9px;letter-spacing:.1em}.story h1{font-size:33px;margin:16px 0 12px;width:220px}.story>p:not(.eyebrow){font-size:10px;line-height:1.6;max-width:200px}.story-rule,.story-slogan{display:none!important}body.panel-open .story{top:111px;width:270px}body.panel-open .story h1{font-size:25px;margin:8px 0;max-width:280px}body.panel-open #zone-description{display:none}.camera-tools{right:14px;top:43%;padding:3px}.camera-tools button{font-size:18px;width:32px;height:33px;padding:4px}.camera-tools>span{margin:2px}#timeline{bottom:106px;max-width:none;width:calc(100% - 34px);padding:14px 15px 11px}.time-top{gap:9px}.time-top>span{font-size:7px}.time-top strong{font-size:9px}.time-top button{font-size:9px}.time-foot{font-size:7px}.assistant-toggle{bottom:42px;left:17px;width:calc(100% - 34px);justify-content:space-between;padding:13px 15px;font-size:10px}.assistant-toggle b{margin-left:0}.assistant-toggle .assistant-orb{margin-right:4px}.compass{display:none}.bottom-note{left:19px;right:19px;bottom:17px;font-size:6px}.bottom-note>span:first-child{display:block}.pin .pin-label{display:none}.pin{width:30px;height:30px;justify-content:center}.pin.active:before{background:#fff}#local-panel{right:auto;left:17px;top:auto;bottom:236px;width:230px;padding:14px;background:#141c25f0;max-height:39dvh;overflow:auto}#local-panel .panel-label{font-size:8px;margin:0 0 12px}#local-panel label.param{margin-bottom:10px}#local-panel input[type=range]{height:10px;margin-top:5px}#local-panel .param span{font-size:10px}#local-panel p{font-size:8px;margin:8px 0}#local-panel .photo-thumb{height:84px}#local-panel .detail-actions button{font-size:9px;padding:6px 8px}#local-panel .detail-actions{margin-top:8px}.story:has(+ #pins){}.intro-inner{width:100%}#intro{padding:0 24px}#intro h1{font-size:39px;line-height:1.14;margin-bottom:43px}#intro .eyebrow{font-size:8px;margin-bottom:32px}#enter{font-size:12px;gap:18px}.intro-note{font-size:10px;margin-top:37px}.intro-coordinates{right:20px;bottom:24px;font-size:6px}.intro-grid{background-size:55px 55px}#assistant{left:17px;width:calc(100% - 34px);bottom:35px;padding:15px}#reply{font-size:11px;margin:14px 0}#drawer{margin:12px;width:calc(100% - 24px);padding:22px}#zone-list>button{padding:11px 9px}.vignette{background:linear-gradient(0deg,#101920e3 0,transparent 36%),linear-gradient(90deg,#101920c0 0,transparent 83%),linear-gradient(180deg,#101920b3,transparent 26%)}#media-dialog{padding:15px}.dialog-heading{font-size:10px}}
@media(max-height:700px) and (min-width:601px){.story{top:24%}.story h1{font-size:38px;margin:16px 0}.story-rule{margin:15px 0}.story-slogan{display:none}#local-panel{top:120px;max-height:calc(100vh - 280px);overflow:auto}#timeline{bottom:85px;padding-top:12px;padding-bottom:10px}.assistant-toggle{bottom:25px}.bottom-note{bottom:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}