#walk-view{display:none;position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none}.first-person #walk-view{display:block}.first-person #land,.first-person #hotspots,.first-person .scene-bottom,.first-person .legend{visibility:hidden}.scene-top{z-index:3;pointer-events:none}.view-controls{position:absolute;top:65px;left:20px;display:flex;gap:8px;z-index:5}.view-controls button{font-size:11px;padding:8px 11px;box-shadow:0 2px 10px #13372e24}.walk-hud{position:absolute;inset:0;pointer-events:none;color:#173b37;z-index:3}.walk-hud[hidden]{display:none}#walk-position{position:absolute;top:111px;left:20px;font-size:10px;background:#f9fcf0df;border-radius:5px;padding:6px 9px}#walk-hint{position:absolute;bottom:56px;left:20px;right:20px;text-align:center;color:white;font-size:12px;padding:10px;background:#163e34d9;border-radius:6px}.walk-crosshair{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font:24px sans-serif;color:#fff9;text-shadow:0 1px 3px #153f31}.walk-instructions{position:absolute;bottom:0;left:0;right:0;padding:10px 20px;font-size:10px;background:#f8fbf0ed;line-height:1.6}#walk-map{position:absolute;top:65px;right:20px;width:105px;height:136px;border:1px solid #ffffffa0;border-radius:7px;box-shadow:0 2px 12px #183b2b20}#walk-markers{display:none}.first-person #walk-markers{display:block}.walk-marker{position:absolute;z-index:4;transform:translate(-50%,-100%);padding:8px 13px;border-radius:8px;background:#fafceddf;box-shadow:0 2px 10px #17402e30;font-weight:700;font-size:13px}.walk-marker:after{content:'';position:absolute;bottom:-8px;left:calc(50% - 7px);border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid #fafced}.walk-marker.near{border:2px solid #286e54}.walk-marker small{font-size:9px;font-weight:400;margin-top:3px;color:#657e6e}.touch-pad{display:none;position:absolute;bottom:120px;left:16px;pointer-events:auto;text-align:center;touch-action:none}.touch-pad button{background:#f7f9ebc9;padding:10px 14px;margin:2px;touch-action:none;user-select:none}button[hidden]{display:none}@media(pointer:coarse){.touch-pad{display:block}.walk-instructions{font-size:9px}#walk-map{width:85px;height:110px}}@media(max-width:760px){#walk-hint{bottom:64px;font-size:10px}#walk-position{max-width:60%}.walk-instructions{padding:10px}.view-controls{left:15px}#walk-map{right:15px}.walk-marker{font-size:11px}}
.webgl-ready #walk-view{display:block}.webgl-ready #land,.webgl-ready #hotspots{visibility:hidden}.webgl-ready #walk-markers{display:block}.webgl-ready .scene-bottom,.webgl-ready .legend{z-index:3;pointer-events:none}.webgl-ready .scene-bottom button{pointer-events:auto}.webgl-error{position:absolute;z-index:6;left:20px;right:20px;top:105px;background:#fff9e7;padding:12px;border-radius:6px;font-size:12px;line-height:1.8}
.evolution-caption{position:absolute;z-index:4;left:20px;right:20px;bottom:18px;background:#f9fcf0ed;border:1px solid #fff8;padding:13px 17px;border-radius:9px;box-shadow:0 3px 20px #133b2920;pointer-events:none}.evolution-caption[hidden]{display:none}.evolution-caption span{font-size:13px;font-weight:700;color:#236b55}.evolution-caption p{font-size:12px;line-height:1.7;margin:6px 0}.evolution-caption small{font-size:10px;color:#71817a}
.live-evolving .evolution-caption{top:145px;bottom:auto;right:auto;width:min(325px,calc(100% - 40px));padding:10px 13px;background:#f9fcf0e6}.live-evolving .evolution-caption span{font-size:11px}.live-evolving .evolution-caption p{font-size:11px;margin:4px 0}.live-evolving .evolution-caption small{font-size:9px}


.survey-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.scene:has(.survey-overlay[style*="auto"]){cursor:crosshair}

.surveying .scene-bottom,.surveying .legend,.surveying .evolution-caption{display:none}

.survey-pending{display:none}.survey-empty{background:#f0f3e9;border:1px dashed #b4c7b5;padding:18px 12px;border-radius:7px;color:#627966}
.quality-control{display:flex;align-items:center;gap:5px;background:#fafceded;padding:5px 8px;border-radius:6px;font-size:11px;color:#244f42}.quality-control[hidden]{display:none}.quality-control select{font:inherit;border:1px solid #adc2b2;border-radius:4px;background:#fff;color:inherit;padding:3px}.render-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#e2e9dd;color:#244f42;font-size:14px}.render-loading[hidden]{display:none}@media(max-width:760px){.view-controls{flex-wrap:wrap;max-width:calc(100% - 30px)}.quality-control{font-size:10px}}

.woodland-control{position:absolute;z-index:5;right:20px;top:110px;background:#fafceded;border-radius:8px;padding:7px 9px;max-width:270px;color:#244f42;box-shadow:0 2px 10px #13372e24}.woodland-control [role=group]{display:flex;gap:5px}.woodland-control button{font:inherit;font-size:12px;padding:6px 12px;background:#e4ebdc;border:1px solid transparent}.woodland-control button[aria-pressed=true]{background:#245f49;color:white;border-color:#173e30}.woodland-control small{display:block;font-size:10px;line-height:1.5;margin-top:5px}.first-person #walk-map{top:195px}.first-person #walk-position{top:155px}.live-evolving .evolution-caption{top:195px}@media(max-width:760px){.woodland-control{right:15px;top:152px;max-width:235px}.first-person #walk-map{top:240px}.first-person #walk-position{top:220px}.live-evolving .evolution-caption{top:245px;max-width:210px}}
.quiz-progress{position:absolute;z-index:5;bottom:16px;left:20px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:calc(100% - 40px);padding:8px 10px;background:#fafceded;border-radius:8px;box-shadow:0 2px 10px #17402e24;font-size:12px}.quiz-progress button{font-size:11px;padding:5px 8px}.quiz-progress small{flex-basis:100%;color:#804714}.quiz-progress small:empty{display:none}.first-person .quiz-progress{bottom:78px}.walk-marker.quiz-completed{background:#e2f3e7;border:2px solid #286e54}.walk-marker.quiz-completed:after{border-top-color:#e2f3e7}.view-controls{flex-wrap:wrap;max-width:calc(100% - 40px)}#landform-quiz{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px}#landform-quiz .quiz-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}#landform-quiz h2{margin:12px 0}#landform-quiz fieldset{border:0;padding:0;margin:0;min-width:0}#landform-quiz legend{font-size:16px;font-weight:700;margin-bottom:14px;line-height:1.6}.quiz-option{display:flex;align-items:flex-start;gap:10px;margin:9px 0;padding:12px;border:1px solid #cbd8ca;border-radius:8px;font-size:14px;line-height:1.6;cursor:pointer}.quiz-option:has(input:checked){border-color:#286e54;background:#eaf4e9}.quiz-option input{margin-top:5px;accent-color:#286e54;flex-shrink:0}.quiz-feedback{font-size:14px;line-height:1.8;color:#8a4a13}.quiz-feedback.correct{padding:12px;border-radius:8px;background:#eaf4e9;color:#23583c}.quiz-footnote{font-size:12px;color:#657770}#landform-quiz button:disabled{opacity:.5;cursor:default}#landform-quiz :focus-visible,.quiz-progress :focus-visible{outline:3px solid #c68b31;outline-offset:3px}@media(max-width:760px){.quiz-progress{left:12px;bottom:12px;padding:6px 8px}.first-person .quiz-progress{bottom:88px}#landform-quiz{padding:18px}.quiz-option{padding:10px}}

/* Keep progress clear of the scene caption and walking instructions. */
.webgl-ready .legend{display:none}.quiz-progress{bottom:0;left:0;right:0;max-width:none;min-height:40px;box-sizing:border-box;border-radius:0;padding:6px 20px}.first-person .quiz-progress{bottom:50px}.first-person #walk-hint{bottom:104px}.first-person .touch-pad{bottom:166px}@media(max-width:760px){.quiz-progress{bottom:0;left:0;padding:6px 12px}.first-person .quiz-progress{bottom:54px}.first-person #walk-hint{bottom:108px}}

.quiz-photo[hidden]{display:none}.quiz-photo{margin-top:18px;padding-top:16px;border-top:1px solid #d4dfd0}.quiz-photo h3{font-size:17px;margin:0 0 12px}.quiz-photo figure{margin:0}.quiz-photo img{display:block;width:100%;height:auto;max-height:310px;object-fit:contain;background:#eaf0e6;border-radius:8px}.quiz-photo figcaption{margin:9px 0;font-size:13px;line-height:1.6}.quiz-photo figcaption strong,.quiz-photo figcaption span{display:block}.quiz-photo figcaption span,.quiz-photo small{font-size:11px;color:#657770}.quiz-photo p{font-size:14px;line-height:1.8}.quiz-photo a{color:#286e54;text-decoration:underline}.quiz-solved .quiz-option{display:none}@media(max-width:760px){.quiz-photo img{max-height:250px}}

.rain-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.rain-overlay[hidden]{display:none}

/* Give the scene title and navigation their own rows on phones. */
@media(max-width:480px){
 header{gap:10px}.brand{min-width:0}.brand small{letter-spacing:1px}header button{flex-shrink:0;white-space:nowrap;padding:8px}
 .scene-top{left:15px;right:15px;font-size:9px}.scene-top span{padding:7px}
 .scene-bottom{left:16px;right:16px;display:block}.scene-bottom h2{font-size:21px;margin:4px 0}.scene-bottom>div>span{display:block;line-height:1.5}
 .scene-bottom .walk{justify-content:flex-end;margin-top:8px}.scene-bottom .walk span{white-space:nowrap}
}