#trailCanvas{touch-action:none}.map-status{position:absolute;top:15px;left:50%;transform:translateX(-50%);max-width:46%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:7px 10px;border-radius:999px;background:rgba(6,9,12,.78);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);font-size:9px;letter-spacing:1px;font-weight:900;color:var(--muted);pointer-events:none}.map-status.live{color:#caffce;border-color:rgba(134,255,143,.22)}.map-zoom{position:absolute;right:14px;top:14px;display:grid;gap:7px}.map-zoom button{width:48px;height:48px;min-height:48px;padding:0;border-radius:14px;background:rgba(9,13,17,.86);color:var(--text);border:1px solid rgba(255,255,255,.11);font-size:26px;line-height:1}.map-attribution{position:absolute;right:12px;bottom:8px;max-width:48%;padding:4px 7px;border-radius:7px;background:rgba(5,8,11,.72);font-size:8px;line-height:1.2;color:#aeb8c2;pointer-events:auto}.map-attribution a{color:inherit;text-decoration:none}.map-attribution a:hover,.map-attribution a:focus{text-decoration:underline}.map-attribution[hidden],.map-past[hidden]{display:none}.map-fab{bottom:48px}.map-past{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);min-height:38px;padding:0 13px;border-radius:999px;background:rgba(21,15,9,.9);border:1px solid rgba(255,190,105,.35);color:#ffe0b4;font-size:10px;letter-spacing:.4px;z-index:3}.settings-card{overflow:auto}.history-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #222b34}.history-copy{display:grid;gap:4px;min-width:0}.history-copy span{font-size:10px;letter-spacing:.5px;color:var(--muted);font-weight:800}.history-copy b{font-size:14px;white-space:nowrap}.history-view{min-height:36px;padding:0 11px;border-radius:10px;font-size:11px;flex:0 0 auto}@media(max-width:760px){.map-status{top:10px;max-width:42%;font-size:7px;padding:5px 7px}.map-zoom{right:10px;top:10px;gap:5px}.map-zoom button{width:40px;height:40px;min-height:40px;border-radius:11px;font-size:22px}.map-fab{right:10px;bottom:38px;width:48px;min-height:48px}.map-attribution{font-size:7px;bottom:5px;right:7px}.map-past{bottom:8px;min-height:32px;font-size:8px;padding:0 10px}.history-row{padding:7px 0}.history-copy span{font-size:8px}.history-copy b{font-size:12px}.history-view{min-height:32px;font-size:9px}}
#trailCanvas{touch-action:none}.map-status{position:absolute;top:15px;left:50%;transform:translateX(-50%);max-width:46%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:7px 10px;border-radius:999px;background:rgba(6,9,12,.78);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);font-size:9px;letter-spacing:1px;font-weight:900;color:var(--muted);pointer-events:none}.map-status.live{color:#caffce;border-color:rgba(134,255,143,.22)}.map-zoom{position:absolute;right:14px;top:14px;display:grid;gap:7px}.map-zoom button{width:48px;height:48px;min-height:48px;padding:0;border-radius:14px;background:rgba(9,13,17,.86);color:var(--text);border:1px solid rgba(255,255,255,.11);font-size:26px;line-height:1}.map-attribution{position:absolute;right:12px;bottom:8px;max-width:48%;padding:4px 7px;border-radius:7px;background:rgba(5,8,11,.72);font-size:8px;line-height:1.2;color:#aeb8c2;pointer-events:auto}.map-attribution a{color:inherit;text-decoration:none}.map-attribution a:hover,.map-attribution a:focus{text-decoration:underline}.map-attribution[hidden],.map-past[hidden]{display:none}.map-fab{bottom:48px}.map-past{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);min-height:38px;padding:0 13px;border-radius:999px;background:rgba(21,15,9,.9);border:1px solid rgba(255,190,105,.35);color:#ffe0b4;font-size:10px;letter-spacing:.4px;z-index:3}.settings-card{overflow:auto}.history-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #222b34}.history-copy{display:grid;gap:4px;min-width:0}.history-copy span{font-size:10px;letter-spacing:.5px;color:var(--muted);font-weight:800}.history-copy b{font-size:14px;white-space:nowrap}.history-view{min-height:36px;padding:0 11px;border-radius:10px;font-size:11px;flex:0 0 auto}@media(max-width:760px){.map-status{top:10px;max-width:42%;font-size:7px;padding:5px 7px}.map-zoom{right:10px;top:10px;gap:5px}.map-zoom button{width:40px;height:40px;min-height:40px;border-radius:11px;font-size:22px}.map-fab{right:10px;bottom:38px;width:48px;min-height:48px}.map-attribution{font-size:7px;bottom:5px;right:7px}.map-past{bottom:8px;min-height:32px;font-size:8px;padding:0 10px}.history-row{padding:7px 0}.history-copy span{font-size:8px}.history-copy b{font-size:12px}.history-view{min-height:32px;font-size:9px}}

.layers-fab{right:14px;top:14px;bottom:auto;width:auto;min-width:74px;height:42px;min-height:42px;border-radius:13px;padding:0 12px;font-size:11px;letter-spacing:.6px;background:rgba(8,18,24,.88);border-color:rgba(80,215,255,.45);color:#ddf8ff;z-index:4}.layers-fab[aria-expanded=true]{background:#0d718d;color:#fff}.map-layers{position:absolute;right:14px;top:64px;width:min(310px,calc(100% - 28px));z-index:5;padding:14px;border:1px solid rgba(80,215,255,.35);border-radius:18px;background:rgba(8,14,19,.95);box-shadow:0 18px 48px rgba(0,0,0,.45);backdrop-filter:blur(16px)}.layers-head{display:flex;align-items:center;justify-content:space-between;color:#dff9ff;font-size:11px;letter-spacing:1.5px}.icon-button{min-height:30px;width:30px;padding:0;border-radius:50%;font-size:20px;background:#1b2b35;color:#dff9ff}.layer-group{display:grid;gap:8px;margin-top:14px}.layer-label{font-size:9px;letter-spacing:1.5px;color:#9eb5c2;font-weight:900}.layer-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.layer-style{min-height:48px;display:grid;align-content:center;gap:2px;background:#15232c;color:#eafaff;border:1px solid #304753;border-radius:11px;text-align:left;font-size:12px}.layer-style.active{background:#0e637a;border-color:#50d7ff;box-shadow:0 0 0 1px rgba(80,215,255,.18) inset}.layer-style.unavailable{color:#8797a2;border-style:dashed}.layer-style span{font-size:8px;color:#91a0aa;font-weight:700}.layer-toggle{display:flex;align-items:center;gap:9px;min-height:36px;color:#e9f4f8;font-size:12px}.layer-toggle input{width:18px;min-height:18px;accent-color:#50d7ff}.layer-note{margin:12px 0 0;font-size:10px;line-height:1.4;color:#9fb1bd}.external-route-box{opacity:.86}.route-box .button-row{grid-template-columns:1fr 1fr}
@media(max-width:760px){.layers-fab{right:10px;top:10px}.map-layers{right:10px;top:58px;width:min(300px,calc(100% - 20px));max-height:calc(100% - 70px);overflow:auto;padding:12px;z-index:10}.layer-style{min-height:44px}.external-route-box{margin-top:4px}}
.layers-fab{right:74px}
@media(max-width:760px){.layers-fab{right:60px;min-width:66px}}
.orientation-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.orientation-button{min-height:38px;background:#15232c;color:#b9cbd4;border:1px solid #304753;border-radius:10px;font-size:11px}.orientation-button.active{background:#0e637a;border-color:#50d7ff;color:#fff}
/* #mapView .map-tools can sit at z-index:25 (ui-v16, when the search/pins panel is open)
   and reaches up to 58dvh tall from the bottom - well past recenterBtn's bottom:38px
   default. Without this, opening that panel visually covers and click-blocks the
   recenter button entirely. */
#recenterBtn{z-index:30}