:root{--ink:#263e34;--muted:#69736a;--paper:#f8f7f0;--green:#315d49;--line:#dfE1d7;--gold:#b18446}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,#map-frame:focus-visible{outline:3px solid #b18446}a{color:var(--green)}header{height:86px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;letter-spacing:2px;font-weight:750;font-size:14px}.brandmark{font-family:Georgia,serif;font-size:31px;border:1px solid #c4cbbb;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;letter-spacing:-5px;padding-right:5px}.light{font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:2.4px;margin-top:6px;font-weight:400}.header-label{font-family:Georgia,serif;font-style:italic;color:var(--muted);font-size:17px}.quiet{border:1px solid var(--line);background:transparent;color:var(--ink);padding:11px 15px;border-radius:7px}main{display:grid;grid-template-columns:380px 1fr;height:calc(100dvh - 86px);min-height:650px}aside{padding:33px 30px 20px;overflow-y:auto;display:flex;flex-direction:column;z-index:2;border-right:1px solid var(--line)}.eyebrow,.section-label{font-size:10px;letter-spacing:1.6px;font-weight:700;color:var(--muted)}h1{font-family:Georgia,serif;font-size:41px;line-height:1.1;font-weight:400;letter-spacing:-1.7px;margin:21px 0 16px}h1 span{display:block;font-style:italic;font-size:29px;color:#74806b;letter-spacing:-.8px;margin-top:8px}.intro{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 24px}nav{display:flex;border-bottom:1px solid var(--line);gap:16px;margin-bottom:24px}nav button{border:0;background:none;padding:12px 0;color:var(--muted);font-size:13px;white-space:nowrap}nav button.active{color:var(--green);border-bottom:3px solid var(--green);font-weight:bold}.section-label{display:flex;justify-content:space-between;margin-bottom:13px}.section-label span{font-size:9px;font-weight:400;letter-spacing:1px}.place{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid transparent;border-bottom-color:var(--line);padding:13px 10px;background:transparent;color:var(--ink);border-radius:7px}.place.selected{background:#e9eee4;border-color:#d6dfcf}.place .number{display:grid;place-items:center;width:28px;height:28px;border:1px solid #cdd5c7;border-radius:50%;font-size:11px;flex-shrink:0}.place b{font-size:13px;font-weight:600}.place small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.place .arrow{margin-left:auto;color:#788773}.place:hover{background:#edf0e8}#story{margin-top:23px;border-left:2px solid var(--gold);padding-left:17px}h2{font-family:Georgia,serif;font-weight:400;font-size:27px;line-height:1.2;margin:13px 0}h3{font-size:16px}p{line-height:1.65}#story p,#time-panel p,#lab-panel p{font-size:13px;color:var(--muted)}#story a,#era-source{font-size:12px;font-weight:600}.question{color:var(--ink)!important;font-style:italic}.sidebar-footer{margin-top:auto;padding-top:28px;font-size:10px;color:var(--muted);line-height:1.6}.dot{display:inline-block;width:6px;height:6px;background:#6c875f;border-radius:50%;margin-right:6px}.map-shell{position:relative;overflow:hidden;background:#ebe8d7;min-width:0}.map-heading{position:absolute;top:27px;left:28px;right:28px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#63735e}.pill{padding:12px 15px;border:1px solid #d5d8c6;border-radius:30px;background:#f8f7eee8;font-size:9px;letter-spacing:1.5px;font-weight:700}#map-frame,#map{width:100%;height:100%;display:block;touch-action:none}#map-frame{cursor:grab}#map-frame.dragging{cursor:grabbing}.map-tools{position:absolute;right:24px;top:100px;display:grid;gap:7px;z-index:1}.map-tools button{width:42px;height:42px;background:#fbfaf2eF;border:1px solid #d3d7c4;color:var(--ink);border-radius:9px;font-size:23px;box-shadow:0 3px 12px #30452d09}.map-tools #north{font-size:13px;margin-bottom:10px}.map-caption{position:absolute;left:32px;bottom:112px;pointer-events:none}.map-word{font-family:Georgia,serif;font-style:italic;font-size:30px;color:#69765b}.map-caption p{font-size:11px;letter-spacing:.6px;color:#7b806c}.legend{position:absolute;bottom:66px;left:30px;display:flex;gap:17px;align-items:center;font-size:10px;color:#626c5b;background:#f8f7eeeD;padding:12px 15px;border-radius:8px}.legend span{display:flex;align-items:center;gap:7px}.legend i{display:inline-block;width:18px;height:3px}.trail-key{background:#a28243}.water-key{background:#8cb2b2}.legend label{display:flex;align-items:center;gap:3px}.map-bottom{position:absolute;bottom:0;left:0;right:0;padding:15px 25px;background:#f4f2e9dd;border-top:1px solid #d9dccb;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#717767}.map-bottom button{padding:0;border:0;background:none;font-size:9px;text-decoration:underline;color:inherit}.map-bottom a{color:inherit}.note{padding:15px;background:#eeeee4;border-radius:8px;margin:22px 0}.note b{font-size:12px}.note p{margin-bottom:0;font-size:12px!important}.primary{background:var(--green);color:#fff;border:0;border-radius:7px;padding:12px 17px;font-size:13px}#timeline{position:absolute;bottom:66px;left:30px;right:30px;background:#fbfaf2f5;border:1px solid #d7ddcd;border-radius:12px;padding:22px;box-shadow:0 8px 30px #34452b0d}.timeline-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px}.timeline-heading b{color:var(--green)}input[type=range]{width:100%;accent-color:var(--green);margin:24px 0 15px;cursor:pointer}.time-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}#lab-panel label{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-top:22px}#lab-panel input{margin-top:14px}.button-row{display:flex;gap:8px}.small{font-size:12px;color:var(--muted)}#lab-status{font-size:11px!important}#lab-overlay{position:absolute;inset:82px 80px 75px 30px;background:#f7f5e9;border:1px solid #cfd7c5;border-radius:15px;box-shadow:0 15px 60px #34452b16;overflow:hidden}.lab-top{padding:25px 30px}.lab-top p{font-size:12px;color:var(--muted)}#herd{width:100%;height:calc(100% - 215px);display:block;background:#e7e7d2}.lab-metrics{display:flex;justify-content:space-around;padding:20px 10px;font-size:9px;letter-spacing:1px}.lab-metrics b{display:block;font-family:Georgia,serif;font-size:24px;font-weight:400;margin-top:8px;letter-spacing:0}dialog{max-width:640px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);padding:34px;max-height:90dvh;overflow:auto;box-shadow:0 25px 90px #182b3440}dialog::backdrop{background:#192d2d77;backdrop-filter:blur(4px)}dialog p,dialog dd,dialog li{font-size:13px;line-height:1.7;color:var(--muted)}dialog dt{font-weight:700;font-size:12px;margin-top:16px}dialog dd{margin:4px 0 0}dialog ul{padding-left:18px}dialog li{margin:9px 0}.close{float:right;font-size:26px;border:0;background:transparent;color:var(--ink)}[hidden]{display:none!important}.marker{cursor:pointer}.marker text{font-family:Arial,sans-serif}.marker:focus{outline:none}.marker:focus circle{stroke:#b18446;stroke-width:6}.marker:hover circle{fill:#426b50}.paths-off .footway{display:none}body[data-mode=time] .map-caption{bottom:245px}body[data-mode=time] .legend,body[data-mode=lab] .legend,body[data-mode=lab] .map-caption{display:none}@media(max-width:1000px){main{grid-template-columns:320px 1fr}aside{padding:25px 22px}.header-label{display:none}h1{font-size:36px}h1 span{font-size:26px}.map-heading{left:18px;right:18px}.map-heading>span:last-child{display:none}.map-caption{left:20px}.map-word{font-size:25px}.legend{left:16px;gap:10px}.legend label{display:none}.map-bottom{padding:12px;font-size:8px}#lab-overlay{left:15px;right:72px}.lab-top{padding:20px}.lab-top h2{font-size:23px}}@media(max-width:700px){header{height:68px;padding:0 18px}header .quiet{font-size:11px}.brand{font-size:12px}.brandmark{width:34px;height:34px;font-size:25px}main{height:auto;min-height:0;display:flex;flex-direction:column}aside{overflow:visible;padding:25px 22px;border-right:0}h1{margin:14px 0;font-size:36px}h1 span{display:inline;font-size:23px;margin-left:8px}.intro{max-width:440px;margin-bottom:14px}nav{margin-bottom:18px}#places{display:grid;grid-template-columns:1fr 1fr;gap:6px}.place{padding:10px 7px}.place b{font-size:11px}.place small{font-size:9px}.place .arrow{display:none}.place .number{width:24px;height:24px}#story{margin-top:16px}#story h2{font-size:23px}#story p{margin:8px 0}.sidebar-footer{padding-top:20px}.map-shell{height:650px;border-top:1px solid var(--line)}.map-word{font-size:26px}.map-tools{right:15px}.map-bottom{font-size:8px;align-items:center}.map-bottom>span:first-child{white-space:nowrap}.map-caption{bottom:120px}#timeline{left:15px;right:15px;padding:17px}.timeline-heading{font-size:8px}.lab-top{padding:24px}.lab-metrics{font-size:8px}#lab-overlay{inset:82px 69px 70px 15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.map-bottom,.map-bottom button{font-size:11px}.legend{font-size:11px}.map-caption{background:#ebe8d7dd;padding:9px 14px;border-radius:8px}.map-caption p{margin-bottom:3px}@media(max-width:700px){.map-bottom,.map-bottom button{font-size:10px}.map-bottom{flex-wrap:wrap;gap:5px}.legend{bottom:88px}.map-caption{bottom:142px}}
@media(max-width:700px){.map-bottom{display:block;padding:10px 14px;line-height:1.6}.map-bottom>span{display:block}.map-bottom>span+span{margin-top:4px}.map-bottom button{padding:3px 0}.legend{bottom:95px}.map-caption{bottom:150px}#timeline{bottom:100px}#lab-overlay{bottom:100px}}
/* 3D landscape viewer */
.three-shell{background:#dbe5e3}#scene{position:absolute;inset:0;touch-action:none}#scene canvas{width:100%;height:100%;display:block}.three-shell .map-heading{pointer-events:none;z-index:3}.three-shell .map-heading>span:last-child{font-size:10px;background:#faf9f0dc;border:1px solid #d8dece;padding:10px;border-radius:20px}.view-presets{position:absolute;left:25px;top:87px;display:flex;gap:5px;z-index:4;background:#f8f7eeeF;border:1px solid #d5dbd0;padding:5px;border-radius:11px;max-width:calc(100% - 100px);flex-wrap:wrap}.view-presets button{border:0;background:transparent;border-radius:6px;font-size:11px;color:#536a60;padding:10px 12px}.view-presets .chosen{background:#315d49;color:white}.three-shell .map-tools{top:151px;z-index:4}.scene-settings{position:absolute;left:25px;bottom:65px;background:#f8f8eff0;border:1px solid #d5dbd0;border-radius:12px;padding:16px 18px;z-index:3;max-width:calc(100% - 50px);box-shadow:0 8px 24px #1e352b0c}.scene-settings>label{display:flex;justify-content:space-between;gap:22px;align-items:center;font-size:12px;font-weight:600}.scene-settings select{padding:7px 9px;border:1px solid #cbd4c4;border-radius:6px;background:#fffdf4;color:#315d49;font:inherit;font-size:11px}.layer-options{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;font-size:11px}.layer-options label{display:flex;align-items:center;gap:4px}.layer-options input{accent-color:#315d49}.scene-settings p{margin:12px 0 0;font-size:10px;color:#637568}.scene-caption{position:absolute;bottom:85px;right:25px;pointer-events:none;text-align:right;text-shadow:0 1px 9px #f8f7f0;color:#4d6758}.scene-caption span{display:block;font-family:Georgia,serif;font-style:italic;font-size:29px}.scene-caption small{display:block;margin-top:8px;font-size:10px}#scene-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.scene-label{position:absolute;left:0;top:0;transform:translate(-50%,-100%);border:1px solid #cfdbc5;background:#faf9efef;border-radius:8px;box-shadow:0 3px 14px #12302220;padding:7px 10px;color:#315d49;font-size:10px;white-space:nowrap;pointer-events:auto}.scene-label.selected{background:#315d49;color:white;border-color:#315d49}.scene-label b{margin-right:7px}.three-shell .map-bottom{z-index:5}.three-shell #timeline{bottom:66px;z-index:5}body[data-mode=time] .scene-settings,body[data-mode=time] .scene-caption{display:none}body[data-mode=lab] .scene-caption{display:none}#load-error{position:absolute;inset:160px 30px auto;padding:30px;background:#fffaf0;border-radius:12px;z-index:10}#scene:focus-visible{outline:3px solid #b18446;outline-offset:-4px}@media(max-width:1200px){.scene-caption{display:none}.view-presets button{padding:9px}.scene-settings{left:18px;bottom:78px;max-width:calc(100% - 36px)}}@media(max-width:700px){.three-shell{height:680px}.view-presets{left:15px;top:80px;max-width:calc(100% - 75px);gap:1px}.view-presets button{font-size:10px;padding:9px}.scene-settings{left:12px;right:12px;bottom:92px;max-width:none;padding:13px}.layer-options{gap:10px;font-size:10px}.three-shell .map-tools{top:145px;right:12px}.three-shell .map-tools button{width:37px;height:37px}.three-shell #timeline{bottom:95px}.scene-label{font-size:9px;padding:6px}.three-shell .map-heading{left:15px;top:22px}.scene-settings p{font-size:10px}.three-shell .map-bottom{font-size:9px}}

.label-leader{position:absolute;height:1px;background:#3c624bac;transform-origin:left center;pointer-events:none}.scene-label{z-index:1}.scene-caption{padding:10px 12px;background:#eff2e3bb;border-radius:8px}

.learning-jump{display:none}@media(max-width:700px){.three-shell{order:-1;height:calc(100dvh - 68px);min-height:610px}.learning-jump{display:block;position:absolute;right:16px;top:126px;z-index:4;color:#355c47;font-size:10px;background:#f6f7ece8;padding:7px 9px;border-radius:6px;text-decoration:none}.three-shell .map-tools{top:171px}.view-presets{max-width:calc(100% - 25px)}}
/* Field guide: clearer hierarchy and focused activities */
:root{--ink:#1f392f;--muted:#586b5e;--paper:#f7f6ef;--green:#2f5b46}aside{padding-top:26px}h1{font-size:38px;margin-top:16px}h1 span{font-size:26px}.intro{font-size:13px;margin-bottom:17px}nav{gap:18px;margin-bottom:20px}nav button{font-size:12px;padding:12px 0}.place small{font-size:10px}.place{padding:11px 9px}.tour-start{display:flex;width:100%;align-items:center;gap:12px;padding:16px 13px;background:#294f3e;color:#fff;border:0;border-radius:10px;text-align:left;margin-bottom:24px}.tour-start b{font-size:13px;display:block}.tour-start small{font-size:10px;display:block;color:#d2e0cd;margin-top:5px}.tour-start>span:last-child{margin-left:auto}.tour-symbol{font-family:Georgia,serif;font-size:28px;color:#ddc393}.feature-button{display:block;width:100%;text-align:left;background:#eeefe4;border:1px solid #d9dfce;border-radius:9px;color:var(--ink);padding:15px;margin-top:13px}.feature-button b{display:block;font-size:13px}.feature-button span{display:block;font-size:11px;color:var(--muted);margin-top:6px}.feature-button:disabled{opacity:.55;cursor:default}.history-actions{margin-top:23px}.field-label{display:block;font-size:12px;font-weight:600;margin:18px 0 8px}#surface-mode{width:100%;font:inherit;font-size:13px;background:#fcfbf4;color:var(--ink);border:1px solid #cdd7c5;border-radius:7px;padding:12px}.terrain-key{display:flex;align-items:center;gap:8px;font-size:9px;margin:14px 0;color:var(--muted)}.terrain-key i{height:6px;flex:1;border-radius:4px;background:linear-gradient(90deg,#51796b,#c8bc83,#efe1bf)}#elevation-profile{display:block;width:100%;height:auto;background:#eef0e6;border-radius:8px;border:1px solid #d5dccd}#land-panel .note{margin:18px 0}#measure-result{min-height:42px}#tour-dock{position:absolute;bottom:66px;left:25px;width:410px;max-width:calc(100% - 50px);z-index:6;padding:20px 23px;background:#fcfbf4f8;border:1px solid #ccd8c5;border-radius:13px;box-shadow:0 12px 35px #17392b1a}.tour-top,.tour-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.tour-top button{font-size:11px}.tour-bottom a{font-size:11px}.tour-bottom>div{display:flex;gap:6px}.tour-bottom button{font-size:11px;padding:10px 12px}#tour-dock h2{font-size:25px;margin:13px 0 8px}#tour-dock p{font-size:13px;line-height:1.6;margin:9px 0 18px;color:#53675a}.text-button{border:0;background:none;color:var(--muted);padding:0}.sidebar-footer{font-size:10px}body[data-tour=true] .scene-settings,body[data-tour=true] .scene-caption,body[data-tour=true] #timeline{display:none}#artifact-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.artifact-card{padding:20px;background:#eeeee3;border:1px solid #d7dccd;border-radius:10px}.artifact-card .eyebrow{font-size:9px}.artifact-card h3{font-family:Georgia,serif;font-weight:400;font-size:22px;line-height:1.2;margin:13px 0}.artifact-card p{font-size:12px;line-height:1.65;margin:10px 0}.artifact-card a{font-size:11px;font-weight:600}.artifact-card .question{font-size:12px;color:var(--ink)}#cabinet{max-width:850px}#challenge-options{display:grid;gap:9px;margin:20px 0}#challenge-options button{background:#eef0e5;border:1px solid #cfd8c6;border-radius:8px;padding:14px;text-align:left;font-size:14px;color:var(--ink)}#challenge-options button.correct{background:#dcebd7;border-color:#73986b}#challenge-options button.incorrect{background:#f1e4d3;border-color:#b38d64}#challenge-feedback{padding:12px 0;color:var(--ink)}#observation{width:100%;resize:vertical;background:#fffcf3;border:1px solid #cbd5c4;border-radius:8px;padding:15px;font:inherit;line-height:1.6;color:var(--ink)}#run-comparison{font-size:11px;margin-top:16px}#run-comparison table{width:100%;border-collapse:collapse}#run-comparison td,#run-comparison th{text-align:left;padding:8px 5px;border-bottom:1px solid #d7dfcc}#run-comparison p{font-size:11px}#source-research-link{font-size:11px}.scene-caption small{color:#415b4b}body[data-mode=land] .scene-caption{display:none}.note summary{font-size:12px;font-weight:600;cursor:pointer}.note details p{font-size:12px}@media(max-width:1000px){nav{gap:14px}nav button{font-size:11px}}@media(max-width:700px){nav{gap:24px}nav button{font-size:13px}#tour-dock{bottom:95px;left:12px;max-width:calc(100% - 24px);width:auto;padding:15px}#tour-dock h2{font-size:22px}#tour-dock p{font-size:12px;margin-bottom:13px}.tour-bottom a{font-size:10px}.tour-bottom button{font-size:10px;padding:9px}#artifact-cards{grid-template-columns:1fr}h1{font-size:35px}.brand small{letter-spacing:1px;font-size:7px}#land-panel{max-width:500px}.history-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.history-actions button{margin-top:0;padding:13px}}

.coverage-key{position:absolute;top:144px;left:27px;z-index:2;display:flex;align-items:center;gap:7px;font-size:10px;color:#506356;background:#f6f6eddc;padding:7px 10px;border-radius:5px;pointer-events:none}.coverage-key i{width:20px;height:12px;display:block;border:1px solid #bbc7bf;background:repeating-linear-gradient(135deg,#e1e6df,#e1e6df 3px,#cbd4ca 3px,#cbd4ca 4px)}.evidence-caption{font-size:10px;color:#617460;line-height:1.6;margin-top:20px}@media(max-width:700px){.coverage-key{top:163px;left:15px;font-size:8px;padding:5px 7px}.three-shell .map-tools{top:194px}}

#imagery-mode{max-width:190px}.scene-settings>label+label{margin-top:8px}#imagery-status{font-size:10px;line-height:1.45;max-width:305px;margin:7px 0 12px;color:#536b5c}.imagery-attribution{position:absolute;left:25px;right:25px;bottom:45px;z-index:6;text-align:right;font-size:9px;line-height:1.5;pointer-events:none}.imagery-attribution a{display:inline-block;background:#fafaf1ee;padding:4px 8px;border-radius:4px;color:#3e574b;pointer-events:auto;text-decoration:none}.imagery-attribution span{background:#fafaf1ee;padding:4px 8px;display:inline-block;border-radius:4px}.scene-settings{bottom:85px}.scene-caption{bottom:106px}@media(max-width:700px){.scene-settings{bottom:122px}#imagery-status{font-size:9px;margin-bottom:8px}.imagery-attribution{left:12px;right:12px;bottom:84px;font-size:8px;text-align:left}.scene-settings>label{font-size:11px}.scene-settings select{font-size:10px}.layer-options{margin-top:8px}#view-hint{margin-top:8px}}
/* Walkable, illustrative daily-life experience. */
#life-era,#life-style{width:100%;padding:11px;border:1px solid #ccd5c4;border-radius:7px;background:#fffdf4;color:var(--ink);font:inherit;font-size:12px}#life-evidence{font-size:11px}.guidance-option{display:flex;gap:8px;align-items:center;font-size:12px;margin:16px 0}.guidance-option input{accent-color:var(--green)}.life-task{background:#e9edde;border:1px solid #d3ddc9;border-radius:10px;padding:16px;margin:17px 0}.life-task p{font-size:12px;line-height:1.6}.life-task #life-progress{font-weight:700;color:#315d49}#life-inventory{display:flex;flex-wrap:wrap;gap:5px;font-size:10px}#life-inventory span{background:#d3e0c9;padding:5px 7px;border-radius:5px}#life-objectives{display:grid;gap:7px}#life-objectives button{width:100%;text-align:left;border:1px solid #d3ddca;background:#f6f6ec;padding:10px 12px;color:#38523f;border-radius:7px;font-size:11px}#life-hud{position:absolute;inset:0;z-index:5;pointer-events:none}.life-hud-top{position:absolute;top:82px;left:27px;right:27px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.life-era-badge{display:block;font-size:9px;letter-spacing:1px;padding:10px 12px;background:#faf8eade;color:#506447;border:1px solid #ced8c3;border-radius:7px}#life-status{margin:0;font-size:10px;line-height:1.5;padding:9px 11px;background:#faf8eade;border-radius:7px;max-width:250px}.life-crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fffbec;opacity:.65;font-size:22px;text-shadow:0 1px 3px #304527}.life-action{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);text-align:center;max-width:60%;pointer-events:auto;background:#faf9efeb;padding:13px 18px;border-radius:10px;border:1px solid #d2dcc8}#life-nearby{font-size:12px;margin:0 0 9px;line-height:1.5}.walk-pad{position:absolute;left:25px;bottom:95px;display:grid;grid-template-columns:40px 40px 40px;grid-template-rows:40px 40px;gap:5px;pointer-events:auto}.walk-pad button{background:#faf8ebe0;border:1px solid #c9d5bd;border-radius:8px;font-size:22px;color:#39553f;touch-action:none;user-select:none}#walk-forward{grid-column:2}#walk-left{grid-row:2;grid-column:1}#walk-back{grid-row:2;grid-column:2}#walk-right{grid-row:2;grid-column:3}#life-exit-hud{position:absolute;right:24px;bottom:99px;pointer-events:auto;background:#fbf9edec;font-size:11px}#life-labels{position:absolute;inset:0;z-index:3;pointer-events:none}#life-labels button{pointer-events:auto}#life-labels .life-label{position:absolute;background:#faf8e9ed;border:1px solid #bdcdae;color:#355237;padding:7px 10px;border-radius:7px;font-size:10px;transform:translate(-50%,-100%);white-space:nowrap}#life-options{display:grid;gap:9px;margin:20px 0}#life-options button{font:inherit;text-align:left;font-size:13px;line-height:1.5;border:1px solid #c9d5bd;background:#edf1e2;border-radius:8px;padding:13px;color:#2f4d35}#life-feedback{color:#2f5639;font-size:13px}body[data-mode=life] .scene-settings,body[data-mode=life] .view-presets,body[data-mode=life] .map-tools,body[data-mode=life] .scene-caption,body[data-mode=life] .coverage-key,body[data-mode=life] #scene-labels{display:none}body[data-mode=life] .learning-jump{display:none}body[data-mode=life] .map-heading{z-index:6}body[data-mode=life] #life-hud{display:block}body[data-mode=life] .imagery-attribution{font-size:8px}@media(max-width:700px){.life-hud-top{top:79px;left:12px;right:12px;flex-direction:column;gap:6px}.life-era-badge{font-size:8px;padding:8px}#life-status{font-size:9px;padding:8px;max-width:275px}.life-action{bottom:224px;max-width:none;width:calc(100% - 24px);padding:11px}.walk-pad{left:13px;bottom:119px;grid-template-columns:42px 42px 42px;grid-template-rows:42px 42px}.walk-pad button{font-size:23px}#life-exit-hud{bottom:124px;right:13px}.life-task{max-width:470px}}

nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}nav button{font-size:11px}#life-labels .life-world-label{position:absolute;background:#fcf8e9ef;border:1px solid #c6d3b9;color:#355239;padding:7px 10px;border-radius:8px;font-size:10px;transform:translate(-50%,-100%);white-space:nowrap;pointer-events:auto;box-shadow:0 3px 12px #20351818}.walk-pad button{touch-action:none}@media(max-width:700px){nav{gap:0}nav button{font-size:12px}#life-labels .life-world-label{font-size:9px;padding:6px 8px}}

.life-guide-link,.back-to-camp{display:none}@media(max-width:700px){.life-guide-link{display:block;pointer-events:auto;position:absolute;right:12px;top:166px;color:#34543b;background:#faf8e8ee;padding:9px 10px;border:1px solid #d0dac4;border-radius:7px;font-size:10px;text-decoration:none}.back-to-camp{display:inline-block;font-size:12px;margin-bottom:18px;padding:10px 14px;background:#e4ebda;border-radius:7px;text-decoration:none}}