
.map-mode{padding-bottom:88px}.map-mode #main{max-width:none;padding:0}.map-mode footer{display:none}.map-heading{max-width:1380px;margin:auto;padding:28px 48px 24px;display:flex;justify-content:space-between;align-items:center;gap:25px}.map-heading h1{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:9px 0}.map-heading p{font-size:15px;color:var(--muted);margin:0}.map-stat{text-align:right;min-width:150px}.map-stat strong{font-size:35px;font-weight:800;display:block;letter-spacing:-1px}.map-stat span{font-size:12px;color:var(--muted)}.map-stage{position:relative;height:calc(100vh - 305px);min-height:590px;background:radial-gradient(ellipse at center,#172337,#080e19);overflow:hidden;border-top:1px solid #293744}.map-stage #world-map{position:absolute;inset:0}.map-tools{position:absolute;top:24px;left:30px;width:340px;z-index:2}.map-city-search{display:flex;gap:12px;align-items:center;background:#141d2bee;border:1px solid #425369;border-radius:10px;padding:13px 16px;box-shadow:0 10px 25px #0003;backdrop-filter:blur(12px)}.map-city-search input{font-size:15px;background:transparent;outline:none;border:0;width:100%;color:white}.map-tool-row{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.map-tool-row button,.map-tool-row select{font-size:12px;padding:9px 12px;border:1px solid #3b4a61;border-radius:7px;background:#141d2bf5;color:#e4eaf4}.map-tool-row select{max-width:160px}.map-sidebar{position:absolute;right:28px;top:24px;width:305px;max-height:calc(100% - 80px);overflow-y:auto;padding:24px;background:#141d2bec;border:1px solid #384962;border-radius:14px;box-shadow:0 15px 50px #0004;backdrop-filter:blur(15px);z-index:2}.map-sidebar h2{font-size:26px;line-height:1.2;margin:12px 0;letter-spacing:-.8px}.map-sidebar>p{font-size:14px;color:#a9bbcf;line-height:1.7;margin:0 0 16px}.map-city-picks{display:grid;gap:7px}.map-city-picks button{display:flex;justify-content:space-between;gap:10px;text-align:left;background:#223148;border:1px solid #344a65;border-radius:7px;padding:12px;font-size:14px}.map-city-picks button span{color:#9fc5e2;font-size:12px}.map-city-link{display:block;margin-top:20px;font-size:13px;color:#c8d4e5}.map-station{padding:13px 0;border-bottom:1px solid #314159;display:flex;gap:12px;align-items:center}.map-station div{flex:1;min-width:0}.map-station a{font-size:15px;line-height:1.4;font-weight:600;display:block;overflow-wrap:anywhere}.map-station a:hover{color:var(--accent)}.map-station small{color:#a9bbcf;font-size:11px;display:block;margin-top:3px}.map-station button{width:34px;height:34px;border-radius:50%;background:var(--accent);color:#171b20;flex-shrink:0}.map-more{margin-top:15px;padding:10px;background:#29374b;width:100%;border:1px solid #495f7c;border-radius:6px;font-size:13px}.map-legend{position:absolute;bottom:30px;left:30px;display:flex;gap:12px;align-items:center;font-size:12px;background:#101929e0;border:1px solid #304359;padding:10px 15px;border-radius:25px;pointer-events:none}.legend-dots{display:flex;gap:4px}.legend-dots i{width:8px;height:8px;border-radius:50%;background:#64d9be}.legend-dots i:nth-child(2){background:#62b5fa}.legend-dots i:nth-child(3){background:#c395fb}.legend-dots i:nth-child(4){background:#ffab77}.legend-dots i:nth-child(5){background:#f785b7}.map-status{position:absolute;left:30px;bottom:76px;font-size:12px;color:#d0dbea;background:#111c2cd9;border-radius:5px;padding:6px 11px;pointer-events:none}.map-attribution{position:absolute;bottom:8px;right:12px;font-size:10px;color:#bac5d8;background:#142037c9;padding:3px 7px;border-radius:3px}.map-panel-close{position:absolute;right:12px;top:9px;background:transparent;font-size:26px;color:#c0cee1}.map-search-results{margin-top:7px;background:#142033;border:1px solid #405573;border-radius:8px;max-height:280px;overflow:auto}.map-search-results button{display:block;width:100%;text-align:left;padding:11px 15px;background:transparent;border-bottom:1px solid #2b3e55;font-size:14px}.map-search-results button:hover{background:#26394f}.map-search-results small{display:block;color:#a9bdd3;font-size:12px}.maplibregl-ctrl-group{background:#24334a!important;border:1px solid #4c6481;border-radius:7px!important}.maplibregl-ctrl-group button{width:34px!important;height:34px!important}.maplibregl-ctrl-icon{filter:invert(1)}.maplibregl-ctrl-top-right{right:360px!important;top:14px!important}.maplibregl-canvas:focus-visible{outline:2px solid var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.map-error{color:#ffc3b2!important}
@media(max-width:1050px){.map-sidebar{width:270px;right:20px;padding:20px}.maplibregl-ctrl-top-right{right:305px!important}.map-tools{width:295px;left:20px}.map-heading{padding:22px 30px}.map-heading h1{font-size:28px}}
@media(max-width:760px){.map-heading{padding:18px 20px;display:block}.map-heading .eyebrow,.map-heading p,.map-stat{display:none}.map-heading h1{font-size:23px;margin:0}.map-stage{height:calc(100dvh - 275px);min-height:470px}.map-tools{top:15px;left:15px;width:calc(100% - 70px)}.map-city-search{padding:11px 13px}.map-tool-row{gap:6px}.map-tool-row button,.map-tool-row select{font-size:11px;padding:8px 9px}.maplibregl-ctrl-top-right{right:5px!important;top:5px!important}.map-sidebar{display:none;top:auto;bottom:30px;right:12px;left:12px;width:auto;max-height:48%;padding:18px}.map-sidebar.is-selected{display:block}.map-sidebar.is-selected>.eyebrow{display:none}.map-sidebar h2{font-size:22px;margin:0 25px 5px 0}.map-sidebar>p{font-size:13px;margin-bottom:9px}.map-city-link{margin-top:12px}.map-legend{bottom:26px;left:12px;gap:7px;font-size:10px;padding:8px 11px}.map-status{left:13px;bottom:66px;font-size:11px;max-width:90%}.map-stage.has-selection .map-legend,.map-stage.has-selection .map-status{display:none}.map-attribution{font-size:9px;right:8px;bottom:5px}.map-station{padding:10px 0}.map-mode .player-inner{padding:11px 17px}}

.map-sidebar.is-closed{display:none}@media(max-width:760px){.map-mode .header .search{display:none}.map-stage{height:calc(100dvh - 190px);min-height:420px}}

.map-stage{background:radial-gradient(ellipse at 45% 40%,#102b46,#050b16)}.map-heading h1{background:linear-gradient(100deg,#eef8ff 10%,#91dfeb 55%,#be9df5);background-clip:text;-webkit-background-clip:text;color:transparent}.map-sidebar{border-color:#3c718165;box-shadow:0 16px 55px #0007,0 0 24px #34bfd112;backdrop-filter:blur(20px)}.map-city-search{border-color:#52b2c966;box-shadow:0 8px 32px #0005,0 0 22px #34bfd10d}.map-stat strong{color:#86e3e7;text-shadow:0 0 25px #50d5e03d}.maplibregl-ctrl-attrib{background:#0e1b2de6!important;color:#9fb8ca!important;font-size:10px!important}.maplibregl-ctrl-attrib a{color:#b5d0df!important}.map-attribution{display:none}.map-tools button:hover,.map-tool-row select:hover{border-color:#6bcad7;box-shadow:0 0 15px #3db9cb33}.map-station button{background:linear-gradient(145deg,#8fe2e9,#8fa8f4);box-shadow:0 0 14px #7fc9e52b}.map-legend{border-color:#4d819969;box-shadow:0 0 20px #246f9918}@media(prefers-reduced-motion:no-preference){.map-heading .eyebrow{animation:map-neon 4s ease-in-out infinite}@keyframes map-neon{50%{text-shadow:0 0 12px #ff784f99}}}
