.map-page{width:min(100% - 24px,1800px);max-width:none;margin-inline:auto}.map-head{max-width:900px;margin:0 auto;padding:70px 18px 30px;text-align:center}.map-head h1{margin:10px 0 14px;font:500 clamp(42px,6vw,76px)/.98 var(--serif);letter-spacing:-.055em}.map-head p{max-width:760px;margin:auto;color:var(--muted);font-size:clamp(15px,2vw,18px);line-height:1.65}.map-shell{position:relative;min-height:780px;overflow:hidden;border-radius:30px;background:#dbe8f2;box-shadow:var(--shadow-card);isolation:isolate}.map-canvas{position:absolute;inset:0}.map-canvas .maplibregl-canvas{outline:none}.map-canvas .maplibregl-ctrl-attrib{color:#637087;background:rgba(255,255,255,.82)!important}.map-canvas .maplibregl-ctrl-attrib a{color:#1c5fa8}.map-toolbar{position:absolute;z-index:8;top:18px;left:18px;right:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none}.map-search{width:min(410px,calc(100% - 170px));pointer-events:auto}.map-search-row{display:flex;gap:8px;padding:7px;border:1px solid rgba(18,42,76,.12);border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 12px 35px rgba(25,51,82,.16);backdrop-filter:blur(18px)}.map-search input{min-width:0;flex:1;border:0;outline:0;padding:10px 12px;background:transparent;color:#172235;font:600 14px var(--font)}.map-search input::placeholder{color:#77849a}.map-search .btn{min-height:42px}.map-controls{display:grid;grid-template-columns:repeat(2,44px);gap:7px;pointer-events:auto}.map-control{width:44px;height:44px;border:1px solid rgba(18,42,76,.12);border-radius:14px;background:rgba(255,255,255,.92);color:#24334a;box-shadow:0 10px 26px rgba(25,51,82,.15);font:700 18px var(--font);cursor:pointer;backdrop-filter:blur(16px)}.map-control:hover,.map-control:focus-visible{color:#016AF4;border-color:rgba(1,106,244,.5);outline:none}.map-control svg{width:18px;height:18px;vertical-align:middle}.layer-bar{position:absolute;z-index:7;top:86px;left:50%;display:flex;gap:5px;padding:5px;border:1px solid rgba(18,42,76,.1);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 10px 26px rgba(25,51,82,.14);transform:translateX(-50%);backdrop-filter:blur(18px)}.layer-btn{border:0;border-radius:999px;padding:9px 13px;background:transparent;color:#58667c;font:700 11px var(--font);cursor:pointer;white-space:nowrap}.layer-btn.active{background:#016AF4;color:#fff;box-shadow:0 5px 14px rgba(1,106,244,.28)}.map-legend{position:absolute;z-index:6;right:18px;top:126px;width:190px;padding:13px;border:1px solid rgba(18,42,76,.1);border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 10px 28px rgba(25,51,82,.13);color:#28374d;backdrop-filter:blur(16px)}.map-legend strong{display:block;margin-bottom:8px;font-size:11px}.legend-gradient{height:8px;border-radius:999px;background:linear-gradient(90deg,#17245d,#4c58aa,#208ec4,#36c8b0,#ffd166,#ff8c42,#e64e8a,#40235f)}.legend-scale{display:flex;justify-content:space-between;margin-top:6px;color:#69768b;font-size:9px}.legend-keys{display:grid;gap:7px}.legend-key{display:flex;align-items:center;gap:8px;font-size:10px}.legend-key i{width:11px;height:11px;border-radius:4px}.zone-popover{position:absolute;z-index:7;display:none;max-width:255px;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(7,16,31,.9);color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.28);pointer-events:none;backdrop-filter:blur(15px)}.zone-popover.show{display:block}.zone-popover strong,.zone-popover span{display:block}.zone-popover strong{font-size:13px}.zone-popover span{margin-top:5px;color:#aab8cd;font-size:11px}.city-sheet{position:absolute;z-index:9;left:18px;bottom:92px;width:min(380px,calc(100% - 36px));max-height:580px;overflow:auto;padding:20px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(6,14,28,.92);color:#fff;box-shadow:0 22px 60px rgba(0,0,0,.34);backdrop-filter:blur(20px);transform:translateY(14px);opacity:0;pointer-events:none;transition:.2s ease}.city-sheet.show{transform:none;opacity:1;pointer-events:auto}.city-sheet-head{display:flex;justify-content:space-between;gap:14px}.city-sheet h2{margin:0;font:500 25px/1.05 var(--serif)}.city-country{margin:6px 0 0;color:#9faec4;font-size:12px}.city-close{border:0;background:transparent;color:#9faec4;font-size:23px;cursor:pointer}.city-time{margin:17px 0 7px;font-size:clamp(42px,5vw,60px);font-weight:700;line-height:.95;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.city-date{color:#c4cfdf;font-size:12px}.city-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}.city-fact{padding:10px;border-radius:12px;background:rgba(255,255,255,.07)}.city-fact span,.city-fact strong{display:block}.city-fact span{color:#8fa0b9;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.city-fact strong{margin-top:4px;font-size:11px;line-height:1.35}.city-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.city-actions button,.city-actions a{display:flex;align-items:center;justify-content:center;min-height:38px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.07);color:#e9f1ff;font:700 10px var(--font);cursor:pointer}.city-actions .primary{border-color:transparent;background:#016AF4}.compare-tray{position:absolute;z-index:8;left:50%;bottom:92px;display:none;width:min(560px,calc(100% - 40px));padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(6,14,28,.92);color:#fff;box-shadow:0 20px 52px rgba(0,0,0,.32);transform:translateX(-50%);backdrop-filter:blur(20px)}.compare-tray.show{display:block}.compare-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.compare-head strong{font-size:12px}.compare-clear{border:0;background:transparent;color:#9faec4;cursor:pointer}.compare-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:12px}.compare-city strong,.compare-city span{display:block}.compare-city strong{font-size:13px}.compare-city span{margin-top:5px;color:#aebbd0;font-size:11px}.compare-diff{text-align:center;color:#80b6ff;font-size:11px;font-weight:700}.compare-link{display:block;margin-top:12px;color:#7eb3ff;text-align:center;font-size:10px;font-weight:700}.timeline{position:absolute;z-index:7;left:50%;bottom:18px;width:min(760px,calc(100% - 40px));padding:13px 16px;border:1px solid rgba(18,42,76,.11);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 12px 32px rgba(25,51,82,.16);transform:translateX(-50%);backdrop-filter:blur(18px)}.timeline-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;color:#34445c;font-size:10px;font-weight:700}.timeline-now{border:0;border-radius:999px;padding:5px 9px;background:#e8f1ff;color:#016AF4;font:700 9px var(--font);cursor:pointer}.timeline input{width:100%;accent-color:#016AF4}.map-source-note{max-width:980px;margin:22px auto 0;color:var(--muted);font-size:10px;text-align:center;line-height:1.6}.map-content{max-width:1080px;margin:64px auto;padding:0 16px}.map-content h2{text-align:center;font:500 clamp(30px,4vw,48px)/1.06 var(--serif);letter-spacing:-.04em}.map-content>p{max-width:760px;margin:14px auto 28px;color:var(--muted);text-align:center;line-height:1.7}.map-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.map-links a{padding:22px;border-radius:20px;background:var(--panel);box-shadow:var(--shadow-card-sm)}.map-links strong,.map-links span{display:block}.map-links span{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.5}.maplibregl-ctrl-bottom-right{bottom:70px!important}
@media(max-width:820px){.map-page{width:100%}.map-head{padding:52px 20px 24px}.map-shell{min-height:720px;border-radius:22px}.map-toolbar{top:10px;left:10px;right:10px}.map-search{width:calc(100% - 102px)}.map-controls{grid-template-columns:repeat(2,40px)}.map-control{width:40px;height:40px}.layer-bar{top:72px;max-width:calc(100% - 20px);overflow-x:auto;justify-content:flex-start}.layer-btn{padding:8px 10px}.map-legend{top:120px;right:10px;width:160px}.city-sheet{position:absolute;left:8px;bottom:88px;width:calc(100% - 16px);max-height:62%;border-radius:20px 20px 14px 14px}.compare-tray{bottom:88px}.timeline{bottom:10px;width:calc(100% - 20px)}.map-content{margin-top:48px}.map-links{grid-template-columns:1fr}.city-time{font-size:47px}}
@media(max-width:520px){.map-shell{min-height:690px}.map-search-row{padding:5px}.map-search .btn{padding-inline:12px}.map-controls{grid-template-columns:repeat(2,38px);gap:5px}.map-control{width:38px;height:38px}.map-legend{display:none}.compare-grid{grid-template-columns:1fr}.compare-diff{text-align:left}.city-facts{grid-template-columns:repeat(2,1fr)}.city-actions{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.city-sheet{transition:none}}
.map-control:focus-visible,.layer-btn:focus-visible,.city-actions button:focus-visible,.city-actions a:focus-visible,.compare-clear:focus-visible,.timeline-now:focus-visible{outline:3px solid rgba(1,106,244,.45);outline-offset:2px}
.map-legend{top:180px}
.compare-tray{right:18px;left:auto;width:min(520px,calc(100% - 430px));transform:none}
@media(max-width:820px){.map-legend{top:204px}.compare-tray{top:118px;right:10px;bottom:auto;width:min(330px,calc(100% - 20px))}}