.city-gps{position:fixed;inset:0;z-index:180;display:grid;grid-template-columns:320px 1fr;background:#0f1d23;color:#e9f4ed;font-family:Inter,system-ui,sans-serif;box-shadow:inset 0 0 0 1px #b9e4d818}.city-gps[hidden]{display:none}.gps-sidebar{z-index:2;display:flex;min-height:0;flex-direction:column;padding:30px 22px 20px;background:linear-gradient(145deg,#1a3038f5,#101e28fa);border-right:1px solid #d7f4e526;box-shadow:15px 0 50px #0004;overflow-y:auto}.gps-brand>span,.gps-selection>small{font-size:9px;font-weight:800;letter-spacing:2px;color:#91b3b0}.gps-brand h2{font-size:39px;font-weight:900;line-height:1.02;letter-spacing:-1.7px;margin:16px 0 10px;font-style:italic}.gps-brand h2 span{color:#a6f4cc}.gps-brand p{font-size:11px;color:#8faaa9;margin:0 0 24px}.gps-destinations{display:flex;flex-direction:column;gap:3px}.gps-destinations button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid transparent;border-radius:9px;background:transparent;padding:8px 7px;box-shadow:none;color:#cdded8;transition:background .2s,border-color .2s,transform .25s cubic-bezier(.2,.9,.3,1)}.gps-destinations button:hover,.gps-destinations button.selected{background:#98e8c815;border-color:#a9e6d22b;transform:translateX(3px)}.gps-destinations i{display:grid;place-items:center;width:35px;height:35px;border:1px solid color-mix(in srgb,var(--poi) 35%,transparent);border-radius:50%;color:var(--poi);background:#081a2355}.gps-destinations svg{width:28px;height:28px}.gps-destinations button>span{font-size:12px;font-weight:700;flex:1}.gps-destinations small{display:block;font-size:9px;color:#839c9c;margin-top:4px;font-weight:500}.gps-destinations b{font-size:15px;color:#aac4b9}.gps-selection{border-top:1px solid #bcd6c820;margin-top:18px;padding:17px 0}.gps-selection h3{font-size:18px;margin:10px 0}.gps-selection p{font-size:11px;line-height:1.7;color:#9ab0ad;margin:0 0 16px}.gps-selection>button{width:100%;font-size:11px;padding:11px;border-radius:6px}#gpsNavigate{background:#b8f2cf;color:#15382c;border:0;font-weight:800;box-shadow:0 4px 18px #a5fac21a}#gpsNavigate:disabled{opacity:.35;cursor:default}#gpsClearRoute{margin-top:7px;border:0;background:transparent;color:#8aa49e;padding:7px}#gpsBack{margin-top:auto;font-size:11px;background:#13232b;border:1px solid #72968c4d;border-radius:7px;padding:12px;color:#d5e6de}.gps-map-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 35% 40%,#2c4545,#10242d)}#gpsCanvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab;outline:none}#gpsCanvas:active{cursor:grabbing}#gpsCanvas:focus-visible{box-shadow:inset 0 0 0 2px #b7f8d2}.gps-map-top{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:start;padding:27px 30px;background:linear-gradient(#0b1821bb,transparent);pointer-events:none}.gps-map-top>span{font-size:10px;font-weight:800;letter-spacing:2px;line-height:1.9}.gps-map-top small{font-size:8px;font-weight:500;color:#a4b6b5;letter-spacing:1px}.gps-map-top i{display:inline-block;width:5px;height:5px;background:#a7f7cc;border-radius:50%;margin-right:6px;box-shadow:0 0 10px #82ffc6}#gpsClose{pointer-events:auto;background:#142631b0;border:1px solid #829b9a55;border-radius:50%;width:38px;height:38px;font-size:23px;padding:0;color:#e0eee7}.gps-compass{position:absolute;top:115px;right:32px;font-size:10px;font-weight:800;text-align:center;color:#bdcdc4;pointer-events:none}.gps-compass span{display:block;color:#f5a4aa;font-size:32px;line-height:1.2}.gps-map-tools{position:absolute;right:25px;bottom:85px;display:flex;flex-direction:column;gap:6px}.gps-map-tools button{width:40px;height:40px;padding:0;background:#142b35df;border:1px solid #71908c55;border-radius:9px;font-size:23px;color:#d0eadf;backdrop-filter:blur(10px);box-shadow:0 5px 18px #0003}.city-gps button:hover{filter:brightness(1.16)}.city-gps button:active{transform:scale(.96)}.city-gps button:focus-visible{outline:2px solid #b7f8d2;outline-offset:2px}.gps-map-footer{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:16px;padding:20px 30px;background:linear-gradient(transparent,#0b1821cc);pointer-events:none;font-size:8px;letter-spacing:1px;color:#9eb5b1}.gps-map-footer>span:first-child{border-bottom:2px solid #c1d5c9;width:100px;font-size:10px;text-align:center;padding-bottom:5px}.gps-map-footer>span:last-child{padding-top:8px}@media(max-height:760px) and (min-width:701px){.gps-sidebar{padding:20px}.gps-brand h2{font-size:30px;margin:10px 0}.gps-brand p{margin-bottom:12px}.gps-destinations button{padding:5px 7px}.gps-selection{margin-top:10px;padding-top:12px}.gps-selection p{margin-bottom:9px}.gps-selection h3{margin:8px 0}}@media(max-width:700px){.city-gps{grid-template-columns:1fr;grid-template-rows:minmax(240px,1fr) minmax(170px,38%)}.gps-map-stage{grid-row:1}.gps-sidebar{grid-row:2;padding:12px 16px;display:grid;grid-template-columns:minmax(130px,1fr) 1fr;gap:8px 18px;overflow-y:auto;border-top:1px solid #9ccab82e}.gps-brand{display:none}.gps-destinations{grid-column:1;grid-row:1/3;gap:0}.gps-destinations button{padding:3px 0;gap:7px}.gps-destinations button>span{font-size:10px}.gps-destinations i{width:26px;height:26px;min-width:26px}.gps-destinations svg{width:22px;height:22px}.gps-destinations small{font-size:8px;margin-top:1px}.gps-selection{grid-column:2;grid-row:1;border:0;padding:0;margin:0}.gps-selection h3{font-size:15px;margin:7px 0}.gps-selection p{font-size:10px;margin-bottom:9px}.gps-selection>small{font-size:8px;letter-spacing:1px}#gpsBack{grid-column:2;font-size:9px;padding:9px}.gps-map-top{padding:15px}.gps-map-top small{font-size:7px}.gps-compass{top:80px;right:20px}.gps-map-tools{right:13px;bottom:55px;gap:4px}.gps-map-tools button{width:34px;height:34px;font-size:20px}.gps-map-footer{padding:13px 15px}.gps-map-footer>span:last-child{max-width:180px;text-align:right;font-size:7px}}@media(prefers-reduced-motion:reduce){.city-gps *{transition:none!important}}