:root{font-family:DM Sans,sans-serif;color:#302e28;background:#ded4c2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#302e28;--paper:#eee7d9;--muted:#756f63;--line:rgba(48,46,40,.23);--mono:"DM Mono",monospace;--serif:"Playfair Display",Georgia,serif}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button,a{font:inherit;color:inherit}button{border:0;cursor:pointer}#app{position:relative;isolation:isolate;background:#d8cbb5}#world{position:absolute;inset:0;z-index:-2}#world canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#world canvas.dragging{cursor:grabbing}.grain{pointer-events:none;position:absolute;z-index:-1;inset:0;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E");mix-blend-mode:multiply}.topbar{height:82px;position:absolute;z-index:3;inset:0 0 auto;padding:0 4.1%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(48,46,40,.12);background:linear-gradient(180deg,rgba(239,232,218,.45),transparent)}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;font:9px/1.35 var(--mono);letter-spacing:.14em}.wordmark b{font-weight:500}.wordmark-mark{width:28px;height:28px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font:16px var(--serif)}.top-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;font:9px var(--mono);letter-spacing:.11em;color:#5e594e}.top-center i{height:11px;width:1px;background:var(--line)}.live-dot{width:5px;height:5px;border-radius:50%;background:#9a643f;box-shadow:0 0 0 3px #9a643f24}.top-actions{display:flex;align-items:center;gap:15px}.icon-button{background:transparent;padding:7px;display:grid;place-items:center;color:var(--ink);opacity:.8}.icon-button svg{height:16px;width:16px;fill:none;stroke:currentColor;stroke-width:1.35}.icon-help{width:16px;height:16px;border:1px solid currentColor;border-radius:50%;font:11px var(--serif);display:grid;place-items:center}.about-link{background:none;font:9px var(--mono);letter-spacing:.12em;padding:10px 0}.about-link span{padding-left:5px;font-size:13px}.intro{position:absolute;z-index:1;left:9.2%;top:24%;color:#332f28;transition:opacity .8s,transform .9s;pointer-events:none}.intro.dismissed{opacity:0;transform:translateY(16px);pointer-events:none}.eyebrow{font:9px var(--mono);letter-spacing:.14em;color:#6a6256;margin:0 0 20px}.eyebrow span{color:#a26e49}.intro h1{font:clamp(68px,9.5vw,138px)/.95 var(--serif);font-weight:400;letter-spacing:-.065em;margin:0 0 19px}.title-period{color:#a56f49}.intro-copy{font:clamp(16px,1.65vw,22px)/1.45 var(--serif);color:#514b41;margin:0 0 29px}.text-cta{pointer-events:auto;background:none;border-bottom:1px solid rgba(48,46,40,.4);display:flex;align-items:center;gap:28px;padding:0 0 11px;font:9px var(--mono);letter-spacing:.13em}.cta-arrow{font-size:16px;transition:transform .25s}.text-cta:hover .cta-arrow{transform:translate(3px,-3px)}.intro-meta{margin-top:62px;display:flex;gap:11px;font:8px var(--mono);letter-spacing:.12em;color:#6d665a}.intro-meta sup{font-size:6px}.side-note{position:absolute;right:4.2%;top:48%;transform:rotate(90deg) translate(50%);transform-origin:right center;display:flex;align-items:center;gap:14px;font:8px var(--mono);letter-spacing:.14em;color:#312f29a8}.side-note i{height:1px;width:30px;background:currentColor}.scene-caption{position:absolute;left:4.3%;bottom:126px;display:flex;align-items:center;gap:12px;color:#343128;transition:opacity .5s}.caption-line{display:block;width:28px;height:1px;background:#a2673e}.scene-caption b{display:block;font:9px var(--mono);letter-spacing:.13em;font-weight:400}.scene-caption small{display:block;font:12px var(--serif);margin-top:4px;color:#665f53}.compass{position:absolute;right:4.6%;bottom:131px;width:35px;display:grid;justify-items:center;gap:5px;font:8px var(--mono);color:#4b483e}.compass svg{width:31px;height:31px;fill:#3e3b32c7;stroke:#3e3b328c;stroke-width:.4}.toolbar{position:absolute;z-index:4;left:50%;bottom:27px;transform:translate(-50%);height:59px;width:min(840px,calc(100% - 64px));border:1px solid rgba(48,46,40,.22);background:#efe9ddde;backdrop-filter:blur(18px);display:flex;align-items:center;padding:0 11px;box-shadow:0 12px 38px #46392817}.mode-tabs{display:flex;align-items:center;gap:2px}.mode-tab{position:relative;background:transparent;color:#70695c;height:42px;padding:0 13px;display:flex;align-items:center;gap:8px;font-size:11px;transition:color .2s}.mode-tab:after{content:"";position:absolute;left:13px;right:13px;bottom:-8px;height:1px;background:#9e6845;transform:scaleX(0);transition:transform .2s}.mode-tab:hover,.mode-tab.active{color:#38342d}.mode-tab.active:after{transform:scaleX(1)}.mode-icon{font:17px var(--serif);color:#8a755d}.orbit-icon{font-size:13px}.toolbar-divider{width:1px;height:23px;background:var(--line);margin:0 11px}.guided-btn{height:36px;background:#39372f;color:#f0e8d9;display:flex;align-items:center;gap:10px;padding:0 14px;font-size:11px;white-space:nowrap;transition:background .2s}.guided-btn:hover,.guided-btn.is-playing{background:#7f583d}.play-icon{font-size:8px}.duration{font:8px var(--mono);letter-spacing:.1em;color:#d1c4b1;border-left:1px solid rgba(255,255,255,.24);padding-left:9px}.toolbar-spacer{flex:1}.light-control{display:flex;align-items:center;gap:6px;margin:0 8px;font:8px var(--mono);letter-spacing:.09em;color:#8d8577}.light-btn{background:transparent;color:#7b7468;padding:8px 2px;font:8px var(--mono);letter-spacing:.09em}.light-btn.active{color:#39372f}.light-separator{opacity:.45}.sun-mark{font-size:15px;color:#9d7a51;margin-left:3px}.reset-btn{width:34px;height:34px;margin-left:8px;display:grid;place-items:center;background:transparent;border-left:1px solid var(--line);padding-left:12px;color:#686154}.reset-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hint{position:absolute;z-index:2;left:50%;bottom:103px;transform:translate(-50%);display:flex;align-items:center;gap:10px;color:#625b4f;font:8px var(--mono);letter-spacing:.12em;transition:opacity .5s}.hint>span>i{font-style:normal;color:#ac744e;margin:0 4px}.hint.hidden{opacity:0;pointer-events:none}.hint button{background:none;font:16px var(--serif);color:#777064;padding:0 0 2px 4px}.mouse-icon{width:13px;height:18px;border:1px solid #766f61;border-radius:8px;position:relative}.mouse-icon i{position:absolute;top:3px;left:5px;width:1px;height:4px;background:#766f61}.loading{position:absolute;z-index:10;inset:0;background:#ded4c2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font:9px var(--mono);letter-spacing:.14em;color:#70695c;transition:opacity .8s,visibility .8s}.loading.loaded{opacity:0;visibility:hidden}.loading-mark{font:48px var(--serif);color:#8b6446}.loading i{width:100px;height:1px;background:linear-gradient(90deg,transparent,#a27653,transparent);animation:load 1.1s infinite}@keyframes load{0%{transform:scaleX(.25);opacity:.4}to{transform:scaleX(1);opacity:1}}.modal{width:min(520px,calc(100% - 36px));max-height:calc(100% - 40px);padding:49px 52px 38px;background:#eee7d9;color:var(--ink);border:1px solid rgba(48,46,40,.22);box-shadow:0 25px 100px #241f1647}.modal::backdrop{background:#2b272057;backdrop-filter:blur(4px)}.modal-close{position:absolute;right:19px;top:15px;background:none;font:26px var(--serif);color:#777064}.modal h2{font:43px/.98 var(--serif);font-weight:400;letter-spacing:-.04em;margin:0 0 24px}.modal h2 em{color:#986640;font-weight:400}.modal>p:not(.eyebrow){font:14px/1.75 var(--serif);color:#5d574b}.modal-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px 0;margin:24px 0}.modal-facts div{display:grid;gap:5px}.modal-facts small{font:8px var(--mono);letter-spacing:.1em;color:#857c6c}.modal-facts b{font:12px var(--serif);font-weight:400}.source-note{font-size:11px!important;line-height:1.6!important;color:#766f62!important}.source-note a{color:#875c3e;text-decoration-color:#875c3e73;text-underline-offset:3px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:27px 0}.help-grid div{display:flex;align-items:center;gap:10px;font:11px var(--serif);color:#5d574b}.help-grid kbd{font:8px var(--mono);padding:7px 8px;border:1px solid var(--line);background:#ffffff38;white-space:nowrap}.mobile-move,.toast{display:none}@media(max-width:760px){.topbar{height:64px;padding:0 21px}.top-center{display:none}.top-actions{gap:10px}.about-link{font-size:8px}.intro{left:8%;top:21%}.intro .eyebrow{font-size:7px;margin-bottom:14px}.intro h1{font-size:clamp(67px,19vw,106px)}.intro-copy{font-size:18px}.intro-meta{margin-top:40px;font-size:7px}.side-note{display:none}.toolbar{width:calc(100% - 24px);height:auto;min-height:58px;bottom:12px;padding:7px 8px;flex-wrap:wrap;justify-content:space-between}.mode-tabs{flex:1;justify-content:space-around;gap:0}.mode-tab{height:39px;padding:0 7px;font-size:9px;gap:4px;flex-direction:column}.mode-tab:after{left:8px;right:8px;bottom:-2px}.mode-icon{font-size:13px;height:13px;line-height:13px}.toolbar-divider{display:none}.guided-btn{order:2;height:31px;padding:0 10px;font-size:9px;margin:5px 0 0}.duration,.toolbar-spacer{display:none}.light-control{order:3;margin:5px 0 0 6px}.light-btn{font-size:7px}.sun-mark{font-size:12px}.reset-btn{order:4;margin-top:5px;width:29px;height:29px;padding-left:8px}.scene-caption{left:20px;bottom:112px}.scene-caption b{font-size:8px}.scene-caption small{font-size:11px}.compass{right:19px;bottom:118px;transform:scale(.8);transform-origin:bottom right}.hint{bottom:91px;width:100%;justify-content:center;font-size:7px;gap:7px}.mobile-move{position:absolute;z-index:3;left:17px;bottom:118px;display:none;flex-direction:column;align-items:center;gap:4px;touch-action:none}.walking .mobile-move{display:flex}.mobile-move>button,.mobile-move div button{width:38px;height:38px;background:#eee7d9ad;border:1px solid rgba(48,46,40,.25);backdrop-filter:blur(8px);font:18px var(--serif);color:#37342d;border-radius:50%;touch-action:none}.mobile-move div{display:flex;gap:4px}.mobile-move button.pressed{background:#8a6040;color:#f4ebda}.modal{padding:43px 27px 27px}.modal h2{font-size:38px}.modal>p:not(.eyebrow){font-size:13px}.help-grid{grid-template-columns:1fr}.help-grid div{gap:13px}.help-grid kbd{min-width:73px;text-align:center}}@media(max-height:640px)and (min-width:761px){.intro{top:18%}.intro-meta{margin-top:32px}.scene-caption{bottom:100px}.compass{bottom:102px}.toolbar{bottom:14px}.hint{bottom:83px}}.intro{left:6.2%;top:18%;width:270px}.intro h1{font-size:clamp(64px,7.4vw,94px);margin-bottom:14px}.intro-copy{font-size:18px;margin-bottom:22px}.intro-meta{margin-top:39px}.compass{display:none}.top-center{letter-spacing:.09em}#app.contemplation .topbar{background:transparent;border:0}#app.contemplation .topbar>.wordmark,#app.contemplation .top-center,#app.contemplation .top-actions>:not(#contemplation-btn){opacity:0;visibility:hidden;pointer-events:none}#app.contemplation>:not(#world):not(.grain):not(.topbar){opacity:0;pointer-events:none}#app.contemplation .topbar{pointer-events:none}#app.contemplation #contemplation-btn{opacity:1;visibility:visible;pointer-events:auto;position:absolute;right:4.1%;top:22px;background:#efe9ddbf;backdrop-filter:blur(8px);border:1px solid rgba(48,46,40,.2);border-radius:50%;width:34px;height:34px}@media(max-width:760px){.intro{left:7%;top:16%;width:245px}.intro h1{font-size:clamp(62px,16vw,88px)}.intro-copy{font-size:17px}.intro-meta{margin-top:31px}.top-center{display:none}.hint{bottom:172px;width:max-content;max-width:calc(100% - 20px)}#app.walking .hint{top:76px;bottom:auto;left:50%;transform:translate(-50%)}#app.walking .mobile-move{left:auto;right:17px;bottom:128px}#app.contemplation #contemplation-btn{right:20px;top:14px}}.topbar{background:linear-gradient(180deg,rgba(239,233,221,.76),rgba(239,233,221,.47) 68%,transparent);backdrop-filter:blur(5px)}.hint{padding:8px 11px;background:#efe9ddc7;border:1px solid rgba(48,46,40,.12);backdrop-filter:blur(8px)}.scene-caption{padding:8px 11px;background:#efe9ddba;border:1px solid rgba(48,46,40,.1);backdrop-filter:blur(7px)}.loading.failed{padding:24px;text-align:center}.loading.failed strong{font:22px var(--serif);font-weight:400;color:var(--ink);letter-spacing:normal}.loading.failed span:not(.loading-mark){max-width:320px;font:13px/1.6 var(--serif);letter-spacing:normal}