/* V8 — correções verificadas a partir da captura do jogo */
.campaignSea{
  background:
    radial-gradient(ellipse at 28% 18%,rgba(111,231,255,.55),transparent 38%),
    radial-gradient(ellipse at 72% 76%,rgba(7,108,207,.28),transparent 48%),
    linear-gradient(145deg,#20bce5 0%,#129fdf 46%,#087bd0 100%);
}
.campaignSea:before{background:linear-gradient(115deg,rgba(255,255,255,.06),transparent 36%,rgba(1,83,177,.12));}
.seaLayerA{
  inset:-8%;
  opacity:.45;
  background:
    radial-gradient(ellipse 48% 16% at 18% 28%,transparent 80%,rgba(206,249,255,.38) 84%,transparent 88%),
    radial-gradient(ellipse 56% 15% at 66% 58%,transparent 80%,rgba(187,244,255,.3) 84%,transparent 89%),
    radial-gradient(ellipse 42% 13% at 42% 85%,transparent 78%,rgba(203,249,255,.25) 83%,transparent 89%);
  animation:organicSeaDrift 11s ease-in-out infinite alternate;
}
.seaLayerB{
  inset:-10%;
  opacity:.34;
  background:
    repeating-linear-gradient(172deg,transparent 0 76px,rgba(202,248,255,.16) 79px,transparent 83px 142px),
    radial-gradient(ellipse at 50% 40%,rgba(73,211,240,.18),transparent 58%);
  animation:organicSeaSwell 7s ease-in-out infinite alternate;
}
@keyframes organicSeaDrift{to{transform:translate(3.5%,-2%) scale(1.035)}}
@keyframes organicSeaSwell{to{transform:translate(-2.5%,2%) skewY(.8deg);opacity:.44}}

/* O asset é deslocado, não o feixe: a lanterna passa a ocupar a origem lógica 8,6% / 29,5%. */
.lighthouseAsset{top:4%;left:1%;width:15.5%;height:66%;}
.campaignBeam{left:8.6%;top:37.5%;z-index:12;}

/* Cada célula da nova folha mede 480 × 400: a mesma proporção é mantida no CSS. */
.campaignBoat{width:64px;height:53px;}
.campaignBoat>i{background-image:url(./barcos-v16.webp);background-size:500% 100%;}
.campaignBoat.cargueiro{width:72px;height:60px;}
.campaignBoat:before{top:25px;left:-44px;width:52px;}
.campaignBoat em{bottom:0;left:9px;}
.destination{right:-4px;top:-3px;}

@media(max-width:760px){
  .lighthouseAsset{top:8%;left:-1%;width:20%;height:62%;}
  .campaignBeam{left:8.6%;top:37.5%;}
  .campaignBoat{width:52px;height:43px;}
  .campaignBoat.cargueiro{width:60px;height:50px;}
  .campaignBoat:before{top:20px;}
}