:root{--cream:#f6f4e9;--muted:#c2cebf;--green:#b7d399;--line:rgba(227,241,216,.16);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cream);background:#172a25;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{touch-action:manipulation}button,a{color:inherit}button{font:inherit;cursor:pointer;background:transparent;border:1px solid var(--line);border-radius:7px;padding:9px 12px}button:hover,a:hover{color:white;background:rgba(236,244,214,.08)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #d7ef9c;outline-offset:4px}a{text-decoration:none}button[hidden],[hidden]{display:none!important}#viewer{position:relative;height:100dvh;min-height:580px;overflow:hidden}#scene{display:block;width:100%;height:100%;touch-action:none;outline:none}.masthead{position:absolute;z-index:5;top:0;left:0;right:0;padding:23px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(#13251bed,transparent)}.brand{display:flex;gap:10px;align-items:center;font-size:25px;letter-spacing:2px;font-weight:600}.brand svg{width:33px;height:33px;fill:none;stroke:var(--green);stroke-width:1.3}.brand small{display:block;font-size:9px;letter-spacing:1.9px;margin-top:4px;font-weight:400}.header-links{display:flex;gap:20px;align-items:center;font-size:12px}.header-links button{border:0;padding:7px 0}.private{font-size:10px;border:1px solid var(--line);border-radius:20px;padding:6px 10px;letter-spacing:.3px}.panel{position:absolute;z-index:3;top:115px;left:30px;width:298px;padding:25px 24px 18px;border:1px solid var(--line);border-radius:13px;background:rgba(19,36,29,.91);backdrop-filter:blur(16px);max-height:calc(100dvh - 210px);overflow:auto;scrollbar-width:thin;box-shadow:0 15px 40px #0003}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--green);margin:0 0 10px;font-weight:600}h1{font-family:Georgia,serif;font-weight:400;font-size:30px;line-height:1.08;letter-spacing:-.6px;margin:0 0 13px}.subhead{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.data-badge{margin:21px 0 23px;font-size:12px;display:grid;grid-template-columns:10px 1fr;gap:6px 5px;align-items:center}.data-badge span{width:5px;height:5px;background:var(--green);border-radius:50%}.data-badge small{grid-column:2;color:var(--muted);font-size:10px}.panel h2{font-size:11px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;margin:0 0 8px;padding-top:17px;border-top:1px solid var(--line)}.layer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;cursor:pointer}.layer small{display:block;font-size:10px;line-height:1.5;color:#adbdad;margin-top:4px}.layer input{accent-color:var(--green);width:16px;height:16px;flex-shrink:0;cursor:pointer}.panel-actions{display:flex;gap:8px;margin:18px 0 10px}.panel-actions button{font-size:10px;flex:1}.appearance-note{font-size:10px;line-height:1.7;color:#c4ccb9;margin:15px 0}.stats{font-size:9px;color:#a4b6a5;line-height:1.6;margin:14px 0 0}.point-legend{font-size:9px;display:flex;gap:11px;margin:12px 0}.point-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.ground{background:#cfa47b}.vegetation{background:#68bc90}.other{background:#a1b7db}.welcome{position:absolute;z-index:4;left:calc(50% + 90px);top:46%;transform:translate(-50%,-50%);width:min(405px,45vw);text-align:center;border:1px solid var(--line);border-radius:16px;padding:30px;background:#152b22e8;backdrop-filter:blur(16px);box-shadow:0 18px 60px #0004}.welcome h2{font-family:Georgia,serif;font-size:33px;font-weight:400;margin:12px 0 15px;line-height:1.12}.welcome>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8}.primary{background:var(--green);color:#1d3325;font-weight:600;display:flex;justify-content:space-between;align-items:center;width:100%;margin:22px 0 18px;padding:14px 17px;font-size:12px}.primary:hover{background:#d1e7b1;color:#1d3325}.welcome .welcome-help{font-size:10px!important;line-height:1.8!important}.bottom-bar{position:absolute;z-index:3;left:30px;right:30px;bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#172b24d9;border:1px solid var(--line);border-radius:10px;padding:12px 17px;backdrop-filter:blur(12px);font-size:11px}.mode{font-size:8px;letter-spacing:1.3px;color:var(--green);display:block;margin-bottom:5px}.bottom-bar button{font-size:11px;padding:8px 13px;background:#263e30}.walk-pad{position:absolute;z-index:3;right:35px;bottom:108px;text-align:center}.walk-pad button{background:#142a20d6;width:42px;height:38px;font-size:19px;margin:2px;user-select:none}.walk-pad small{display:block;font-size:9px;color:#d2dacb;margin-top:9px;text-shadow:0 1px 3px #000}.provenance{position:absolute;z-index:2;bottom:100px;left:30px;font-size:9px;letter-spacing:.4px;text-shadow:0 1px 5px #000;background:#13291fcc;padding:7px 10px;border-radius:4px}.provenance span{padding:0 7px}.reticle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#eff5d9b3;font-size:22px;text-shadow:0 1px 5px #000;pointer-events:none}.panel-toggle{position:absolute;z-index:4;left:30px;top:86px;background:#172d22d9;font-size:10px;padding:6px 10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{color:#e8eddf;background:#172a22;border:1px solid #476342;border-radius:16px;width:min(760px,calc(100vw - 30px));max-height:90dvh;padding:30px;font-size:12px;line-height:1.8}dialog::backdrop{background:#06130acc;backdrop-filter:blur(7px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top button{border:0;font-size:25px;padding:0 6px}dialog h2{font-family:Georgia,serif;font-size:29px;font-weight:400;line-height:1.2}table{border-collapse:collapse;width:100%;text-align:left;margin:24px 0;font-size:11px}th,td{vertical-align:top;border-bottom:1px solid #3b503c;padding:11px 12px 11px 0}td:first-child{min-width:120px;color:#c7deb3}th{font-size:9px;letter-spacing:1px;text-transform:uppercase}.source-links{display:grid;gap:9px;margin:22px 0}.source-links a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.license{border-left:2px solid var(--green);padding-left:12px}#citation{font-size:10px;color:#b5c2ad}
@media(max-width:800px){.masthead{padding:18px 20px}.private{display:none}.header-links{gap:13px;font-size:10px}.brand{font-size:20px}.brand small{font-size:7px}.panel{left:20px;width:260px;top:108px;padding:20px}.panel-toggle{left:20px;top:77px}.welcome{left:calc(50% + 95px);width:330px;padding:24px}.welcome h2{font-size:28px}.provenance{left:20px;max-width:calc(100vw - 190px)}.bottom-bar{left:20px;right:20px}.walk-pad{right:20px}}
@media(max-width:600px){#viewer{min-height:560px}.masthead{align-items:flex-start;padding:18px 16px}.header-links{gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:170px}.header-links button{padding:0}.brand svg{width:26px}.brand small{font-size:6px;letter-spacing:1px}.panel{top:106px;left:16px;width:calc(100vw - 32px);max-height:calc(100dvh - 210px);z-index:5}.panel-toggle{left:16px}.welcome{left:50%;top:44%;width:min(340px,calc(100vw - 34px));z-index:4}.bottom-bar{left:12px;right:12px;padding:11px;font-size:9px}.bottom-bar button{font-size:9px}.provenance{left:12px;font-size:8px;max-width:calc(100vw - 175px);line-height:1.7}.walk-pad{right:12px;bottom:106px}.walk-pad button{width:37px}.panel h1{font-size:27px}dialog{padding:23px}td:first-child{min-width:90px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

#pilot-select{width:100%;background:#20362c;color:#edf4e9;border:1px solid #55755d;border-radius:6px;padding:9px;margin:7px 0;font:inherit}#soil-context{font-size:11px;line-height:1.5}.panel{max-height:calc(100vh - 150px);overflow-y:auto}

.forest-navigation{position:absolute;right:16px;bottom:95px;width:210px;padding:10px;background:rgba(15,29,22,.91);border:1px solid #5d7261;border-radius:8px;color:#dee8dc;font:12px system-ui;max-height:55vh;overflow:auto}.forest-navigation canvas{display:block;width:100%;height:auto;cursor:crosshair;margin:6px 0}.forest-navigation select{width:100%;color:#e0e8dc;background:#263b2c;border:1px solid #6a7a65;border-radius:4px;padding:6px}.forest-navigation p{margin:6px 0;font-size:11px}.forest-navigation button{padding:4px 8px}.forest-navigation small{font-size:10px;line-height:1.5} .forest-navigation[hidden]{display:none}@media(max-width:600px){.forest-navigation{right:8px;bottom:100px;width:140px;padding:7px;max-height:40vh}.forest-navigation canvas{max-height:170px}.forest-navigation small{font-size:9px}}

#unit-controls{border-bottom:1px solid #5d7261;margin-bottom:9px;padding-bottom:9px}#unit-controls label,#unit-controls small{display:block}#unit-select{margin:5px 0}

#drive-controls{border:1px solid #637c64;border-radius:6px;padding:10px;margin:10px 0}.drive-buttons{display:flex;flex-wrap:wrap;gap:5px}.drive-buttons button{font-size:11px;padding:6px}.drive-help{font-size:11px;line-height:1.6}#drive-readout{font-size:12px;color:#d5e5ba}.bottom-bar{flex-wrap:wrap;gap:8px}

.start-mode{width:100%;font:inherit;font-weight:600;padding:13px 16px;border:1px solid #a9cba2;border-radius:7px;background:#c4d7ac;color:#14271c;cursor:pointer}.start-mode option{background:#20362c;color:#edf4e9}.start-mode:disabled{opacity:.55;cursor:wait}

#bike-hud{position:fixed;top:auto;bottom:110px;left:16px;transform:none;z-index:12;background:rgba(13,31,24,.91);color:#eef2df;border:1px solid #8b9b78;border-radius:10px;padding:10px 16px;text-align:left;max-width:min(360px,calc(100vw - 40px));font-size:12px}#bike-hud[hidden]{display:none}#bike-hud p{margin:5px 0;line-height:1.5}#bike-hud button{padding:5px 10px;margin:2px}#bike-readout{font-size:14px}

.brand .uief-logo{display:block;width:auto;height:99px;max-width:99px;object-fit:contain}
@media(max-width:700px){.brand .uief-logo{height:79.2px;max-width:79.2px}}

.panel-toggle{top:148px}.panel{top:184px;max-height:calc(100dvh - 279px)}
@media(max-width:800px){.panel-toggle{top:140px}.panel{top:176px;max-height:calc(100dvh - 271px)}}
@media(max-width:700px){.panel-toggle{top:118px}.panel{top:154px;max-height:calc(100dvh - 249px)}}
