:root{--bg: #0a0d0c;--panel: #141a18;--panel-2: #1d2523;--line: #2c3734;--text: #e8f0ed;--muted: #8fa39d;--good: #4ade80;--warn: #fbbf24;--bad: #f87171;--danger: #ffb4ab;--accent: #4dd2ff;--scrim-rgb: 10 13 12;--btn-bg: #1d2523;--btn-border: #2c3734;--btn-label: #e8f0ed;--btn-press: #2b3634;--btn-accent-label: #e8f0ed;--btn-primary-bg: #1f6f45;--btn-primary-border: #2f9c62;--btn-record-bg: #8c2118;--btn-record-border: #c0392b;--btn-on-bg: #21506b;--btn-on-border: #3d86ad;--btn-disabled-opacity: .4;--btn-disabled-fg: var(--btn-label);--btn-disabled-bg: var(--btn-bg);--btn-disabled-border: var(--btn-border);--swatch-edge: transparent;--banner-bg: #4a1512;--banner-border: #7f2a24;--banner-text: #ffd9d4;--map-bg: #0a0d0c;--map-halo: rgba(0, 0, 0, .8);--map-halo-w: 3px;--map-w-viewport: calc(.25 + 100vmin/900px*.45) ;--map-w: var(--map-w-viewport);--map-dot-outline: #04121a;--map-trail: #ffd166;--map-trail-blocked: #f87171;--map-trail-unfinished: #9ab8c9;--map-junction: #f5f2e8;--map-place-dot: #ffa53c;--map-place-label: #ffc978;--map-parcel: #6ee7a8;--map-parcel-fill: rgba(110, 231, 168, .06);--map-neighbor: #7d8f87;--map-track: #ffcc33;--map-raw: #6b7f79;--map-pos: #4dd2ff;--map-acc-fill: rgba(77, 210, 255, .12);--map-acc-stroke: rgba(77, 210, 255, .55);--map-wpt: #ff7a6b;--map-territory: #ff6a00;--map-structure: rgba(232, 240, 237, .18);--map-structure-edge: #e8f0ed;--map-drive: rgba(232, 240, 237, .22);--map-road: #8b8378;--map-mown: rgba(110, 231, 168, .12);--map-rough: rgba(255, 209, 102, .1);--map-plot: rgba(255, 165, 60, .22);--map-saved-1: #ff8fa3;--map-saved-2: #8ecae6;--map-saved-3: #c7f9cc;--map-saved-4: #ffd6a5;--map-saved-5: #bdb2ff;--map-saved-6: #a0e7e5;--map-saved-opacity: .85;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}@media(prefers-color-scheme:light){:root{--bg: #eef1ee;--panel: #ffffff;--panel-2: #e9ece9;--line: #98a5a0;--text: #121815;--muted: #3f4b46;--good: #0f7038;--warn: #8a5300;--bad: #b42318;--danger: #b3261e;--accent: #125d8c;--scrim-rgb: 238 241 238;--btn-bg: #ffffff;--btn-border: #98a5a0;--btn-label: #121815;--btn-press: #dde2de;--btn-accent-label: #ffffff;--btn-primary-bg: #0d6b3a;--btn-primary-border: #0a5730;--btn-record-bg: #b3261e;--btn-record-border: #8f1c16;--btn-on-bg: #125d8c;--btn-on-border: #0d4a70;--btn-disabled-opacity: 1;--btn-disabled-fg: #6d7871;--btn-disabled-bg: #f3f5f3;--btn-disabled-border: #cdd6d1;--swatch-edge: rgba(0, 0, 0, .28);--banner-bg: #fde5e2;--banner-border: #b3261e;--banner-text: #5c1512;--map-bg: #eef1ee;--map-halo: rgba(0, 0, 0, .92);--map-w: calc(1.2 * var(--map-w-viewport));--map-trail: #ffd670;--map-trail-blocked: #ff8f83;--map-trail-unfinished: #c3d7e3;--map-junction: #fffdf6;--map-place-dot: #ffb659;--map-place-label: #ffd89a;--map-parcel: #7ff0b6;--map-neighbor: #93a69d;--map-track: #ffd633;--map-raw: #9fb1ab;--map-pos: #6fdcff;--map-acc-fill: rgba(111, 220, 255, .14);--map-acc-stroke: rgba(111, 220, 255, .7);--map-wpt: #ff9082;--map-structure: rgba(18, 24, 21, .22);--map-structure-edge: #121815;--map-drive: rgba(18, 24, 21, .26);--map-road: #9b9285;--map-mown: rgba(27, 107, 67, .16);--map-rough: rgba(122, 79, 10, .14);--map-plot: rgba(138, 75, 0, .28);--map-saved-opacity: 1}}:root[data-basemap=terrain]{--map-structure: #c1ae8b;--map-plot: color-mix(in srgb, var(--map-mown), #000 20%)}:root[data-basemap=map]{--map-bg: #121816;--map-halo: rgba(18, 24, 22, .85);--map-dot-outline: #121816;--map-parcel-fill: rgba(110, 231, 168, .1);--map-neighbor: #3d4a44;--map-raw: #7d918b;--map-structure: #2b3733;--map-structure-edge: #7d918b;--map-drive: #38423f;--map-road: #4a5450;--map-mown: #1f2c25;--map-rough: #262719;--map-plot: #2e3a31}@media(prefers-color-scheme:light){:root[data-basemap=map]{--map-bg: #f2efe6;--map-halo: rgba(242, 239, 230, .9);--map-dot-outline: #f2efe6;--map-w: calc(1.15 * var(--map-w-viewport));--map-trail: #7a4f0a;--map-trail-blocked: #a4161a;--map-trail-unfinished: #3f6473;--map-junction: #3a2f18;--map-place-dot: #8a4b00;--map-place-label: #3a2f18;--map-parcel: #1b6b43;--map-parcel-fill: rgba(27, 107, 67, .08);--map-neighbor: #aab6ab;--map-track: #b3300a;--map-raw: #7c8a85;--map-pos: #0b4f6c;--map-acc-fill: rgba(11, 79, 108, .1);--map-acc-stroke: rgba(11, 79, 108, .55);--map-wpt: #a12a1c;--map-structure: #d9d0c9;--map-structure-edge: #a1887a;--map-drive: #ded8cb;--map-road: #b3ab9c;--map-mown: #e4e8d8;--map-rough: #eae5d2;--map-plot: #ddd3bb;--map-saved-1: #b03050;--map-saved-2: #1f6f9c;--map-saved-3: #3f7a2e;--map-saved-4: #9a5a10;--map-saved-5: #5a4bb0;--map-saved-6: #0f7a72}}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--text);font:16px/1.35 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{user-select:none;-webkit-user-select:none}#map{position:fixed;inset:0;width:100%;height:100%;touch-action:none;display:block;background:var(--map-bg);--map-w-world: calc(var(--map-w) * var(--world-units-per-screen-pixel, 1))}:root:not([data-basemap=terrain]) #terrain{display:none}:root:not([data-basemap=imagery]) #imagery{display:none}:root[data-basemap=imagery] .property,:root[data-basemap=imagery] .neighbor-structure,:root[data-basemap=imagery] .road{display:none}:root:not([data-basemap=map]) .property-field{display:none}:root[data-basemap=terrain] .property,:root[data-basemap=terrain] .neighbor-structure{stroke:none;filter:blur(.25px)}.property,.neighbor-structure{stroke:none;stroke-linejoin:round}.property-field{fill:var(--map-rough)}.property-yard{fill:var(--map-mown)}.property-driveway{fill:var(--map-drive)}.property-house,.property-barn,.neighbor-structure{fill:var(--map-structure);stroke:var(--map-structure-edge);stroke-width:calc(1.5px * var(--map-w-world))}.property-garden,.property-playground,.property-firepit{fill:var(--map-plot)}.parcel{fill:var(--map-parcel-fill);stroke:var(--map-parcel);stroke-width:calc(2px * var(--map-w-world));stroke-linejoin:round}.neighbor{fill:none;stroke:var(--map-neighbor);stroke-width:calc(1.25px * var(--map-w-world));stroke-linejoin:round;stroke-linecap:round}.territory{fill:none;stroke:var(--map-territory);stroke-width:calc(5px * var(--map-w-world));stroke-linecap:round;stroke-linejoin:round}.neighbor-structure{opacity:.45}.neighbor-structure-inventory{opacity:.28}#rawLine{fill:none;stroke:var(--map-raw);stroke-width:calc(1.5px * var(--map-w-world));stroke-linejoin:round;stroke-linecap:round}#trackLine{fill:none;stroke:var(--map-track);stroke-width:calc(3.5px * var(--map-w-world));stroke-linejoin:round;stroke-linecap:round}.saved-1{--saved: var(--map-saved-1)}.saved-2{--saved: var(--map-saved-2)}.saved-3{--saved: var(--map-saved-3)}.saved-4{--saved: var(--map-saved-4)}.saved-5{--saved: var(--map-saved-5)}.saved-6{--saved: var(--map-saved-6)}.saved-track{fill:none;stroke:var(--saved);stroke-width:calc(3px * var(--map-w-world));stroke-linejoin:round;stroke-linecap:round;opacity:var(--map-saved-opacity)}#accCircle{fill:var(--map-acc-fill);stroke:var(--map-acc-stroke);stroke-width:calc(1.5px * var(--world-units-per-screen-pixel, 1))}#headingTick{stroke:var(--map-pos);stroke-width:calc(3px * var(--world-units-per-screen-pixel, 1));stroke-linecap:round}#posDot{r:calc(7px * var(--world-units-per-screen-pixel, 1));fill:var(--map-pos);stroke:var(--map-dot-outline);stroke-width:calc(2px * var(--world-units-per-screen-pixel, 1))}.wpt-dot{r:calc(5px * var(--world-units-per-screen-pixel, 1));fill:var(--map-wpt);stroke:var(--map-dot-outline);stroke-width:calc(1.5px * var(--world-units-per-screen-pixel, 1))}.wpt-label{transform:translate(calc(9px * var(--world-units-per-screen-pixel, 1)),calc(5px * var(--world-units-per-screen-pixel, 1)));font-size:calc(13px * var(--world-units-per-screen-pixel, 1));fill:var(--map-wpt);paint-order:stroke;stroke:var(--map-halo);stroke-width:calc(var(--map-halo-w) * var(--world-units-per-screen-pixel, 1));font-weight:600}#hud{position:fixed;top:0;left:0;right:0;padding:calc(var(--safe-t) + 8px) 7.5rem 10px 6.5rem;background:linear-gradient(to bottom,rgb(var(--scrim-rgb) / .94),rgb(var(--scrim-rgb) / 0));pointer-events:none;display:flex;align-items:flex-start;gap:14px}#accBox{text-align:center;min-width:96px}#accVal{font-size:44px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}#accVal.good{color:var(--good)}#accVal.warn{color:var(--warn)}#accVal.bad{color:var(--bad)}#accVal.none{color:var(--muted)}#accLbl{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}#stats{display:grid;grid-template-columns:auto auto;gap:1px 12px;font-size:13px;font-variant-numeric:tabular-nums;padding-top:3px}#stats dt{color:var(--muted)}#stats dd{margin:0}dl{margin:0;display:contents}#edgeGlow{position:fixed;inset:0;overflow:hidden;pointer-events:none;--glow: color-mix(in srgb, var(--map-pos) 60%, transparent);--glow-hot: color-mix(in srgb, var(--map-pos) 95%, transparent)}#edgeGlow.off-map{--glow: color-mix(in srgb, var(--danger) 65%, transparent);--glow-hot: color-mix(in srgb, var(--danger) 95%, transparent)}#edgeGlow{animation:glow-pulse 2s ease-in-out infinite}.glow{position:absolute;opacity:0;transition:opacity .3s ease}.glow.on{opacity:1}.glow-west,.glow-east{top:0;bottom:0;width:32px}.glow-north,.glow-south{left:0;right:0;height:32px}.glow-west{left:0;background:linear-gradient(to right,var(--glow),transparent)}.glow-east{right:0;background:linear-gradient(to left,var(--glow),transparent)}.glow-north{top:0;background:linear-gradient(to bottom,var(--glow),transparent)}.glow-south{bottom:0;background:linear-gradient(to top,var(--glow),transparent)}.glow .hot{position:absolute;transition:left .25s linear,top .25s linear}.glow-west .hot,.glow-east .hot{width:100%;height:60vmin;transform:translateY(-50%)}.glow-north .hot,.glow-south .hot{height:100%;width:60vmin;transform:translate(-50%)}.glow-west .hot{background:radial-gradient(farthest-side at 0% 50%,var(--glow-hot),transparent)}.glow-east .hot{background:radial-gradient(farthest-side at 100% 50%,var(--glow-hot),transparent)}.glow-north .hot{background:radial-gradient(farthest-side at 50% 0%,var(--glow-hot),transparent)}.glow-south .hot{background:radial-gradient(farthest-side at 50% 100%,var(--glow-hot),transparent)}@keyframes glow-pulse{0%,to{opacity:1}50%{opacity:.45}}#banner{position:fixed;left:8px;right:8px;top:calc(var(--safe-t) + 110px);padding:10px 12px;border-radius:10px;background:var(--banner-bg);border:1px solid var(--banner-border);color:var(--banner-text);font-size:14px;display:none}#banner.show{display:block}button{font:inherit;font-size:15px;font-weight:600;color:var(--btn-label);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:12px;min-height:52px;padding:0 14px;flex:1 1 0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;touch-action:manipulation}button:active{background:var(--btn-press)}button[disabled]{opacity:var(--btn-disabled-opacity);color:var(--btn-disabled-fg);background:var(--btn-disabled-bg);border-color:var(--btn-disabled-border)}button.primary{background:var(--btn-primary-bg);border-color:var(--btn-primary-border);color:var(--btn-accent-label);flex-grow:1.35}button.recording{background:var(--btn-record-bg);border-color:var(--btn-record-border);color:var(--btn-accent-label)}button.on{background:var(--btn-on-bg);border-color:var(--btn-on-border);color:var(--btn-accent-label)}#panel{position:fixed;left:0;right:0;bottom:0;max-height:78%;background:var(--panel);border-top:1px solid var(--line);border-radius:16px 16px 0 0;padding:12px 12px calc(var(--safe-b) + 12px);overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateY(102%);transition:transform .18s ease-out;z-index:10}#panel.open{transform:translateY(0)}#panelHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}#panelHead h2{font-size:16px;margin:0}#panelHead button{flex:0 0 auto;min-height:44px}.row{display:flex;gap:8px;align-items:center}.row+.row{margin-top:8px}.setting{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:10px;font-size:14px}.setting:last-child{margin-bottom:0}.setting-label{color:var(--muted);display:block;margin-bottom:6px}.chips{display:flex;gap:6px}.chips button{flex:1;min-height:44px;font-size:14px}.check{display:flex;align-items:center;gap:10px;color:var(--text)}.check input{width:22px;height:22px;accent-color:var(--accent)}.sess{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:10px}.sess-name{font-weight:600;display:flex;align-items:center;gap:8px}.swatch{width:12px;height:12px;border-radius:3px;flex:0 0 auto;background:var(--saved);border:1px solid var(--swatch-edge)}.swatch-active{--saved: var(--map-track)}.sess-meta{color:var(--muted);font-size:13px;margin:4px 0 8px;font-variant-numeric:tabular-nums}.sess .row button{font-size:clamp(11px,3.2vw,14px);min-height:44px;padding:0 6px}.danger{color:var(--danger)}.empty{color:var(--muted);text-align:center;padding:24px 0}.panel-h{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:16px 0 8px}#panelHead+.panel-h{margin-top:0}.wpt{display:flex;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:6px}.wpt-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wpt-meta{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;flex:0 0 auto}.wpt button{flex:0 0 auto;min-height:38px;font-size:13px;padding:0 10px}#btnExportAll{width:100%}.road{fill:none;stroke:var(--map-road);stroke-width:calc(3.5px * var(--map-w-world));stroke-linecap:round;stroke-linejoin:round}.trail{fill:none;stroke:var(--map-trail);stroke-width:calc(5px * var(--map-w-world));stroke-linecap:round;stroke-linejoin:round}.trail-blocked{stroke:var(--map-trail-blocked);stroke-dasharray:calc(7px * var(--world-units-per-screen-pixel, 1)) calc(9px * var(--world-units-per-screen-pixel, 1))}.trail-unfinished{stroke:var(--map-trail-unfinished);stroke-dasharray:calc(7px * var(--world-units-per-screen-pixel, 1)) calc(9px * var(--world-units-per-screen-pixel, 1))}.trail-importance-major{stroke-width:calc(9px * var(--map-w-world))}.trail-importance-trace{stroke-width:calc(2.5px * var(--map-w-world))}.junction{r:calc(7px * var(--world-units-per-screen-pixel, 1));fill:var(--map-junction);stroke:var(--map-dot-outline);stroke-width:calc(1.5px * var(--world-units-per-screen-pixel, 1))}#junctionLayer text{display:none;transform:translate(calc(6px * var(--world-units-per-screen-pixel, 1)),calc(-6px * var(--world-units-per-screen-pixel, 1)));font-size:calc(13px * var(--world-units-per-screen-pixel, 1));fill:var(--map-junction);stroke:var(--map-halo);stroke-width:calc(var(--map-halo-w) * var(--world-units-per-screen-pixel, 1));paint-order:stroke;font-weight:600}:root[data-junction-ids] #junctionLayer text{display:initial}.place circle{r:calc(4px * var(--world-units-per-screen-pixel, 1));fill:var(--map-place-dot);stroke:var(--map-dot-outline);stroke-width:calc(1.5px * var(--world-units-per-screen-pixel, 1))}.place text{transform:translate(calc(9px * var(--world-units-per-screen-pixel, 1)),calc(5px * var(--world-units-per-screen-pixel, 1)));font-size:calc(13px * var(--world-units-per-screen-pixel, 1));fill:var(--map-place-label);paint-order:stroke;stroke:var(--map-halo);stroke-width:calc(var(--map-halo-w) * var(--world-units-per-screen-pixel, 1));font-weight:600}.map-chrome{position:fixed;z-index:11;display:flex;gap:6px}#walk{top:calc(var(--safe-t) + 10px);left:10px}#settings{top:calc(var(--safe-t) + 10px);right:10px}#mapTools{bottom:calc(var(--safe-b) + 10px);right:10px}#recordingTools{bottom:calc(var(--safe-b) + 10px);left:10px}.map-chrome>button{flex:0 0 auto;min-width:max-content;min-height:0;margin:0;padding:8px 14px;font-size:13px;border-radius:9px;background:rgb(var(--scrim-rgb) / .72);border:1px solid var(--line);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--muted)}.map-chrome>button.on{background:var(--btn-on-bg);border-color:var(--btn-on-border);color:var(--btn-accent-label)}.map-chrome>button.recording{background:var(--btn-record-bg);border-color:var(--btn-record-border);color:var(--btn-accent-label)}#settingsMenu,#walkMenu{position:absolute;top:100%;margin-top:8px;background:var(--panel);border:1px solid var(--line);border-radius:12px}#settingsMenu{right:0;width:min(22rem,calc(100vw - 20px));padding:10px}#walkMenu{left:0;min-width:12rem;max-width:calc(100vw - 20px);padding:6px}#walkMenu button{display:block;width:100%;flex:none;min-height:44px;margin:0 0 4px;font-size:14px}#walkMenu button:last-child{margin-bottom:0}#walkMenu button.primary{flex-grow:0}