:root{color-scheme:dark;--cyan:#58d9ff;--rim:rgba(226,248,255,.72);font-family:Arial,'Segoe UI',sans-serif;color:#f8fcff}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#142f33}button,a,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}#map{position:fixed;inset:0;width:100%;height:100dvh}.mapGlass{background:linear-gradient(120deg,rgba(52,112,139,.42),rgba(6,28,40,.6) 50%,rgba(16,64,87,.5));border:1px solid var(--rim);border-top-color:#d9f8ff;box-shadow:inset 0 2px 3px #a7ecff66,inset 0 -1px 3px #8ddfff66,0 3px 14px #02162055,0 0 8px #3fc8ff33;backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%)}.mapIcon{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.mapHeader{position:fixed;left:16px;top:max(16px,env(safe-area-inset-top));display:flex;align-items:center;gap:12px;z-index:3;pointer-events:none}.mapHeader h1{font-size:clamp(24px,6.7vw,32px);font-weight:650;margin:0;text-shadow:0 2px 8px #00151d}.mapBack{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;color:white;pointer-events:auto}.mapTools{position:fixed;right:13px;top:max(84px,calc(env(safe-area-inset-top) + 70px));display:grid;gap:12px;z-index:3}.mapTool{width:56px;height:56px;border-radius:21px;display:grid;place-items:center}.mapTool .mapIcon{width:30px;height:30px}.mapTool:active,.mapTimeline button:active{transform:scale(.97)}.mapTool[aria-expanded=true]{border-color:white;box-shadow:inset 0 0 10px #46cfff77,0 0 15px #00b5ff77}.mapTimeline{position:fixed;left:9px;right:9px;bottom:max(29px,calc(env(safe-area-inset-bottom) + 20px));z-index:4;max-width:720px;margin:auto;border-radius:30px;padding:8px 13px 10px;min-height:137px}.mapHandle{display:block;margin:0 auto 8px;width:33px;height:4px;border:0;padding:0;border-radius:3px;background:#a9d7e477;min-height:4px}.mapTimeMain{display:flex;align-items:center;gap:10px}.mapNow{height:44px;padding:0 17px;border-radius:24px;border:1px solid #b8faff;background:linear-gradient(#21bdff,#0078ef);color:white;font-size:20px;font-weight:600;box-shadow:inset 0 1px 4px #efffff,0 0 12px #00baff88}.mapRange{min-width:0;flex:1;accent-color:#60eaff;height:44px;background:none;cursor:pointer}.mapRange::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#00d7ff var(--progress,100%),#b9d1d944 var(--progress,100%));border-radius:3px;box-shadow:0 0 7px #3adfff88}.mapRange::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-9px;width:22px;height:22px;border-radius:50%;background:radial-gradient(at 35% 25%,white,#7eeeff 55%,#00b4ff);border:1px solid white;box-shadow:0 0 8px #35dcff}.mapRange{-webkit-appearance:none}.mapCenter{width:41px;height:41px;padding:8px;border-radius:50%;flex:none;display:grid;place-items:center}.mapCenter .mapIcon{width:23px;height:23px}.mapTicks{display:flex;justify-content:space-between;gap:5px;margin:3px 4px 4px;color:#ecf8ff;font-size:13px}.mapTicks span{position:relative;text-align:center;padding-top:9px}.mapTicks span:before{content:'';height:6px;width:1px;background:#d0eaff77;position:absolute;top:0;left:50%}.mapPlayback{display:flex;align-items:center;gap:8px;min-height:27px}.mapPlayback button,.mapPlayback select{border:0;background:#1d64703b;color:white;border-radius:12px;min-height:30px;padding:4px 8px;font-size:12px}.mapPlayback select option{background:#112a3c}.mapTime{font-size:11px;line-height:1.3;margin-left:auto;text-align:right}.mapStatus{position:fixed;left:13px;bottom:185px;max-width:calc(100% - 26px);font-size:11px;padding:6px 9px;border-radius:12px;z-index:3;background:#09212ad4;color:#e9f6ff;text-shadow:0 1px 2px #00151a}.mapPanel{position:fixed;z-index:6;right:12px;top:78px;width:min(340px,calc(100% - 24px));max-height:calc(100dvh - 110px);overflow:auto;border-radius:25px;padding:17px;background-color:#0b273bce}.mapPanel h2{font-size:21px;margin:0 35px 15px 0}.mapClose{position:absolute;right:8px;top:7px;width:40px;height:40px;border:0;background:none;font-size:28px}.mapPanel p{font-size:13px;line-height:1.5}.mapPanel label{font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:43px}.mapPanel select{background:#163e50;color:white;border:1px solid #89bfce77;border-radius:10px;padding:8px;max-width:185px}.mapPanel button.action{background:#167cb755;border:1px solid #8cdfff77;border-radius:13px;padding:10px;width:100%;min-height:44px;margin:5px 0}.mapPanel input[type=range]{max-width:140px;accent-color:#54d9ff}.mapPanel a{color:#8ce6ff}.mapLegend{display:grid;grid-template-columns:repeat(7,1fr);height:13px;border-radius:5px;overflow:hidden;margin-top:15px}.mapLegendTicks{display:flex;justify-content:space-between;font-size:10px;margin:5px 0}.mapCoverageKey{display:inline-block;width:20px;height:13px;background:repeating-linear-gradient(135deg,transparent 0 5px,#e2eaf077 6px 7px);border:1px solid #aab9c044;margin-right:6px}.mapCity{background:none;border:0;color:white;display:flex;align-items:center;gap:5px;font-size:15px;font-weight:600;text-shadow:0 1px 3px #001b27,1px 0 2px #001b27,-1px 0 2px #001b27;padding:8px;white-space:nowrap}.mapCity i{height:7px;width:7px;background:#e9f9ff;border:1px solid #144169;border-radius:50%;box-shadow:0 1px 3px #071c25}.mapCity.selected{flex-direction:column;gap:1px;font-size:22px;padding-top:5px}.mapCity.selected i{width:29px;height:29px;border:3px solid white;background:#005fff;box-shadow:0 0 16px #00baff}.maplibregl-ctrl-attrib{font-size:9px!important;background:#0b233dcc!important;color:#eefaff!important}.maplibregl-ctrl-attrib a{color:#e0f6ff!important}.maplibregl-ctrl-bottom-right{max-width:100%}.maplibregl-popup-content{background:#102f43e8;color:white;border:1px solid #a9e9ff99;border-radius:17px;padding:14px;box-shadow:0 3px 12px #00192388}.maplibregl-popup-close-button{color:white;font-size:22px}.maplibregl-popup-content a{color:#78dfff}.maplibregl-popup-tip{border-top-color:#102f43e8!important}.mapLoading{position:fixed;left:20px;right:20px;top:45%;z-index:2;text-align:center;background:#102b39dd;border-radius:20px;padding:15px}.mapLoading:empty{display:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c4f8ff;outline-offset:3px}.mapTools .small{height:44px;border-radius:16px}.mapZoom{display:flex;gap:4px}.mapZoom button{width:26px;height:35px;font-size:21px;border-radius:10px}.mapInfoLink{color:#b9f2ff}.mapNativeNote{font-size:10px;opacity:.8}.mapGps{width:100%}
@media(min-width:700px){.mapHeader{left:24px;top:24px}.mapTools{right:24px}.mapTimeline{bottom:32px}.mapStatus{left:calc(50% - 350px)}.mapCity{font-size:16px}}
@media(max-height:620px){.mapHeader{top:10px}.mapBack{width:44px;height:44px}.mapHeader h1{font-size:24px}.mapTools{top:67px;gap:8px}.mapTool{height:48px;width:48px;border-radius:18px}.mapTimeline{min-height:125px;padding:6px 10px;bottom:24px}.mapStatus{bottom:158px;font-size:10px}.mapPanel{top:64px;max-height:calc(100dvh - 80px)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

@media(max-width:699px){.mapTimeline{bottom:max(43px,calc(env(safe-area-inset-bottom) + 30px))}.mapStatus{bottom:200px}.maplibregl-ctrl-attrib{line-height:12px!important;max-width:100%;padding:3px 5px!important}.maplibregl-ctrl-bottom-right{width:100%}}
@media(max-height:620px){.mapTimeline{bottom:40px}.mapStatus{bottom:176px}}