:root,:host{--ol-background-color:white;--ol-accent-background-color:#f5f5f5;--ol-subtle-background-color:#80808040;--ol-partial-background-color:#ffffffbf;--ol-foreground-color:#333;--ol-subtle-foreground-color:#666;--ol-brand-color:#0af}.ol-box{box-sizing:border-box;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color);border-radius:2px}.ol-mouse-position{position:absolute;top:8px;right:8px}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;padding:2px;position:absolute;bottom:8px;left:8px}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color);text-align:center;will-change:contents, width;border-top:none;margin:1px;font-size:10px;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{background-color:var(--ol-foreground-color);float:right;z-index:10;width:1px;height:15px}.ol-scale-step-text{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);font-size:10px;position:absolute;bottom:-5px}.ol-scale-text{text-align:center;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);font-size:12px;position:absolute;bottom:25px}.ol-scale-singlebar{z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color);height:10px;position:relative}.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;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;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{background-color:var(--ol-subtle-background-color);border-radius:4px;position:absolute}.ol-zoom{top:.5em;left:.5em}.ol-rotate{transition:opacity .25s linear,visibility linear;top:.5em;right:.5em}.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{top:.5em;right:.5em}.ol-control button{color:var(--ol-subtle-foreground-color);font-weight:700;font-size:inherit;text-align:center;background-color:var(--ol-background-color);border:none;border-radius:2px;width:1.375em;height:1.375em;margin:1px;padding:0;line-height:.4em;text-decoration:none;display:block}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{will-change:transform;font-weight:400;display:block}.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{outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color);text-decoration:none}.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;flex-flow:row-reverse;align-items:center;max-width:calc(100% - 1.3em);display:flex;bottom:.5em;right:.5em}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);margin:0;padding:1px .5em;font-size:12px}.ol-attribution li{list-style:none;display:inline}.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{border-radius:4px 0 0;bottom:0;right:0}.ol-attribution.ol-uncollapsible img{max-height:1.6em;margin-top:-.2em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{height:200px;top:4.5em;left:.5em}.ol-zoomslider button{height:10px;position:relative}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{bottom:.5em;left:.5em}.ol-overviewmap.ol-uncollapsible{border-radius:0 4px 0 0;bottom:0;left:0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);width:150px;height:150px}.ol-overviewmap:not(.ol-collapsed) button{position:absolute;bottom:0;left:0}.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}.flatpickr-calendar{opacity:0;text-align:center;visibility:hidden;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;direction:ltr;background:#fff;border:0;border-radius:5px;width:307.875px;padding:0;font-size:14px;line-height:24px;animation:none;display:none;position:absolute;box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;visibility:visible;max-height:640px}.flatpickr-calendar.open{z-index:99999;display:inline-block}.flatpickr-calendar.animate.open{animation:.3s cubic-bezier(.23,1,.32,1) fpFadeInDown}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{border-top:1px solid #e6e6e6;height:40px}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{pointer-events:none;content:"";border:solid #0000;width:0;height:0;display:block;position:absolute;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{display:inline-block;position:relative}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{color:#000000e6;fill:#000000e6;text-align:center;-webkit-user-select:none;user-select:none;background:0 0;flex:1;height:34px;line-height:1;position:relative;overflow:hidden}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;user-select:none;cursor:pointer;z-index:3;color:#000000e6;fill:#000000e6;height:34px;padding:10px;text-decoration:none;position:absolute;top:0}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{fill:inherit;transition:fill .1s}.numInputWrapper{height:auto;position:relative}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper span{opacity:0;cursor:pointer;box-sizing:border-box;border:1px solid #39393926;width:14px;height:50%;padding:0 4px 0 2px;line-height:50%;position:absolute;right:0}.numInputWrapper span:hover{background:#0000001a}.numInputWrapper span:active{background:#0003}.numInputWrapper span:after{content:"";display:block;position:absolute}.numInputWrapper span.arrowUp{border-bottom:0;top:0}.numInputWrapper span.arrowUp:after{border-bottom:4px solid #39393999;border-left:4px solid #0000;border-right:4px solid #0000;top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-top:4px solid #39393999;border-left:4px solid #0000;border-right:4px solid #0000;top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:#0000000d}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;color:inherit;text-align:center;width:75%;height:34px;padding:7.48px 0 0;font-weight:300;line-height:1;display:inline-block;position:absolute;left:12.5%;transform:translate(0,0)}.flatpickr-current-month span.cur-month{color:inherit;margin-left:.5ch;padding:0;font-family:inherit;font-weight:700;display:inline-block}.flatpickr-current-month span.cur-month:hover{background:#0000000d}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{box-sizing:border-box;color:inherit;cursor:text;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;vertical-align:initial;appearance:textfield;background:0 0;border:0;border-radius:0;margin:0;padding:0 0 0 .5ch;display:inline-block}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{color:#00000080;pointer-events:none;background:0 0;font-size:100%}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;height:auto;font-family:inherit;font-weight:300;line-height:inherit;vertical-align:initial;background:0 0;border:none;border-radius:0;outline:none;width:auto;margin:-1px 0 0;padding:0 0 0 .5ch;position:relative}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#0000000d}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:#0000;outline:none;padding:0}.flatpickr-weekdays{text-align:center;background:0 0;align-items:center;width:100%;height:28px;display:flex;overflow:hidden}.flatpickr-weekdays .flatpickr-weekdaycontainer{flex:1;display:flex}span.flatpickr-weekday{cursor:default;color:#0000008a;text-align:center;background:0 0;flex:1;margin:0;font-size:90%;font-weight:bolder;line-height:1;display:block}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{align-items:flex-start;width:307.875px;display:flex;position:relative;overflow:hidden}.flatpickr-days:focus{outline:0}.dayContainer{text-align:left;box-sizing:border-box;opacity:1;outline:0;flex-wrap:wrap;justify-content:space-around;width:307.875px;min-width:307.875px;max-width:307.875px;padding:0;display:flex;transform:translate(0,0)}.dayContainer+.dayContainer{box-shadow:-1px 0 #e6e6e6}.flatpickr-day{box-sizing:border-box;color:#393939;cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:150px;flex-basis:14.2857%;justify-content:center;width:14.2857%;max-width:39px;height:39px;margin:0;font-weight:400;line-height:39px;display:inline-block;position:relative}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;background:#e6e6e6;border-color:#e6e6e6;outline:0}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{color:#fff;background:#959ea9;border-color:#959ea9}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{-webkit-box-shadow:none;box-shadow:none;color:#fff;background:#569ff7;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;cursor:default;background:0 0;border-color:#0000}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#3939391a}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{color:#3939394d;cursor:default;background:0 0;border:none;width:100%;max-width:none;display:block}.flatpickr-innerContainer{box-sizing:border-box;display:flex;overflow:hidden}.flatpickr-rContainer{box-sizing:border-box;padding:0;display:inline-block}.flatpickr-time{text-align:center;box-sizing:border-box;outline:0;height:0;max-height:40px;line-height:40px;display:flex;overflow:hidden}.flatpickr-time:after{content:"";clear:both;display:table}.flatpickr-time .numInputWrapper{float:left;flex:1;width:40%;height:40px}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{-webkit-box-shadow:none;box-shadow:none;text-align:center;height:inherit;line-height:inherit;color:#393939;box-sizing:border-box;appearance:textfield;background:0 0;border:0;border-radius:0;margin:0;padding:0;font-size:14px;position:relative}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{border:0;outline:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;-webkit-user-select:none;user-select:none;align-self:center;width:2%;font-weight:700}.flatpickr-time .flatpickr-am-pm{cursor:pointer;text-align:center;outline:0;width:18%;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@keyframes fpFadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0,0)}}html,body{height:100%;margin:0;padding:0;overflow:hidden}#map{z-index:1;width:100%;height:100%}#time-control{z-index:1002;background:#ffffffe6;border-radius:5px;width:300px;padding:15px;font-family:Arial,sans-serif;font-size:14px;position:absolute;bottom:10px;left:10px;box-shadow:0 2px 5px #0000004d}.mode-toggle-container{background:#000000b3;border-radius:6px;margin-bottom:12px;padding:8px}.mode-radio-group{justify-content:center;align-items:center;gap:15px;display:flex}.time-navigation{align-items:center;gap:8px;margin-bottom:12px;display:flex}.time-nav-button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:4px;flex:none;padding:8px}.time-input{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:4px;flex:1;padding:6px;font-size:14px}.time-input:disabled{cursor:not-allowed;background-color:#f5f5f5}.flatpickr-calendar{font-family:Arial,sans-serif;box-shadow:0 4px 8px #0000004d}.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month .numInputWrapper,.flatpickr-time input{font-size:14px}.flatpickr-close-button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:0 0 5px 5px;width:100%;margin-top:10px;padding:10px;font-size:14px;font-weight:500;transition:background-color .2s}.flatpickr-close-button:hover{background:#0056b3}.flatpickr-close-button:active{background:#004085}.animation-control{align-items:center;gap:8px;display:flex}.progress-bar{background:#e0e0e0;border-radius:3px;flex:1;height:5px;overflow:hidden}.progress-bar .progress{background:#007bff;width:0%;height:100%;transition:width .1s linear}.animation-button{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:4px;padding:8px 12px;font-size:16px}.time-nav-button:hover,.animation-button:hover{opacity:.9}.time-nav-button:disabled,.animation-button:disabled{color:#666;cursor:not-allowed;background:#ccc}@media (width<=768px){#time-control{width:90%;left:50%;transform:translate(-50%)}}#time-control .time-buttons{gap:5px;margin-top:5px;display:flex}#time-control button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:3px;padding:5px 10px;font-size:14px}#time-control button:hover{background:#0056b3}#time-control button:disabled{color:#666;cursor:not-allowed;background:#ccc}#animation-progress{background:#e0e0e0;border-radius:3px;width:100%;height:5px;margin-top:10px;position:relative;overflow:hidden}#animation-progress .progress{background:#007bff;width:0%;height:100%;transition:width .1s linear}#branding-overlay{color:#333;z-index:1000;background:#fffc;border-radius:5px;padding:5px 10px;font-family:Arial,sans-serif;font-size:16px;font-weight:700;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000004d}#branding-overlay[data-mode=realtime]{color:#006400;background:#90ee90cc}#branding-overlay[data-mode=archive]{color:#8b8000;background:#ffffe0cc}#layer-control{z-index:1004;background:#fffffffa;flex-direction:column;width:300px;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-2px 0 5px #0003}#layer-control.open{transform:translate(0)}#layer-toggle{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:3px;padding:5px 10px;font-size:16px;position:absolute;top:10px;left:-40px}#layer-toggle:hover{background:#0056b3}#warnings-control{z-index:1000;background:#ffffffe6;border-radius:5px;width:300px;max-width:90%;font-family:Arial,sans-serif;font-size:14px;transition:transform .3s ease-in-out;position:absolute;top:10px;right:10px;transform:translate(110%);box-shadow:0 2px 5px #0000004d}#warnings-control.open{transform:translate(0)}#warnings-table{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:10px}#warnings-table th,#warnings-table td{text-align:left;word-wrap:break-word;border:1px solid #ddd;padding:8px}#warnings-table th{z-index:1;background:#f4f4f4;font-weight:700;position:sticky;top:0}#warnings-table th:first-child{width:15%}#warnings-table th:nth-child(2){width:30%}#warnings-table th:nth-child(3){width:55%}#warnings-search{border:1px solid #ddd;border-radius:4px;width:100%;margin-bottom:10px;padding:8px;font-size:14px}#warnings-modal{opacity:0;z-index:2000;visibility:hidden;background:#fffffffa;border-radius:8px;flex-direction:column;width:600px;max-width:90vw;max-height:80vh;transition:all .3s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95);box-shadow:0 4px 20px #0003}#warnings-modal.open{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}#warnings-modal-header{color:#fff;z-index:1;background:#007bff;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:15px;font-size:16px;font-weight:700;display:flex;position:sticky;top:0}#warnings-modal-header button{color:#fff;cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:20px;line-height:1}#warnings-modal-content{flex:1;min-height:0;padding:15px;overflow-y:auto}@media (width<=768px){#warnings-modal{z-index:2000;border-radius:0;width:100%;height:100%;display:none;position:fixed;top:0;left:0;transform:none}#warnings-modal.open{display:flex}#warnings-modal-header{font-size:18px}#collapse-warnings{color:#fff;cursor:pointer;z-index:2001;background:#007bff;border:none;border-radius:3px;padding:5px 10px;font-size:14px;position:absolute;bottom:10px;right:10px}#collapse-warnings:hover{background:#0056b3}#warnings-modal{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;position:fixed;inset:0;transform:none}#warnings-modal.open{transform:none}#warnings-modal-header{border-radius:0;padding:12px 15px}#warnings-modal-content{-webkit-overflow-scrolling:touch;height:calc(100% - 50px);padding:10px;overflow-y:auto}#warnings-table{font-size:14px}#warnings-table th:first-child{width:20%}#warnings-table th:nth-child(2){width:35%}#warnings-table th:nth-child(3){width:45%}#warnings-table th,#warnings-table td{padding:6px}.control-toggle-group{z-index:1003;flex-direction:column;gap:8px;position:fixed;top:auto;bottom:90px;right:10px}.control-toggle-button{opacity:.9;z-index:1003;background:#007bfff2;width:44px;height:44px;font-size:18px;pointer-events:auto!important;display:flex!important}.control-toggle-button:active{transform:scale(.95)}.drawer-content{padding:15px}.phenomena-toggles{gap:10px}.phenomena-toggle{min-width:100px;padding:8px 14px}#time-control{z-index:1002;width:90%;max-width:400px;padding:15px;bottom:10px;left:50%;transform:translate(-50%)}#warnings-modal{border-radius:0;width:100%;height:100%;max-height:100vh}}.phenomena-toggles{background:#fffffff2;border-radius:5px;flex-wrap:wrap;gap:8px;margin-top:10px;padding:10px;display:flex;overflow-y:visible;box-shadow:0 1px 3px #0000001a}.phenomena-group{color:#444;border-bottom:1px solid #ddd;width:100%;margin:5px 0;padding:5px 0;font-size:13px;font-weight:700}.phenomena-toggle{cursor:pointer;text-align:center;text-shadow:0 1px 1px #0003;border:1px solid #0000001a;border-radius:4px;justify-content:space-between;align-items:center;min-width:80px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex;position:relative}.phenomena-toggle:hover{transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.phenomena-toggle:active{transform:translateY(0)}.phenomena-toggle .count{color:#333;background:#fffffff2;border:1px solid #0000001a;border-radius:10px;min-width:16px;padding:2px 6px;font-size:11px;font-weight:700;display:block;position:absolute;top:-6px;right:-6px;box-shadow:0 1px 3px #0003}.phenomena-toggle .count:empty{display:none}.phenomena-toggle:not(.active){color:#333;opacity:.75;background:#e0e0e0}.phenomena-toggle:not(.active):hover{opacity:.9}.phenomena-toggle:before{content:"";opacity:0;background:#ffffff80;border-radius:2px;width:4px;height:100%;transition:opacity .2s;position:absolute;left:4px}.phenomena-toggle.active:before{opacity:1}#toaster{color:#fff;z-index:1025;background:#007bff;border-radius:5px;padding:10px 20px;font-family:Arial,sans-serif;font-size:14px;animation:3s ease-in-out fade-in-out;display:none;position:fixed;bottom:20px;right:20px;box-shadow:0 2px 5px #0000004d}@keyframes fade-in-out{0%{opacity:0;transform:translateY(10px)}10%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}#realtime-mode{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:3px;padding:5px 10px;font-size:14px;display:inline-block}#realtime-mode:hover{background:#0056b3}@media (width<=768px){#layer-control{width:100%;height:100%}.drawer-content{padding:15px}.phenomena-toggles{gap:10px}.phenomena-toggle{min-width:100px;padding:8px 14px}#time-control{z-index:1002;width:90%;max-width:400px;padding:15px;bottom:10px;left:50%;transform:translate(-50%)}#warnings-modal{border-radius:0;width:100%;height:100%;max-height:100vh}#help-modal{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}}@media (width>=769px){#layer-control,#warnings-modal{max-height:80vh}.control-toggle-button{height:40px}#warnings-modal{min-height:400px}}.layer-section{background:#fffc;border:1px solid #0000001a;border-radius:4px;margin-bottom:15px;padding:10px}.layer-section h4{color:#333;margin:0 0 8px;font-size:14px;font-weight:700}.base-layer-select{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;width:100%;padding:6px 8px;font-size:13px}.base-layer-select:focus{border-color:#007acc;outline:2px solid #007acc}.layer-section .phenomena-toggles{flex-wrap:wrap;gap:8px;margin-top:10px;margin-left:20px;display:flex}.layer-section .phenomena-group{color:#444;width:100%;margin-top:8px;margin-bottom:4px;font-size:13px;font-weight:700}.layer-toggle{cursor:pointer;align-items:center;gap:8px;margin-bottom:8px;display:flex}.layer-toggle input[type=checkbox]{cursor:pointer;width:16px;height:16px}.layer-options{border-top:1px solid #0000001a;margin-top:8px;padding-top:8px}.layer-options label{align-items:center;gap:8px;display:flex}.layer-options input[type=range]{cursor:pointer;flex:1}.control-toggle-button{transition:background-color .2s,transform .2s}.control-toggle-button:hover{background:#0056b3;transform:translate(2px)}.control-toggle-group{z-index:1003;position:fixed;top:10px;right:10px}.control-toggle-button{color:#fff;cursor:pointer;text-align:center;background:#007bff;border:none;border-radius:4px;width:40px;height:40px;margin-bottom:10px;font-size:1.5em;line-height:40px;display:block}#branding-overlay{z-index:1000}#layer-control{z-index:1004}#popup{color:#fff;white-space:nowrap;z-index:2005;pointer-events:auto;background:#000000d9;border-radius:6px;padding:8px 10px;font-family:Arial,sans-serif;font-size:13px;position:absolute;box-shadow:0 2px 8px #00000080}.popup-content h4{margin:0 0 6px;font-size:14px}.popup-content table{border-collapse:collapse}.popup-content th{text-align:left;padding-right:8px;font-weight:600}.popup-content td{padding:0 4px}#warnings-modal{z-index:2000}#time-control{z-index:1002}.control-toggle-group{z-index:1003}.control-close-button{color:#333;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;padding:5px;font-size:20px;transition:background-color .2s;display:flex;position:absolute;top:10px;right:10px}.control-close-button:hover{background:#0000001a}.mode-radio-group{justify-content:center;align-items:center;gap:15px;padding:10px;display:flex}.mode-radio-group input[type=radio]{cursor:pointer;margin:0}.mode-radio-group label{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;margin-left:4px;font-size:14px;font-weight:500}.mode-toggle-container{background:#000000b3;border-radius:6px;flex-direction:column;margin-bottom:8px;padding:8px;display:flex}.drawer-content{flex:1;padding:15px;overflow-y:auto}#help-modal{z-index:1004;background-color:#fff;border-radius:6px;width:500px;max-width:90vw;max-height:90vh;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0003}#help-modal.open{display:block}#help-modal-header{color:#fff;cursor:move;-webkit-user-select:none;user-select:none;background-color:#007bff;border-top-left-radius:6px;border-top-right-radius:6px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}#close-help{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:20px}#close-help:hover{opacity:.8}#help-modal-content{max-height:calc(90vh - 50px);padding:20px;overflow-y:auto}#help-modal-content h3{color:#333;margin-top:0;margin-bottom:15px}#help-modal-content p,#help-modal-content ul{color:#666;margin-bottom:20px;line-height:1.5}#help-modal-content ul{padding-left:20px}#help-modal-content li{margin-bottom:8px}#help-modal-content strong{color:#333}@media screen and (width<=768px){#help-modal{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}#help-modal-header{border-radius:0}#help-modal-content{max-height:calc(100vh - 50px);padding:15px}}.webcam-window{opacity:0;z-index:2100;visibility:hidden;background:#fffffffa;border-radius:8px;flex-direction:column;width:min(90vw,800px);min-width:240px;max-height:90vh;transition:all .3s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95);box-shadow:0 4px 20px #0003}.webcam-window.open{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}.webcam-window-header{color:#fff;cursor:move;-webkit-user-select:none;user-select:none;background:#007bff;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:15px;font-size:16px;font-weight:700;display:flex}.webcam-window-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:20px;line-height:1}.webcam-window-close:hover{opacity:.8}.webcam-window-content{flex-direction:column;flex:1;min-height:0;padding:15px;display:flex;position:relative;overflow:hidden}.webcam-image-container{background:#f5f5f5;border-radius:4px;flex:1;justify-content:center;align-items:center;min-height:120px;display:flex;position:relative;overflow:hidden}.webcam-image{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;transition:opacity .3s}.webcam-image.loading{opacity:.5}.webcam-loading,.webcam-error{color:#fff;background:#000c;border-radius:4px;padding:10px 20px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.webcam-error{background:#dc3545e6}.webcam-fullscreen{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:4px;padding:8px 12px;font-size:16px;transition:background-color .2s;position:absolute;bottom:10px;right:10px}.webcam-fullscreen:hover{background:#000000e6}.webcam-resize-handle{z-index:10;background:0 0;position:absolute}.webcam-resize-se{cursor:se-resize;background:linear-gradient(-45deg,#0000 0% 40%,#ccc 40% 60%,#0000 60%);width:20px;height:20px;bottom:0;right:0}.webcam-resize-s{cursor:s-resize;height:8px;bottom:0;left:20px;right:20px}.webcam-resize-e{cursor:e-resize;width:8px;top:20px;bottom:20px;right:0}.webcam-resize-handle:hover{background-color:#007bff4d}.webcam-resize-se:hover{background:linear-gradient(-45deg,#0000 0% 35%,#007bff99 35% 65%,#0000 65%)}@media (width<=768px){.webcam-window{border-radius:0!important;width:100vw!important;min-width:auto!important;height:100vh!important;max-height:none!important;top:0!important;left:0!important;transform:none!important}.webcam-window-header{border-radius:0!important}.webcam-resize-handle{display:none}}.webcam-view-selector{background:#f0f0f0cc;border-radius:4px;align-items:center;gap:10px;margin-bottom:15px;padding:10px;font-size:14px;display:flex}.webcam-view-selector label{color:#333;white-space:nowrap;font-weight:500}.webcam-view-select{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;flex:1;padding:6px 10px;font-size:14px}.webcam-view-select:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff40}