:root{font-family:Arial,Helvetica,sans-serif;color:#252322;background:#ede8dd;--wine:#823750;--ink:#252322;--cream:#f3ede2}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}:focus-visible{outline:3px solid #b94875;outline-offset:5px}button:focus-visible{position:relative;z-index:5}.skip{position:absolute;top:-80px;left:20px;z-index:100;padding:14px;background:#fff;color:#222}.skip:focus{top:10px}.masthead{height:90px;padding:0 4.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c8bfb2}.brand{display:flex;align-items:center;gap:10px;font:28px Georgia,serif;text-decoration:none;letter-spacing:-1.4px}.brand svg{width:30px;height:30px}.edition{font:8px Arial,sans-serif;letter-spacing:1.2px;border-left:1px solid #bcb1a4;margin-left:15px;padding-left:20px}.inbox-link{font-size:12px;text-decoration:none}.inbox-link span{margin-left:22px}.experience{padding:18px 18px 0}.stage{position:relative;height:min(790px,76svh);min-height:490px;background:#14191d;overflow:hidden;isolation:isolate}.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stage.has-renderer .poster{visibility:hidden}#viewport{position:absolute;inset:0;z-index:1;touch-action:pan-y}#viewport canvas{display:block;width:100%;height:100%;touch-action:pan-y}.stage-shade{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,rgba(12,15,19,.78),transparent 72%),linear-gradient(0deg,rgba(12,15,19,.4),transparent 25%)}.chapter-copy{position:absolute;top:12%;left:5%;z-index:3;max-width:420px;pointer-events:none;color:#f5e9d9}.chapter-copy button{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;margin:0 0 22px}.chapter-copy h1{font:clamp(45px,5.4vw,80px)/1.01 Georgia,serif;letter-spacing:-3px;margin:0 0 26px;max-width:470px}.chapter-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#d9cabb;max-width:320px}.intro-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px}.pill{display:inline-flex;align-items:center;gap:30px;min-height:46px;padding:14px 22px;background:#f2e7d6;color:#252322;border:0;border-radius:30px;text-decoration:none;font-size:11px}.pill span{font-size:17px}.pill.ink{background:#252322;color:#f4ede2}.text-button{border:0;background:transparent;color:inherit;font-size:11px;padding:10px 0;min-height:40px}.location{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;gap:15px;z-index:3;color:#ddd0bd;font-size:8px;letter-spacing:1.2px}.render-status{position:absolute;right:24px;top:14px;z-index:3;color:#ede2d4;font-size:10px;max-width:220px;text-align:right;line-height:1.6}.reset{position:absolute;right:24px;bottom:63px;z-index:3;min-height:40px;border:1px solid #b9afa3;color:#efe4d2;background:rgba(25,24,24,.55);font-size:10px;padding:8px 15px;border-radius:20px}.timeline{padding:24px 4% 30px;background:#f6f1e7}.timeline-top{display:flex;gap:20px;align-items:center;font-size:9px;letter-spacing:1px}.timeline-top output{margin-left:auto;font:12px Georgia,serif;letter-spacing:0}.timeline-top button{border:1px solid #88786b;background:transparent;border-radius:20px;min-height:35px;padding:6px 15px;font-size:10px}input[type=range]{display:block;width:100%;accent-color:#8c3a57;height:35px;margin:12px 0 0}.timeline-legends{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#66594e}.fiction-boundary{margin-left:auto;margin-right:16%;}.chapters{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:22px;border-top:1px solid #cfc6b8;padding-top:14px}.chapters button{background:transparent;border:0;padding:10px 0;font-size:9px;color:#55443b;min-height:40px}.chapters button[aria-current=true]{color:#8c3a57;text-decoration:underline;text-underline-offset:7px}.editorial{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;padding:85px 8% 75px}.editorial h2,.district h2{font:clamp(32px,4vw,55px)/1.06 Georgia,serif;letter-spacing:-2px;margin:0 0 25px}.editorial p:not(.eyebrow),.district>p:not(.eyebrow){font-size:13px;line-height:1.85;color:#685a4e;max-width:400px}.editorial .pill{margin-top:17px}.legacy-link{display:block;font-size:10px;margin-top:19px}.object-list{border-top:1px solid #baa996}.object-list button{display:grid;grid-template-columns:26px 1fr 20px;column-gap:16px;align-items:center;width:100%;text-align:left;border:0;border-bottom:1px solid #baa996;background:none;padding:23px 0;color:#2b2825}.object-list button>span{grid-row:1/3;font-size:9px;color:#715b4d}.object-list strong{font:21px Georgia,serif;font-weight:400;letter-spacing:-.7px}.object-list small{grid-column:2;grid-row:2;font-size:9px;color:#705c4d;margin-top:8px}.object-list button:hover{color:#8c3a57}.district{padding:70px 8%;background:#d8d2c3;border-top:1px solid #b6ad9d}.district>p:not(.eyebrow){max-width:550px}.district-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:26px}.district-actions a{font-size:11px}.notes{margin:30px 8% 50px;font-size:11px;color:#675d51}.notes summary{cursor:pointer;padding:18px 0}.notes p{max-width:850px;line-height:1.8}.notes a{color:#684256}footer{display:flex;align-items:center;justify-content:space-between;padding:30px 8%;border-top:1px solid #b5a99a;font-size:10px}footer p{line-height:1.8}footer .brand{font-size:25px}dialog{border:0;color:#302722;background:#f4ecdf;padding:45px;max-width:560px;width:calc(100% - 40px);box-shadow:0 20px 100px #0005}dialog::backdrop{background:#111a;backdrop-filter:blur(6px)}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px;min-width:40px;min-height:40px;color:#4c3e35}dialog h2{font:40px/1.05 Georgia,serif;letter-spacing:-1.5px;margin:18px 0}dialog p:not(.eyebrow){font-size:13px;line-height:1.8}.object-status{font-size:10px!important;border-top:1px solid #c6b8a4;padding-top:15px;color:#77634e}#object-action{margin-top:16px}#magazine-dialog{max-width:950px;padding:40px}.magazine-spread{display:grid;grid-template-columns:1fr 1fr;min-height:470px;box-shadow:10px 12px 15px #0002}.cover{position:relative;background:#9f3253;color:#ffebd8;padding:28px 25px;overflow:hidden}.cover>p{font-size:7px!important;letter-spacing:1.1px}.cover h2{font:41px Georgia,serif;letter-spacing:-2px;margin:25px 0}.cover h3{position:relative;z-index:1;font:48px/1 Georgia,serif;letter-spacing:-2px;margin:130px 0 24px}.cover small{font-size:9px}.cover-orbit{position:absolute;width:260px;height:260px;right:-75px;top:140px;border:1px solid #e8b096;border-radius:50%;box-shadow:0 0 0 22px #9f3253,0 0 0 23px #d99a85,0 0 0 44px #9f3253,0 0 0 45px #d99a85}.magazine-page{padding:44px 36px;background:#eee5d6;border-left:1px solid #c5bba9}.magazine-page h3{font:37px/1.1 Georgia,serif;letter-spacing:-1.2px;margin:30px 0}.magazine-page .page-note{font-size:10px;color:#776a5c;margin-top:25px}.no-script{padding:30px 8%;font-size:13px}@media(max-width:900px){.edition{display:none}.editorial{gap:40px;padding:60px 6%}.stage{min-height:460px}.chapter-copy h1{font-size:57px}.chapter-copy{max-width:340px;left:5%}.magazine-page{padding:36px 24px}}@media(max-width:600px){.masthead{height:74px;padding:0 20px}.brand{font-size:23px}.brand svg{width:25px}.inbox-link{font-size:10px}.inbox-link span{margin-left:6px}.experience{padding:10px 10px 0}.stage{height:73svh;min-height:540px}.chapter-copy{top:11%;left:7%;max-width:270px}.chapter-copy h1{font-size:49px;letter-spacing:-2px}.chapter-copy>p:not(.eyebrow){font-size:12px;max-width:245px}.eyebrow{font-size:8px;letter-spacing:1.4px}.render-status{right:15px;top:9px;font-size:8px;max-width:160px}.location{flex-direction:column;bottom:18px;font-size:7px;gap:8px;left:7%}.reset{bottom:70px;right:15px}.timeline{padding:20px 7%}.timeline-legends{font-size:6px;letter-spacing:.4px}.fiction-boundary{margin-right:8%;margin-left:15px}.chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.chapters button{text-align:left;font-size:8px}.editorial{grid-template-columns:1fr;padding:50px 7%;gap:40px}.editorial h2,.district h2{font-size:38px}.object-list strong{font-size:20px}.district{padding:48px 7%}.district-actions{gap:15px}.notes{margin:20px 7% 30px}footer{padding:25px 7%;gap:18px;flex-wrap:wrap}footer .brand{font-size:23px}dialog{padding:38px 24px}dialog h2{font-size:33px}#magazine-dialog{padding:35px 15px 18px}.magazine-spread{grid-template-columns:1fr}.cover{min-height:430px}.cover h3{font-size:47px}.magazine-page{border-left:0;border-top:1px solid #c5bba9;padding:34px 28px}.magazine-page h3{font-size:35px}}@media(orientation:landscape) and (max-height:500px){.stage{height:520px;min-height:520px}.chapter-copy{top:13%;max-width:330px}.chapter-copy h1{font-size:48px}.masthead{height:64px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}[hidden]{display:none!important}.stage.room-mode .chapter-copy{top:8%;max-width:260px}.stage.room-mode h1{font-size:clamp(29px,3vw,44px);letter-spacing:-1.5px}.stage.room-mode .chapter-copy>p:not(.eyebrow){font-size:11px}.stage.room-mode .stage-shade{background:linear-gradient(90deg,#10131777,transparent 48%),linear-gradient(0deg,#10131766,transparent 22%)}
.flight-deck{position:absolute;right:4%;bottom:95px;z-index:4;color:#ede6d8;width:270px;padding:16px 18px;border:1px solid #786d6066;border-radius:6px;background:#152028cc;backdrop-filter:blur(7px)}.flight-deck>span{font-size:7px;letter-spacing:1.6px;color:#c0b299}.flight-deck p{font-size:9px;line-height:1.65;color:#c9c2b5;margin:11px 0}.port-options{display:flex;gap:7px;margin-top:12px}.port-options button,.flight-pad button{font-size:8px;min-height:35px;border:1px solid #b8ad9890;color:#ede6d8;background:transparent;padding:7px 8px;border-radius:3px}.port-options button[aria-pressed=true]{background:#e8d9b6;color:#23272b}.flight-pad{display:flex;gap:5px;flex-wrap:wrap}.flight-pad button{font-size:11px;min-width:33px}.flight-pad #dock-port{font-size:8px;flex:1}.stage.room-mode .flight-deck{display:none}@media(max-width:600px){.flight-deck{right:6%;bottom:75px;width:calc(100% - 12%);padding:11px 13px}.flight-deck p{font-size:8px;margin:7px 0}.port-options{margin-top:8px}.chapter-copy{top:10%}.chapter-copy h1{font-size:45px}.intro-actions{margin-top:17px;gap:9px}.flight-deck>span{font-size:6px}.location{bottom:14px}.reset{bottom:63px}.stage:not(.room-mode) .reset{display:none}.stage.room-mode .chapter-copy{max-width:225px;top:8%}.stage.room-mode h1{font-size:31px}.stage.room-mode .intro-actions{margin-top:14px}}
.dual-controls{position:absolute;inset:auto 0 45px;z-index:5;pointer-events:none;display:flex;justify-content:space-between;padding:0 max(22px,env(safe-area-inset-left)) 0 max(22px,env(safe-area-inset-right))}.stick-wrap{display:flex;flex-direction:column;align-items:center;gap:9px;pointer-events:auto}.stick{height:92px;width:92px;border:1px solid #ddd2bd77;border-radius:50%;background:#121d2477;display:grid;place-items:center;touch-action:none;user-select:none}.stick-knob{width:40px;height:40px;border:1px solid #e7d3b0aa;background:#cbb69266;border-radius:50%;pointer-events:none}.stick-wrap>span{font:7px Arial;letter-spacing:1px;color:#efe3cb}.reticle{position:absolute;top:-180px;left:50%;color:#e5d6b3aa;font-size:24px;transform:translateX(-50%)}.stage .reset{bottom:160px}.flight-deck{bottom:175px}.stage.room-mode .location{bottom:20px}.stage.room-mode .chapter-copy{max-width:215px}.stage:not(.room-mode) .intro-actions{margin-top:18px}.dual-controls .stick:active{border-color:#fff3d1}.stage:not(.room-mode) .location{font-size:7px}@media(pointer:fine){.dual-controls{opacity:.7}.stick{width:78px;height:78px}.reticle{display:none}}@media(max-width:600px){.dual-controls{bottom:45px;padding:0 max(17px,env(safe-area-inset-left)) 0 max(17px,env(safe-area-inset-right))}.stick{width:82px;height:82px}.stick-knob{width:34px;height:34px}.stick-wrap>span{font-size:6px}.flight-deck{bottom:160px;width:calc(100% - 12%);font-size:8px}.flight-deck p{display:none}.port-options button{min-height:30px;font-size:7px}.flight-pad button{min-height:30px}.stage .reset{bottom:150px;right:20px}.chapter-copy h1{font-size:40px;line-height:1.05;margin-bottom:18px}.chapter-copy>p:not(.eyebrow){font-size:11px;line-height:1.7;max-width:225px}.intro-actions .pill{font-size:10px;padding:12px 18px;min-height:42px}.intro-actions{gap:5px}.chapter-copy{top:9%}.stage.room-mode .chapter-copy{max-width:210px;top:8%}.stage.room-mode .intro-actions .text-button{font-size:9px}.stage.room-mode .chapter-copy>p:not(.eyebrow){max-width:200px}}@media(orientation:landscape) and (max-height:500px){.stage{height:560px}.flight-deck{width:250px;right:5%;bottom:168px}.dual-controls{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right));}}
/* The port console sits outside the visual field, never on top of the story. */
.flight-deck{position:relative;inset:auto;width:100%;border:0;border-radius:0;background:#223038;display:grid;grid-template-columns:110px 290px 1fr 210px;align-items:center;gap:18px;padding:18px 4%;backdrop-filter:none}.port-options{margin:0}.flight-deck p{margin:0;font-size:10px}.flight-pad{flex-wrap:nowrap}.flight-pad #dock-port{min-width:65px}.flight-deck>span{font-size:8px}.port-options button{font-size:9px;min-height:40px}.flight-pad button{min-height:40px}.intro-actions .text-button{min-height:40px}.stage.room-mode .flight-deck{display:grid}@media(max-width:1100px){.flight-deck{grid-template-columns:100px 1fr 220px}.flight-deck p{grid-column:1/-1;grid-row:2}}@media(max-width:600px){.flight-deck{grid-template-columns:1fr;gap:11px;padding:16px 7%}.flight-deck>span{display:none}.port-options button{flex:1;font-size:10px}.flight-pad{justify-content:space-between}.flight-pad #dock-port{flex:0;min-width:140px;font-size:10px}.flight-pad button{min-width:35px}.flight-deck p{display:block;grid-row:auto;grid-column:1;font-size:10px}.stage .chapter-copy h1{font-size:43px}.stage .chapter-copy>p:not(.eyebrow){font-size:12px;max-width:245px}.stage.room-mode .chapter-copy h1{font-size:31px}.stage.room-mode .chapter-copy>p:not(.eyebrow){font-size:11px}.stage.room-mode .intro-actions{margin-top:12px}.dual-controls{bottom:55px}}
.dual-controls{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right));bottom:max(55px,calc(env(safe-area-inset-bottom) + 30px))}.stick-wrap>span{font-size:8px}.masthead{padding-left:max(4.5%,env(safe-area-inset-left));padding-right:max(4.5%,env(safe-area-inset-right))}@media(max-width:600px){.stick-wrap>span{font-size:7px}.dual-controls{padding-left:max(17px,env(safe-area-inset-left));padding-right:max(17px,env(safe-area-inset-right))}.masthead{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}
/* Clear controls and room-scale composition take precedence over decorative copy. */
.pill{font-size:12px}.inbox-link{font-size:13px}.eyebrow{font-size:10px}.location{font-size:9px}.timeline-top{font-size:11px}.timeline-top output{font-size:14px}.timeline-legends{font-size:8px}.chapters button{font-size:11px}.port-options button{font-size:11px}.flight-deck p{font-size:11px}.flight-pad #dock-port{font-size:10px}.object-list small{font-size:12px}.notes{font-size:13px}.legacy-link{font-size:12px}.stage.room-mode #skip-room{display:none}.stage.exploring-mode .chapter-copy{max-width:280px;top:5%}.stage.exploring-mode .chapter-copy h1{font-size:25px;letter-spacing:-.7px;margin-bottom:12px}.stage.exploring-mode #chapter-description{display:none}.stage.exploring-mode .intro-actions{margin-top:0}.stage.exploring-mode .eyebrow{font-size:8px;margin-bottom:10px}.stage.room-mode .stage-shade{background:linear-gradient(90deg,#0d151a77,transparent 45%),linear-gradient(0deg,#0d151a44,transparent 18%)}@media(max-width:600px){.chapter-copy h1{font-size:43px}.stage.room-mode .chapter-copy{max-width:200px}.stage.exploring-mode .chapter-copy{max-width:230px;top:5%}.stage.exploring-mode .chapter-copy h1{font-size:24px}.chapters button{font-size:10px}.location{font-size:8px}.timeline-legends{font-size:7px}.port-options button{font-size:11px}.flight-deck p{font-size:11px}}@media(orientation:landscape) and (max-height:500px){.stage:not(.room-mode) .chapter-copy{top:8%;max-width:340px}.stage:not(.room-mode) .chapter-copy h1{font-size:40px;line-height:1.05;margin-bottom:18px}.stage:not(.room-mode) .chapter-copy>p:not(.eyebrow){font-size:12px;line-height:1.7;max-width:330px}.stage:not(.room-mode) .intro-actions{margin-top:15px;gap:8px}}
.stage:not(.room-mode) .chapter-copy h1{font-size:clamp(42px,4.6vw,68px);max-width:480px}@media(max-width:600px){.stage:not(.room-mode) .chapter-copy h1{font-size:42px;letter-spacing:-2px}}@media(orientation:landscape) and (max-height:500px){.stage:not(.room-mode) .chapter-copy h1{font-size:40px}}
/* In landscape the pilot viewport fits the screen; the two sticks need no page scroll. */
@media(orientation:landscape) and (max-height:500px){.masthead{height:64px}.stage{height:calc(100svh - 86px);min-height:234px}.stage:not(.room-mode) .chapter-copy,.stage.room-mode .chapter-copy,.stage.exploring-mode .chapter-copy{top:6%;max-width:300px}.stage:not(.room-mode) .chapter-copy h1,.stage.room-mode .chapter-copy h1{font-size:30px;line-height:1.03;margin-bottom:12px;letter-spacing:-1px}.stage .chapter-copy #chapter-description{display:none}.stage .chapter-copy .eyebrow{font-size:8px;margin-bottom:13px}.stage .intro-actions{margin-top:8px;gap:7px;display:flex;flex-direction:row;align-items:center}.stage .intro-actions .pill{min-height:38px;padding:10px 15px;font-size:10px}.stage .intro-actions .text-button{font-size:10px;min-height:38px;padding:8px}.dual-controls{bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px))}.stick{width:78px;height:78px}.stage .reset{bottom:140px;min-height:35px;font-size:9px}.stage:not(.room-mode) .reset{display:none}.stage .location{bottom:9px;font-size:7px}.reticle{top:-65px}.render-status{font-size:8px;top:10px}.stage.exploring-mode .chapter-copy h1{font-size:23px}.flight-deck{inset:auto;width:100%;}}