:root{font-family:Arial,sans-serif;color:#183b4c;background:#edf4f7}*{box-sizing:border-box}body{margin:0}a{color:#08789b}header{background:#073d55;color:white;padding:16px 24px}header a{color:#a9e8ef;text-decoration:none;font-weight:bold}.intro{max-width:1200px;margin:auto;padding:22px 24px 14px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#1d7984;font-size:12px;font-weight:bold}h1{font-size:36px;margin:6px 0 8px}p{line-height:1.5;margin:8px 0}.subtitle{font-size:17px;max-width:820px;color:#4f6876}.workspace{max-width:1200px;margin:0 auto;padding:0 24px 22px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.map-wrap{position:relative;border-radius:13px;overflow:hidden;border:1px solid #b7d0d9;background:#cfe8ed;min-width:0}.map{height:650px;width:100%;background:#d8edf1}.side{background:white;border:1px solid #bed3db;border-radius:13px;padding:18px;font-size:14px}.side h2{margin:0 0 10px;font-size:20px}.stamp{font-size:12px;line-height:1.6;color:#4d6674}.status{border-left:3px solid #1690a4;background:#eef8fb;padding:12px;margin:14px 0;min-height:80px}label{display:block;font-weight:bold;margin:14px 0 5px}select,button{font:16px Arial;padding:10px;border-radius:6px;border:1px solid #9dbbc7;max-width:100%;min-height:44px}select{width:100%;background:white;color:#183b4c}button{cursor:pointer;background:#0b7793;color:white;font-weight:bold}button:disabled{opacity:.5;cursor:wait}.legend{list-style:none;padding:0;margin:14px 0}.legend li{display:flex;align-items:center;gap:9px;margin:7px 0;font-size:13px}.swatch{width:15px;height:15px;border-radius:3px;flex:none}.limit{background:#fff4dc;border-left:3px solid #d2942a;padding:11px;font-size:12px;margin-top:16px}.credits{font-size:11px;line-height:1.7;margin-top:16px}.label{background:transparent;border:0;box-shadow:none;color:#3c5b62;font:600 12px Arial;white-space:nowrap;text-shadow:0 1px 3px white,0 -1px 3px white}.map-tag{position:absolute;top:12px;right:12px;background:#ffffffed;padding:7px 10px;font-size:12px;z-index:500;border-radius:5px;pointer-events:none}.leaflet-container{font-family:Arial}.leaflet-control-attribution{font-size:10px!important}.sea-values{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sea-values>div{background:#eff7fa;padding:10px;border-radius:6px;font-size:12px}.sea-values b{display:block;font-size:19px;margin-top:4px}.forfun-row{margin:25px 0;padding:16px;border:1px solid #b9d4df;border-radius:10px;background:#f5fbfd}.forfun-title{display:flex;align-items:center;gap:9px;font-size:23px}.forfun-title img{width:65px;height:44px;object-fit:contain}.forfun-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.forfun-links a{display:block;flex:1;min-width:130px;border:1px solid #b2ced9;border-radius:8px;padding:12px;text-decoration:none;background:white}.forfun-links b{display:block;color:#07506e}.forfun-links small{display:block;margin-top:5px;color:#4f6b79;line-height:1.5}.sea-truth{padding:12px;background:#eff8fb;border-top:1px solid #b8d3de;margin-top:12px}.sea-truth h3{font-size:17px;margin:0 0 7px}.sea-truth small{font-size:12px}.preview-banner{background:#fff2cc;font-size:12px;padding:7px 24px;color:#6e511d}@media(max-width:760px){h1{font-size:29px}.intro{padding:18px 14px 12px}.workspace{display:flex;flex-direction:column;padding:0 12px 18px}.map{height:470px}.side{padding:15px}.forfun-links{flex-direction:column}.label{font-size:10px}header{padding:14px}.subtitle{font-size:15px}.map-tag{font-size:10px;max-width:65%}}
.map-wrap{align-self:start}.leaflet-zoom-animated{image-rendering:auto}
.map-wrap{width:100%}