html{position:fixed;height:100%;overflow:hidden;-webkit-overflow-scrolling:none;touch-action:none}body{margin:0;padding:0;width:100%;height:100%;position:fixed;overflow:hidden;-webkit-overflow-scrolling:none;overscroll-behavior:none;background-color:#4fbaf7}#map-page{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-overflow-scrolling:none;overscroll-behavior:none}#map-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;cursor:grab;-webkit-overflow-scrolling:none;overscroll-behavior:none}#tooltip{position:fixed;bottom:20px;left:20px;padding:12px 16px;background:rgba(0,0,0,.8);color:#fff;border-radius:8px;font-size:14px;pointer-events:none;z-index:2;display:none;min-width:150px;box-shadow:0 4px 6px rgba(0,0,0,.2)}#legend{position:fixed;bottom:20px;right:20px;padding:12px 16px;background:rgba(0,0,0,.8);color:#fff;border-radius:8px;font-size:14px;z-index:2;min-width:150px;box-shadow:0 4px 6px rgba(0,0,0,.2);font-family:Rubik,sans-serif}.legend-item{display:flex;align-items:center;margin:8px 0}.legend-color{width:16px;height:16px;margin-right:8px;border-radius:3px}.legend-color.lived{background:#ffb800}.legend-color.visited{background:gold}.legend-color.unvisited{background:rgba(255,255,255,.3)}.legend-dot{width:5px;height:5px;border-radius:50%;background:#ff3b30;margin-right:8px;filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .2))}.legend-dot.path{width:10px;height:10px;border:1px solid rgba(0,0,0,.9)}.legend-line{width:20px;height:2px;background:#fff;margin-right:8px;opacity:.5}.tooltip-status{font-size:12px;margin-top:4px;opacity:.9}.tooltip-status.lived{color:#ffb800}.tooltip-status.visited{color:gold}#map-container:active{cursor:grabbing}.country{fill:rgba(255,255,255,0.3);stroke:rgba(79,186,247,0.8);stroke-width:1.5}.country:hover{fill:rgba(255,255,255,0.4)}.country.lived{fill:#FFB800;stroke:#FFB800}.country.lived:hover{fill:#FFC633}.country.visited{fill:#FFD700;stroke:#FFD700}.country.visited:hover{fill:#FFE44D;stroke:#FFE44D}.city-point{fill:#FF5A5F;stroke-width:0;filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .2));r:2.5}.city-point:hover{fill:#FF5A5F;r:1.5}.city-point.path-city{r:5;stroke:rgba(0,0,0,0.9);stroke-width:1}.city-point.path-city:hover{r:4}.city-label{font-family:Rubik,sans-serif;font-size:12px;fill:white;font-weight:700;pointer-events:none;dominant-baseline:middle;paint-order:stroke fill}.city-label-bg{fill:rgba(0,0,0,0.9);rx:3;ry:3}.city-label-line{stroke:rgba(0,0,0,0.9);stroke-width:1}.city-label-group{opacity:1}.travel-arc{fill:none;stroke:#ffffff;stroke-width:2;opacity:.5;pointer-events:none}.travel-arc:hover{opacity:1}