/* Cartografia nautica: immagine raster realistica + dati UI controllati */
.map-card,.phone-map,.console-map,.weather-route{background-image:linear-gradient(#06375822,#06375822),url('assets/nautical-chart-ligurian.png')!important;background-size:cover!important;background-position:center!important}.map-card{isolation:isolate}.chart-title,.chart-scale,.chart-coords,.phone-chart-caption,.fleet-chart-caption,.route-chart-caption{position:absolute;color:#eaf9ff;font:700 9px 'DM Sans';letter-spacing:.12em;text-shadow:0 1px 4px #001526}.chart-title{left:18px;top:16px}.chart-scale{right:17px;top:16px}.chart-coords{right:17px;bottom:18px;line-height:1.5}.hero-geofence{position:absolute;right:14%;top:18%;width:130px;height:105px;border:2px dashed #f6b754;border-radius:48% 43% 50% 45%;background:#f6b75418;transform:rotate(-10deg)}.hero-geofence span{position:absolute;top:-18px;left:1px;color:#ffe2ab;font:700 8px 'DM Sans';letter-spacing:.1em;white-space:nowrap}.hero-route,.phone-route,.fleet-route,.marine-route-line{position:absolute;height:3px;border-radius:3px;background:#ff624e;box-shadow:0 0 8px #ff624e}.hero-route{width:53%;top:62%;left:17%;transform:rotate(-24deg)}.hero-boat,.phone-vessel,.fleet-vessel b,.route-vessel{position:absolute;color:#fff;font-size:17px;text-shadow:0 0 8px #f45d4e;z-index:2}.hero-boat{top:45%;left:43%;color:#ff624e}.hero-waypoint,.phone-waypoint,.fleet-wp,.route-node{position:absolute;z-index:2;background:#072943e8;border:1px solid #75dfe9;border-radius:4px;padding:5px 7px;color:#fff;font-size:9px;line-height:1.35}.hero-waypoint b,.hero-waypoint small,.phone-waypoint b,.phone-waypoint small,.fleet-wp b,.fleet-wp small,.route-node b,.route-node small{display:block}.hero-waypoint small,.phone-waypoint small,.fleet-wp small,.route-node small{color:#aeeff5;font-size:8px}.wp-one{left:32%;top:55%}.wp-two{left:62%;top:34%}.phone-chart-caption{top:12px;left:10px;color:#123e58;font-size:7px}.phone-geofence{position:absolute;left:10%;top:31%;width:73px;height:65px;border:2px dashed #f6ae48;border-radius:50% 43% 46% 52%;background:#f6ae4820}.phone-geofence i{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#f6ae48}.phone-geofence b{position:absolute;bottom:-15px;left:7px;color:#76521a;font-size:7px}.phone-route{width:67%;top:57%;left:15%;transform:rotate(-22deg)}.phone-vessel{top:45%;left:49%;color:#f35b4d;font-size:15px}.phone-waypoint{padding:3px 4px;font-size:7px}.phone-waypoint small{font-size:6px}.pw-one{top:25%;right:11%}.pw-two{bottom:17%;right:12%}.phone-compass{position:absolute;right:10px;bottom:9px;border:1px solid #225d78;border-radius:50%;padding:4px 6px;font:700 7px 'DM Sans';color:#19415b}.fleet-chart-caption{top:15px;left:16px}.fleet-route{height:4px}.route-a{width:43%;left:12%;top:64%;transform:rotate(-25deg);background:#65e7f9}.route-b{width:42%;left:47%;top:44%;transform:rotate(28deg)}.fleet-geofence{position:absolute;right:9%;top:17%;width:155px;height:125px;border:2px dashed #f5b653;border-radius:46% 52% 49% 43%;background:#f5b6531e;padding:16px;color:#ffe0a4;font-size:10px}.fleet-geofence b,.fleet-geofence span{display:block}.fleet-geofence span{font-size:9px;margin-top:6px}.fleet-vessel b{position:static;font-size:17px}.fleet-vessel span{display:block;margin-top:3px;background:#041e36d9;padding:4px 6px;border-radius:3px;color:#e4f8ff;font-size:9px}.fv-one{position:absolute;left:25%;top:57%}.fv-two{position:absolute;right:20%;top:33%}.fleet-wp{padding:4px 6px}.fwp-one{left:45%;top:43%}.fwp-two{right:33%;bottom:20%}.fleet-weather{position:absolute;left:15px;bottom:12px;background:#062943dc;border-left:3px solid #67e8f9;padding:9px 12px;display:grid;grid-template-columns:auto auto;gap:2px 10px;color:#b7ecf3;font-size:8px}.fleet-weather b{color:#fff;font-size:10px}.console-alert{z-index:3}.route-chart-caption{left:16px;top:13px;color:#17425c}.marine-route-line{width:68%;top:55%;left:14%;transform:rotate(-12deg)}.route-node{background:#082b45e8;padding:5px 7px;font-size:8px}.rn-one{left:8%;top:63%}.rn-two{left:32%;top:43%}.rn-three{left:56%;top:35%}.rn-four{right:7%;top:20%}.route-vessel{top:48%;left:46%;color:#f35b4d}.weather-route{overflow:hidden}
@media(max-width:560px){.fleet-geofence{width:105px;height:86px;padding:10px;font-size:8px}.fleet-chart-caption{font-size:7px}.fleet-weather{padding:6px 8px}.hero-geofence{width:95px;height:78px}.phone-chart-caption{display:none}}