:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}html,body{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif;background-color:#f0f4f8;color:#1c1c1c}.map{width:100%;height:100vh;position:relative;display:flex;flex-direction:column}#coordinates{position:fixed;bottom:53px;right:10px;background:#ffffff4d;padding:15px;border-radius:15px;border:3px solid rgba(0,0,0,.406);font-size:clamp(10px,2vw,12px);z-index:1000;max-width:300px;display:flex;flex-direction:column;gap:5px}#layer-switcher{position:absolute;top:190px;right:10px;background:#fff;padding:clamp(8px,2vw,10px);border:3px solid rgba(0,0,0,.406);border-radius:15px;box-shadow:0 0 10px #0003;display:flex;flex-direction:column;gap:8px;max-width:250px}.layer-item{display:flex;align-items:center;gap:5px}.layer-item label{cursor:pointer;font-size:clamp(10px,2vw,14px)}.info{position:fixed;background:#ffffffe6;padding:clamp(8px,2vw,10px);border-radius:4px;bottom:20px;left:20px;max-width:min(300px,90vw);box-shadow:0 0 10px #0003;display:none;font-size:clamp(10px,2vw,14px)}.timeline-container{display:flex;flex-direction:column;align-items:center;padding:1px;background:linear-gradient(to right,#002f4b,#006494);color:#fff}#timeline{display:flex;justify-content:space-between;width:100%;max-width:1000px;padding:0 200px;position:relative;height:2px;margin-bottom:14px;flex-wrap:wrap}#clearMapBtn{display:flex;background-color:#2276b8;color:#fff;border:none;padding:4px 8px;margin-left:1380px;border-radius:3px;font-size:14px;cursor:pointer;transition:background-color .3s ease}#clearMapBtn:hover{background-color:#1c5a8a}#helpBtn{display:flex;background-color:#2276b8;color:#fff;border:none;padding:5px 12px;margin-top:-40px;margin-right:1400px;border-radius:3px;font-size:14px;cursor:pointer;transition:background-color .3s ease}#helpBtn:hover{background-color:#1c5a8a}.help-box{background-color:#e3f2fd;border-left:4px solid #1976d2;padding:4px;margin:4px;font-size:14px;border-radius:6px}.intro-text p{text-align:left;max-width:1350px;margin:1px;padding:1px;top:10px;font-size:14px;line-height:1;color:#090909}.year-marker{position:absolute;top:-10px;transform:translate(-50%);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.year-marker .dot{width:clamp(12px,3vw,16px);height:clamp(12px,3vw,16px);background-color:#4caf50;border-radius:50%;margin-bottom:5px;transition:all .3s ease}.year-marker .year{font-size:clamp(12px,2.5vw,15px);text-align:left;color:#fff;transition:all .3s ease}.year-marker:hover .dot{transform:scale(1.2);background-color:#45a049}.year-marker:hover .year{font-weight:700;color:#fff}.year-marker.active .dot{background-color:#2196f3;transform:scale(1.2);box-shadow:0 0 10px #2196f380}#selectedYear{text-align:center;font-size:clamp(18px,4vw,24px);margin-top:15px;transition:all .3s ease}.title-bar{background:linear-gradient(to right,#002f4b,#006494);padding:20px;text-align:center;color:#fff;font-size:clamp(20px,4vw,36px);font-weight:600;box-shadow:0 2px 8px #0003;border-bottom:3px solid #004e7c}#legend-container{position:fixed;bottom:25px;left:20px;background:#fff;padding:clamp(10px,2vw,10px);border:3px solid rgba(0,0,0,.406);border-radius:15px;box-shadow:0 2px 4px #0000001a;font-family:Arial,sans-serif;z-index:1000;max-width:min(200px,100vw);display:flex;flex-direction:column;gap:1px}.legend-title{font-weight:700;margin-bottom:10px;font-size:clamp(12px,2vw,14px)}.legend-gradient{height:20px;width:100%;background:linear-gradient(to right,#000,#0f0,#ff0,red)}.legend-labels{display:flex;justify-content:space-between;font-size:clamp(10px,1.5vw,12px);color:#666}.legend-items{display:flex;flex-direction:column;gap:5px}.legend-item{display:flex;align-items:center;gap:7px;font-size:clamp(10px,1.5vw,12px)}.color-box{min-width:15px;height:15px;border:1px solid #ddd;flex-shrink:0}.opacity-note{font-size:clamp(9px,1.5vw,11px);color:#666;margin-top:8px;border-top:1px solid #eee;padding-top:8px}@media (max-width: 768px){#layer-switcher{top:10px;right:10px;max-width:200px}#legend-container{left:10px;bottom:10px}#coordinates{bottom:5px;right:5px;padding:10px}}@media (max-width: 480px){.year-marker .year{transform:rotate(-45deg);font-size:12px}#timeline{margin:15px 20px}}#chart-container{position:relative;width:50%;max-width:50px;margin:20px auto;padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.ol-popup{position:relative;background-color:#fff;box-shadow:0 1px 4px #0003;padding:clamp(10px,2vw,15px);border:3px solid rgba(0,0,0,.406);border-radius:15px;bottom:-30px;left:12px;width:90vw;max-width:500px;box-sizing:border-box}.ol-popup:after{border-top-color:#fff;border-width:10px;left:48px;margin-left:-10px}.ol-popup:before{border-top-color:#ccc;border-width:11px;left:48px;margin-left:-11px}.ol-popup-closer{text-decoration:none;position:absolute;top:1px;right:8px}.tab-buttons{border-bottom:1px solid #ccc;margin-bottom:8px;display:flex;gap:4px}.tab-button{background-color:#f8f8f8;border:1px solid #ddd;border-bottom:none;padding:5px 10px;cursor:pointer;border-radius:4px 4px 0 0;transition:background-color .3s}.tab-button:hover{background-color:#e8e8e8}.tab-button.active{background-color:#fff;border-color:#ccc;margin-bottom:-1px;padding-bottom:6px}.tab-content{display:none;padding:20px;border-top:1px solid #ccc}.tab-content.active{display:block}.chart-container{min-height:200px}.feature-info{margin-bottom:15px;padding:10px;border:1px solid #ddd;border-radius:4px}.feature-info h3{margin-top:0;color:#333}.feature-info hr{margin:10px 0;border:0;border-top:1px solid #eee}.tooltip{position:relative;background:#000c;color:#fff;padding:4px;border-radius:2px;font-size:10px;white-space:nowrap}.feature-info{margin:2px 0}.feature-info hr{margin:4px 0;border:0;border-top:.5px solid rgba(9,25,202,.2)}.feature-info:last-child hr{display:none}.export-button{background-color:#4caf50;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;margin-top:10px}.export-button:hover{background-color:#45a049}body{background-color:#f0f4f8;font-family:Segoe UI,sans-serif}#magChart,#magChartyear{width:100%;height:200px}#copyright{display:block;background-color:#1d3557;color:#fff;text-align:center;font-size:10px;padding:10px;margin-top:-1px;border-top:1px solid #ccc}.hamburger{display:none;position:absolute;left:12px;top:14px;width:42px;height:42px;border:0;border-radius:8px;background:#004e7c;color:#fff;font-size:22px;line-height:42px;cursor:pointer;z-index:1100}.year-menu{position:fixed;top:0;right:0;width:280px;max-width:90vw;height:100vh;background:#fff;box-shadow:-12px 0 24px #0003;transform:translate(100%);transition:transform .25s ease,opacity .25s ease;opacity:0;visibility:hidden;z-index:1200;display:flex;flex-direction:column;border-left:3px solid rgba(0,0,0,.2)}.year-menu.open{transform:translate(0);opacity:1;visibility:visible}.year-menu-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(to right,#002f4b,#006494);color:#fff;font-weight:600}.year-menu-close{background:transparent;border:0;color:#fff;font-size:26px;cursor:pointer}.year-menu-list{list-style:none;margin:0;padding:12px;overflow:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.year-menu-list li button{width:100%;padding:10px 0;border:1px solid #ddd;border-radius:8px;background:#f7f9fc;cursor:pointer;font-weight:600}.year-menu-list li button:hover{background:#e9f2fb}@media (max-width: 900px){#timeline{display:none}.hamburger{display:inline-flex;align-items:center;justify-content:center}#clearMapBtn{margin-left:0}#helpBtn{margin-right:0;margin-top:8px}}#mapClickBlocker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;background:transparent;pointer-events:auto}.layer-switcher{position:absolute;top:3.5em;right:.5em;text-align:left}.layer-switcher .panel{margin:0;border:4px solid #eee;border-radius:4px;background-color:#fff;display:none;max-height:inherit;height:100%;box-sizing:border-box;overflow-y:auto}.layer-switcher button{float:right;z-index:1;width:38px;height:38px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAACE1BMVEX///8A//8AgICA//8AVVVAQID///8rVVVJtttgv98nTmJ2xNgkW1ttyNsmWWZmzNZYxM4gWGgeU2JmzNNr0N1Rwc0eU2VXxdEhV2JqytQeVmMhVmNoydUfVGUgVGQfVGQfVmVqy9hqy9dWw9AfVWRpydVry9YhVmMgVGNUw9BrytchVWRexdGw294gVWQgVmUhVWPd4N6HoaZsy9cfVmQgVGRrytZsy9cgVWQgVWMgVWRsy9YfVWNsy9YgVWVty9YgVWVry9UgVWRsy9Zsy9UfVWRsy9YgVWVty9YgVWRty9Vsy9aM09sgVWRTws/AzM0gVWRtzNYgVWRuy9Zsy9cgVWRGcHxty9bb5ORbxdEgVWRty9bn6OZTws9mydRfxtLX3Nva5eRix9NFcXxOd4JPeINQeIMiVmVUws9Vws9Vw9BXw9BYxNBaxNBbxNBcxdJexdElWWgmWmhjyNRlx9IqXGtoipNpytVqytVryNNrytZsjZUuX210k5t1y9R2zNR3y9V4lp57zth9zdaAnKOGoaeK0NiNpquV09mesrag1tuitbmj1tuj19uktrqr2d2svcCu2d2xwMO63N+7x8nA3uDC3uDFz9DK4eHL4eLN4eIyYnDX5OM5Z3Tb397e4uDf4uHf5uXi5ePi5+Xj5+Xk5+Xm5+Xm6OY6aHXQ19fT4+NfhI1Ww89gx9Nhx9Nsy9ZWw9Dpj2abAAAAWnRSTlMAAQICAwQEBgcIDQ0ODhQZGiAiIyYpKywvNTs+QklPUlNUWWJjaGt0dnd+hIWFh4mNjZCSm6CpsbW2t7nDzNDT1dje5efr7PHy9PT29/j4+Pn5+vr8/f39/f6DPtKwAAABTklEQVR4Xr3QVWPbMBSAUTVFZmZmhhSXMjNvkhwqMzMzMzPDeD+xASvObKePPa+ffHVl8PlsnE0+qPpBuQjVJjno6pZpSKXYl7/bZyFaQxhf98hHDKEppwdWIW1frFnrxSOWHFfWesSEWC6R/P4zOFrix3TzDFLlXRTR8c0fEEJ1/itpo7SVO9Jdr1DVxZ0USyjZsEY5vZfiiAC0UoTGOrm9PZLuRl8X+Dq1HQtoFbJZbv61i+Poblh/97TC7n0neCcK0ETNUrz1/xPHf+DNAW9Ac6t8O8WH3Vp98f5lCaYKAOFZMLyHL4Y0fe319idMNgMMp+zWVSybUed/+/h7I4wRAG1W6XDy4XmjR9HnzvDRZXUAYDFOhC1S/Hh+fIXxen+eO+AKqbs+wAo30zDTDvDxKoJN88sjUzDFAvBzEUGFsnADoIvAJzoh2BZ8sner+Ke/vwECuQAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:2px;background-color:#fff;color:#000;border:none}.layer-switcher button:focus,.layer-switcher button:hover{background-color:#fff}.layer-switcher.shown{overflow-y:hidden;display:flex;flex-direction:column;max-height:calc(100% - 5.5em)}.layer-switcher.shown.ol-control,.layer-switcher.shown.ol-control:hover{background-color:transparent}.layer-switcher.shown .panel{display:block}.layer-switcher.shown button{display:none}.layer-switcher.shown.layer-switcher-activation-mode-click>button{display:block;background-image:unset;right:2px;position:absolute;background-color:#eee;margin:1px}.layer-switcher.shown button:focus,.layer-switcher.shown button:hover{background-color:#fafafa}.layer-switcher ul{list-style:none;margin:1.6em .4em;padding-left:0}.layer-switcher ul ul{padding-left:1.2em;margin:.1em 0 0}.layer-switcher li.group+li.group{margin-top:.4em}.layer-switcher li.group>label{font-weight:700}.layer-switcher.layer-switcher-group-select-style-none li.group>label{padding-left:1.2em}.layer-switcher li{position:relative;margin-top:.3em}.layer-switcher li input{position:absolute;left:1.2em;height:1em;width:1em;font-size:1em}.layer-switcher li label{padding-left:2.7em;padding-right:1.2em;display:inline-block;margin-top:1px}.layer-switcher label.disabled{opacity:.4}.layer-switcher input{margin:0}.layer-switcher.touch ::-webkit-scrollbar{width:4px}.layer-switcher.touch ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}.layer-switcher.touch ::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}li.layer-switcher-base-group>label{padding-left:1.2em}.layer-switcher .group button{position:absolute;left:0;display:inline-block;vertical-align:top;float:none;font-size:1em;width:1em;height:1em;margin:0;background-position:center 2px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAW0lEQVR4nGNgGAWMyBwXFxcGBgaGeii3EU0tXHzPnj1wQRYsihqQ+I0ExDEMQAYNONgoAN0AmMkNaDSyQSheY8JiaCMOGzE04zIAmyFYNTMw4A+DRhzsUUBtAADw4BCeIZkGdwAAAABJRU5ErkJggg==);-webkit-transition:-webkit-transform .2s ease-in-out;-ms-transition:-ms-transform .2s ease-in-out;transition:transform .2s ease-in-out}.layer-switcher .group.layer-switcher-close button{transform:rotate(-90deg);-webkit-transform:rotate(-90deg)}.layer-switcher .group.layer-switcher-fold.layer-switcher-close>ul{overflow:hidden;height:0}.layer-switcher.shown.layer-switcher-activation-mode-click{padding-left:34px}.layer-switcher.shown.layer-switcher-activation-mode-click>button{left:0;border-right:0}