:root{font-family:Arial,Helvetica,sans-serif;color:#273d32;background:#edf0e8;font-synthesis:none;--ink:#273d32;--muted:#6a7869;--accent:#c3d88b;--paper:#f8f9f1}*{box-sizing:border-box}body{margin:0;overflow:hidden;height:100dvh;background:radial-gradient(ellipse at 64% 42%,#fafbf4 0%,#e9ede3 64%,#e4e9df 100%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #759960;outline-offset:4px}button:hover{filter:brightness(.95)}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:wait}button[hidden],[hidden]{display:none!important}#viewport{position:absolute;inset:80px 0 188px 270px}#viewport canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}#overlay{position:fixed;inset:0;pointer-events:none}#overlay button,#overlay a,#overlay dialog{pointer-events:auto}.masthead{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid #60735a22}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:17px;letter-spacing:2px}.brand strong{font-weight:400;color:#6a7b59}.brand svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.1}.edition{font-size:10px;letter-spacing:2.5px;color:var(--muted);display:flex;align-items:center;gap:15px}.edition i{width:3px;height:3px;border-radius:50%;background:var(--muted)}.quiet{background:none;font-size:12px;padding:12px 0}.quiet span{margin-left:16px;font-size:18px}.field-note{position:absolute;left:38px;top:124px;width:240px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:700;letter-spacing:1.5px}.live-dot{width:5px;height:5px;background:#7a9548;border-radius:50%}h1{font-family:Georgia,'Times New Roman',serif;font-size:39px;line-height:1.09;font-weight:400;letter-spacing:-1.4px;margin:21px 0 16px}h1 em{color:#7d8a66;font-weight:400}.intro{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:30px}.biome-detail{border-top:1px solid #52694733;padding-top:17px}.detail-heading{display:flex;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:1.1px;color:var(--muted)}.detail-name{display:flex;align-items:center;gap:9px;margin-top:17px}.detail-name h2{font:400 24px Georgia,serif;margin:0}#biome-dot{width:9px;height:9px;border-radius:50%;background:#d8e5d8;border:1px solid #70806044}#biome-description{font-size:12px;line-height:1.8;color:#66715f;min-height:65px;margin:13px 0}.climate{font-size:9px;letter-spacing:.5px;border:1px solid #61745430;border-radius:4px;padding:5px 7px;display:inline-block}.step-button{width:100%;background:var(--ink);color:#f5f6eb;padding:13px 15px;border-radius:6px;display:flex;justify-content:space-between;font-size:12px;margin-top:20px}.step-button span{font-size:17px;line-height:12px}.map-note{font-size:8px;line-height:1.8;color:#8a9281;margin-top:19px}.scene-caption{position:absolute;right:38px;top:114px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:8px;color:#7a876e;letter-spacing:1.5px}#scene-scale{font-size:10px;letter-spacing:0}.navigation{position:absolute;left:calc(50% + 135px);bottom:163px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;white-space:nowrap;pointer-events:auto}.mode-switch{display:flex;background:#f8f9f1dd;border:1px solid #60735a25;border-radius:9px;padding:4px;box-shadow:0 3px 10px #324d3810}.mode-switch button{background:transparent;padding:10px 15px;border-radius:6px;font-size:16px;display:flex;gap:7px;align-items:center}.mode-switch button span{font-size:11px}.mode-switch button[aria-pressed=true]{background:#dbe3d3;color:#263d2e}.reset-button{background:#f8f9f1cc;border:1px solid #60735a25;border-radius:8px;height:42px;width:40px;font-size:23px}.xr-button{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;height:46px;background:#c7d991;padding:0 18px;border-radius:8px;border:1px solid #71854330;box-shadow:0 3px 10px #324d3810}.xr-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}.back-button{padding:14px 18px;border-radius:8px;background:#f8f9f1;font-size:12px;box-shadow:0 3px 10px #324d3810}.scene-hint{position:absolute;bottom:142px;left:calc(50% + 135px);transform:translateX(-50%);font-size:9px;color:#7a876e;white-space:nowrap}.biome-dock{position:absolute;left:38px;right:38px;bottom:25px;display:flex;gap:22px;border-top:1px solid #60735a2a;padding-top:18px;height:96px}.dock-label{min-width:124px;display:flex;flex-direction:column;justify-content:center;gap:9px}.dock-label span:first-child{font-size:9px;letter-spacing:2px;font-weight:bold}.dock-label span:last-child{font-size:10px;color:#819074}#biomes{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;flex:1}#biomes button{padding:9px 6px;border-radius:8px;border:1px solid transparent;background:#f6f8ef70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#596a52}#biomes button[aria-pressed=true]{background:#f9faf2;border-color:#7d906344;box-shadow:0 3px 8px #3048250c;color:#273d32}#biomes svg{width:39px;height:29px;overflow:visible}#loading{position:absolute;left:calc(50% + 135px);top:43%;transform:translate(-50%,-50%);padding:16px 22px;background:#f7f9eeee;border:1px solid #bec8b6;border-radius:8px;display:flex;gap:12px;align-items:center;font-size:12px;z-index:3}.spinner{height:15px;width:15px;border:1px solid #b7c3a7;border-top-color:#3b5135;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#tooltip{position:fixed;padding:7px 10px;font-size:11px;background:#263d32;color:#fff;border-radius:5px;z-index:4}#status{position:absolute;bottom:224px;left:50%;transform:translateX(-50%);max-width:min(520px,90vw);background:#f9faf2f5;border:1px solid #8b9c7950;border-radius:8px;padding:13px 18px;font-size:12px;line-height:1.6;box-shadow:0 4px 20px #25372318;z-index:8}dialog{border:1px solid #bbc7b1;border-radius:15px;max-width:460px;width:calc(100vw - 36px);padding:34px;background:#f8f9f1;color:var(--ink);box-shadow:0 20px 90px #1b332530}dialog::backdrop{background:#24392866;backdrop-filter:blur(4px)}dialog h2{font:400 35px/1.1 Georgia,serif;letter-spacing:-1px;margin:20px 0}dialog p{font-size:12px;line-height:1.8;color:#68735f}dialog strong{color:#344b35}.dialog-close{position:absolute;right:15px;top:11px;background:none;font-size:25px}.fine-print{font-size:10px!important;border-top:1px solid #82956b33;padding-top:14px}#walk-controls{position:absolute;right:35px;bottom:210px;text-align:center;pointer-events:auto}#walk-controls button{width:42px;height:40px;margin:3px;border:1px solid #8b9c7950;border-radius:7px;background:#f8f9f1dd;font-size:18px;touch-action:none}body[data-mode=explore] #viewport{inset:0}body[data-mode=explore] .masthead{background:#edf0e8ee}body[data-mode=explore] .field-note{background:#f4f6ecee;border:1px solid #fff8;border-radius:10px;padding:20px;width:257px;top:108px}body[data-mode=explore] .field-note h1,body[data-mode=explore] .intro,body[data-mode=explore] .field-note>.eyebrow,body[data-mode=explore] .map-note,body[data-mode=explore] #explore{display:none}body[data-mode=explore] .biome-detail{border:0;padding:0}body[data-mode=explore] .navigation,body[data-mode=explore] .scene-hint{left:50%}body[data-mode=explore] .scene-hint{color:#30482f;background:#f8f9f1de;padding:5px 9px;border-radius:4px;bottom:131px}body[data-mode=explore] .biome-dock{background:#f0f3e8ed;border-radius:10px;padding:14px;left:24px;right:24px;border:1px solid #c5ceb7}body.xr{background:transparent!important}body.xr .masthead,body.xr .field-note,body.xr .biome-dock,body.xr .scene-caption,body.xr .scene-hint,body.xr #walk-controls{display:none!important}body.xr #overlay{background:transparent!important}body.xr .navigation{left:50%;bottom:28px;flex-wrap:wrap;justify-content:center;max-width:95vw}body.xr #status{bottom:92px}body.xr #loading{left:50%}body.xr #viewport{inset:0}
@media(min-width:1500px){.field-note{width:265px;top:145px}h1{font-size:45px}.intro{font-size:13px;margin-bottom:36px}#biome-description{font-size:13px}.detail-name h2{font-size:27px}#viewport{left:305px}.navigation,.scene-hint,#loading{left:calc(50% + 152px)}}
@media(max-height:760px) and (min-width:851px){.field-note{top:106px}h1{font-size:32px;margin:14px 0 10px}.intro{margin-bottom:17px;font-size:11px}.detail-name{margin-top:13px}#biome-description{margin:10px 0;min-height:0;font-size:11px}.step-button{margin-top:12px}.map-note{margin-top:12px}.biome-dock{bottom:17px;height:84px;padding-top:12px}.navigation{bottom:140px}.scene-hint{bottom:119px}#viewport{bottom:167px}}
@media(max-width:1000px){.edition{display:none}.masthead{padding:0 25px}.field-note{left:25px;width:210px}h1{font-size:34px}#viewport{left:230px}.navigation,.scene-hint,#loading{left:calc(50% + 115px)}.dock-label{display:none}.biome-dock{left:25px;right:25px;gap:0}.mode-switch button{padding:9px 11px}.xr-button{padding:0 12px}.scene-caption{right:25px}}
@media(max-width:650px){.masthead{height:67px;padding:0 18px}.brand{font-size:13px;letter-spacing:1.6px;gap:8px}.brand svg{width:29px;height:29px}.quiet{font-size:10px}.quiet span{margin-left:4px}.field-note{left:20px;top:89px;width:calc(100% - 40px)}.field-note>.eyebrow{font-size:7px}h1{font-size:31px;line-height:1.04;margin-top:11px}.intro{display:none}.biome-detail{position:absolute;top:0;right:0;width:43%;border:0;padding:0}.detail-heading{font-size:6px;letter-spacing:.5px;gap:3px}.detail-name{margin-top:9px;gap:5px}.detail-name h2{font-size:18px}#biome-description,.climate,.map-note{display:none}.step-button{padding:10px;margin-top:12px;font-size:10px}.scene-caption{top:206px;right:20px;gap:4px;font-size:6px}#scene-scale{font-size:8px}#viewport{inset:213px 0 198px 0}.navigation{left:50%;bottom:151px;gap:6px}.mode-switch button{padding:9px 9px;gap:4px}.mode-switch button span{font-size:10px}.xr-button{font-size:10px;padding:0 11px;height:43px;gap:6px}.xr-button svg{width:17px}.reset-button{width:32px;height:39px}.scene-hint{left:50%;bottom:130px;font-size:7px}.biome-dock{left:14px;right:14px;bottom:15px;height:103px;padding-top:10px}#biomes{grid-template-columns:repeat(4,1fr);gap:4px}#biomes button{flex-direction:row;gap:5px;font-size:8px;padding:5px 3px;border-radius:5px}#biomes svg{width:24px;height:21px}#loading{left:50%;top:46%;font-size:10px;padding:12px}#status{bottom:209px;font-size:11px}body[data-mode=explore] .field-note{left:16px;top:83px;width:220px;padding:15px}body[data-mode=explore] .biome-detail{position:relative;width:100%}body[data-mode=explore] #biome-description{display:block;font-size:10px;line-height:1.6}body[data-mode=explore] .biome-dock{left:12px;right:12px;padding:8px}body[data-mode=explore] .scene-caption{top:90px;right:12px}#walk-controls{right:15px;bottom:208px}#walk-controls button{width:35px;height:35px}body.xr .navigation{width:max-content}dialog{padding:27px}}
@media(prefers-reduced-motion:reduce){.spinner{animation:none}}