:root{--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-sky-400: #38bdf8;--color-yellow-100: #fef3c7;--color-yellow-200: #fde68a;--color-yellow-800: #92400e;--layers-control-bg: var(--color-white);--layers-control-text: var(--color-gray-800);--layers-control-text-secondary: var(--color-gray-700);--layers-control-border: var(--color-gray-200);--layers-control-hover: var(--color-gray-100);--layers-control-icon: var(--color-gray-600);--control-size: 40px;--control-padding: 10px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 12px;--transition-default: .2s ease;--transition-slow: .3s ease}body{font-family:Inter,sans-serif;margin:0;padding:0;overflow:hidden}#map{position:absolute;inset:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.maplibregl-ctrl-top-left,.maplibregl-ctrl-top-right{top:env(safe-area-inset-top)}.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right{padding-bottom:env(safe-area-inset-bottom)}.maplibregl-ctrl-top-left,.maplibregl-ctrl-bottom-left{left:env(safe-area-inset-left)}.maplibregl-ctrl-top-right,.maplibregl-ctrl-bottom-right{right:env(safe-area-inset-right)}.safe-bottom-blocker{position:fixed;bottom:0;left:0;width:100vw;height:env(safe-area-inset-bottom);pointer-events:auto;background:transparent;z-index:9999}.maplibregl-popup{width:240px}.maplibregl-popup-content{border-radius:var(--border-radius-lg)}.searoute-popup-box{width:220px;word-wrap:break-word}.port-popup-box .port-name{text-align:center}#loading{position:absolute;inset:0;margin:auto;width:10px;height:10px;border-radius:50%;z-index:9999;box-shadow:0 -30px #bbb,15px -26px #aaa,26px -15px #999,30px 0 #888,26px 15px #777,15px 26px #666,0 30px #555,-15px 26px #444,-26px 15px #333,-30px 0 #222,-26px -15px #111,-15px -26px #000;animation:loading 1s infinite steps(12,start)}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.maplibregl-ctrl-top-right{z-index:10}#hamburger-control{padding:var(--control-padding);background-color:var(--color-white);border:1px solid var(--color-gray-300);color:var(--color-gray-700);position:relative;z-index:11}.maplibregl-ctrl-hamburger-toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.maplibregl-ctrl-hamburger-list{line-height:2;position:absolute;top:0;right:0;z-index:1000;background-color:var(--color-white);border:1px solid var(--color-gray-300);box-shadow:0 0 0 2px #0000001a;min-width:150px;width:auto;white-space:nowrap;padding:8px 0}.maplibregl-ctrl-hamburger-list a{text-decoration:none;color:var(--color-gray-700);display:block;padding:4px 8px;border-radius:var(--border-radius-md);margin:2px 8px;cursor:pointer;transition:var(--transition-default)}.maplibregl-ctrl-hamburger-list a:hover{background-color:var(--layers-control-hover);color:var(--color-gray-900);font-weight:600}#layers-control{padding:var(--control-padding);background-color:var(--layers-control-bg);border:1px solid var(--color-gray-300);color:var(--layers-control-text);position:relative;z-index:10}.maplibregl-ctrl-layers-toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:var(--transition-default)}.maplibregl-ctrl-layers-toggle:hover{background-color:var(--layers-control-hover)}.maplibregl-ctrl-layers-toggle i{color:var(--layers-control-icon);font-size:18px;font-weight:600;transition:var(--transition-default);line-height:1}.maplibregl-ctrl-layers-toggle:hover i{color:var(--layers-control-text)}.maplibregl-ctrl-layers-list{max-height:60vh;min-width:140px;overflow-y:auto}.layer-item{display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-md);margin:2px 8px;position:relative;transition:var(--transition-default)}.layer-item:hover{background-color:var(--layers-control-hover)}.layer-item:hover label{color:var(--color-gray-900);font-weight:600}.layer-item input[type=radio],.layer-item input[type=checkbox]{margin:0 4px 0 0;cursor:pointer;accent-color:var(--color-blue-500)}.layer-item label{cursor:pointer;flex:1;font-weight:500;user-select:none;line-height:1.4;transition:var(--transition-default)}.layer-item.checked label,.layer-item input[type=radio]:checked+label,.layer-item input[type=checkbox]:checked+label{color:var(--color-gray-900);font-weight:600}.maplibregl-ctrl-layers-list hr{margin:8px 4px;border:0;border-top:1px solid var(--layers-control-border)}.layer-group-header{padding:4px;font-weight:700;letter-spacing:.05em;line-height:1.2;cursor:pointer;border-radius:var(--border-radius-sm);position:relative;user-select:none;transition:var(--transition-default)}.layer-group-header:hover{background-color:var(--layers-control-hover)}.layer-group-header:before{content:"\25bc";display:inline-block;margin-right:8px;transition:var(--transition-default);font-size:12px}.layer-group-header.collapsed:before{transform:rotate(-90deg)}.layer-group-header:first-child{margin-top:0}.layer-group-content{overflow:hidden;transition:var(--transition-slow);max-height:1000px}.layer-group-content.collapsed{max-height:0}.layer-tooltip{position:absolute;bottom:100%;right:8px;background-color:var(--color-gray-800);color:var(--color-white);padding:8px 12px;border-radius:var(--border-radius-md);font-size:13px;font-weight:500;white-space:normal;opacity:0;visibility:hidden;transition:var(--transition-default);pointer-events:none;margin-bottom:6px;max-width:200px;text-align:center;line-height:1.3;z-index:1001}.layer-tooltip:after{content:"";position:absolute;top:100%;right:20px;border:4px solid transparent;border-top-color:var(--color-gray-800)}.layer-item:hover .layer-tooltip{opacity:1;visibility:visible}.maplibregl-ctrl-layers-list::-webkit-scrollbar{width:6px}.maplibregl-ctrl-layers-list::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:3px}.maplibregl-ctrl-layers-list::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px;transition:var(--transition-default)}.maplibregl-ctrl-layers-list::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}#info-window,#settings-window,#privacy-policy-window{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-white);border:1px solid var(--color-gray-300);box-shadow:0 10px 25px #00000026;border-radius:var(--border-radius-lg);z-index:9999;padding:1.5rem;width:90vw;max-width:600px;max-height:70vh;overflow-y:auto;pointer-events:auto}#info-window .heading-tag,#settings-window .heading-tag,#privacy-policy-window .heading-tag{display:flex;align-items:center;border-left:5px solid var(--color-sky-400);background-color:var(--color-gray-50);padding:.75rem;font-size:1.1rem;font-weight:700;color:var(--color-gray-700);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;margin-bottom:1rem}.maplibregl-ctrl-geocoder.maplibregl-ctrl-geocoder--collapsed{width:var(--control-size)!important;min-width:var(--control-size)!important;height:var(--control-size)!important;min-height:var(--control-size)!important}.maplibregl-ctrl-geocoder--icon-search{top:10px!important;left:10px!important;width:20px!important;height:20px!important}.maplibregl-ctrl-geocoder--input{height:var(--control-size)!important;padding:6px 45px!important}.maplibregl-ctrl-geocoder .maplibregl-ctrl-geocoder--pin-right>*{top:5.5px!important;right:5.5px!important}.maplibregl-ctrl-geocoder--icon-close,.maplibregl-ctrl-geocoder--icon-loading{margin-top:0!important;margin-right:0!important}.noscript-warning{background:var(--color-yellow-100);color:var(--color-yellow-800);border:1px solid var(--color-yellow-200);padding:1rem;margin:1rem 0;text-align:center;font-size:1.2rem;border-radius:var(--border-radius-md)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:10000;background:#1e293b;color:#f1f5f9;padding:1rem 1.25rem;box-shadow:0 -2px 12px #0000004d}.cookie-banner__body{max-width:900px;margin:0 auto;display:flex;align-items:flex-start;gap:.75rem}.cookie-banner__text{flex:1 1 0;margin:0;font-size:.75rem;line-height:1.6;color:#cbd5e1}.cookie-banner__link{color:#7dd3fc;text-decoration:underline}.cookie-banner__link-btn{background:none;border:none;padding:0;color:#7dd3fc;text-decoration:underline;cursor:pointer;font-size:inherit;font-family:inherit}.cookie-banner__link-btn:hover{color:#bae6fd}.cookie-banner__close{flex-shrink:0;background:transparent;border:none;color:#94a3b8;font-size:1.4rem;line-height:1;cursor:pointer;padding:0 .2rem;transition:color .15s ease}.cookie-banner__close:hover{color:#f1f5f9}