body{font-family:Inter,sans-serif;margin:0;padding:0;overflow:hidden}#map{position:absolute;inset:0}.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:12px}.searoute-popup-box{width:220px;word-wrap:break-word}.port-popup-box .port-name{text-align:center}.maplibregl-ctrl-top-right{z-index:3}#hamburger-control{padding:10px;background-color:#fff;border:1px solid #ccc;color:#323232}.maplibregl-ctrl-hamburger-toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.maplibregl-ctrl-hamburger-list{line-height:2}.maplibregl-ctrl-hamburger-list a{text-decoration:none;color:#323232}#layers-control{padding:10px;background-color:#fff;border:1px solid #ccc;color:#323232}.maplibregl-ctrl-layers-toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.maplibregl-ctrl-layers-list{max-height:65vh;overflow-y:auto}.maplibregl-ctrl-layers-list input[type=radio],.maplibregl-ctrl-layers-list input[type=checkbox]{margin:4px;cursor:pointer}.maplibregl-ctrl-layers-list hr{margin:4px 0;border:0;border-top:1px solid #e5e7eb}#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)}}#info-window{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:1px solid #ccc;box-shadow:0 2px 8px #0003;z-index:9999;padding:1.5em;width:90vw;max-width:600px;max-height:70vh;overflow-y:auto;pointer-events:auto}#info-window .heading-tag{display:flex;align-items:center;border-left:5px solid #38bdf8;background-color:#f8fafc;padding:.5rem;font-size:1rem;font-weight:700;color:#334155;border-radius:0 .25rem .25rem 0;margin-bottom:calc(var(--spacing) * 2)}.noscript-warning{background:#fff3cd;color:#856404;border:1px solid #ffeeba;padding:1em;margin:1em 0;text-align:center;font-size:1.2em}