html,body,#root{background:#0c77d8}
.campaign{background:#eff8ff;color:#173b68;font-family:Inter,ui-rounded,"Trebuchet MS",Arial,sans-serif}
.campaignHeader{border-bottom:0;background:linear-gradient(90deg,#087fdc,#1556d8);box-shadow:0 4px 18px #073d8955;color:#fff}
.campaignHeader small,.campaignBrand span small{color:#d9f4ff}.campaignHeader strong{color:#fff;text-shadow:0 2px 5px #063a8b55}.campaignHeader>button{border:0;border-radius:18px;background:#ffffff26;color:#fff;box-shadow:inset 0 1px #ffffff55;padding:10px 15px}.campaignBrand>b{border:0;background:#fff;color:#1561d6;box-shadow:0 3px 8px #073f8c55}.campaignBrand span{font-family:inherit;font-weight:900}
.campaignHud{background:#f7fbff;color:#194477;border-bottom:1px solid #b9ddf3;box-shadow:0 5px 18px #075a9c25;position:relative;z-index:40}.campaignHud small{color:#6684aa}.campaignHud b{color:#095fd9}.liveStatus{color:#214d7e;font-weight:800}
.campaignSea{background-image:none;background:radial-gradient(ellipse at 32% 8%,#43d7ff 0,#159eea 35%,#0878d6 68%,#075dba 100%)}.campaignSea:before{background:radial-gradient(ellipse at 45% 45%,transparent 0 40%,#06479b24 100%)}
.seaLayer{mix-blend-mode:screen}.seaLayerA{opacity:.48;background:repeating-radial-gradient(ellipse at 30% 48%,transparent 0 48px,#bff8ff32 51px 54px,transparent 58px 96px)}.seaLayerB{opacity:.32;background:repeating-linear-gradient(168deg,transparent 0 72px,#baf6ff22 75px 78px,transparent 82px 138px)}.rainField{opacity:.12}.coast{display:none}
.portAsset{right:-1%;top:7%;width:25%;height:86%;filter:drop-shadow(-8px 12px 12px #064b8e55)}.lighthouseAsset{left:1%;top:16%;width:15.5%;height:66%;filter:drop-shadow(0 14px 12px #064b8e66)}.campaignBeam{left:8.7%;top:28.3%;z-index:10}.campaignBeam:before{top:-26px;height:52px;background:linear-gradient(90deg,#fff8b9d9,#ffed8890 48%,#fff2a000);filter:blur(1.5px)}
.campaignRock{width:10%;height:16%;filter:drop-shadow(0 10px 7px #06478366)}.campaignRock i{background-image:url(./rochedos-v42.png)}.campaignBoat{width:55px;height:34px;filter:drop-shadow(0 7px 4px #06478377)}.campaignBoat>i{background-image:url(./barcos-v16.webp)}.campaignBoat.selected{filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 13px #ffd43b)}.cargueiro{width:68px;height:41px}.campaignBoat:before{border-color:#d8fbffcc}.campaignBoat em{height:3px;border-radius:3px;background:#58e28c}.destination{border:2px solid #fff;border-radius:10px;background:#1459bce8;color:#fff;box-shadow:0 3px 7px #06478366}
.currentField{border:0;background:radial-gradient(ellipse,#79e8ff28,transparent 68%);overflow:visible}.currentField i{color:#c7f9ffcc;text-shadow:0 2px 4px #0067af77;font-size:30px}.windPanel{border:0;border-radius:18px;background:#ffffffdf;box-shadow:0 5px 15px #07528d3d}.windPanel small,.windPanel span{color:#527ca6}.windPanel b{color:#0a75df}.dockMark{border:0;border-radius:13px;background:#ffffffea;color:#1458a2;font-weight:900;box-shadow:0 4px 10px #07528d42}.dockMark:after{border-color:#fff}.routeTarget{border:2px solid #ffe45e;box-shadow:0 0 0 5px #fff5a833,0 0 18px #fff}.routeTarget:before,.routeTarget:after{background:#fff06a}
.arrivalTrack{height:7px;border-radius:8px;background:#0757a999}.arrivalTrack span{border-radius:8px;background:linear-gradient(90deg,#ffc928,#fff06c)}.arrivalTrack b{color:#fff;text-shadow:0 2px 4px #07528d}.campaignMenu,.campaignResult{border:0;border-radius:28px;background:#f8fcfff2;box-shadow:0 24px 70px #06478366;color:#173b68}.campaignMenu>small,.campaignResult>small{color:#1673d7}.campaignMenu>h1,.campaignResult h2{font-family:inherit;color:#0b3870}.chapterGrid section{border:1px solid #c7e4f5;border-radius:18px;background:linear-gradient(145deg,#fff,#eaf7ff);box-shadow:0 6px 15px #0a69a916}.chapterGrid h2{font-family:inherit;color:#174879}.chapterGrid h2 b{border:0;background:#1475df;color:#fff}.chapterGrid p{color:#6684a7}.chapterGrid button,.campaignResult button{border:0;border-radius:12px;background:#e5f2ff;color:#0966d6;font-weight:900;box-shadow:0 3px 8px #126bb322}.chapterGrid button:hover,.campaignResult button:hover{background:#126ee0;color:#fff}.campaignResult p{color:#527598}.campaignFooter{background:#f7fbff;color:#5f80a6}.campaignFooter b{color:#126bd4}
@media(max-width:760px){.lighthouseAsset{width:20%;left:-1%;top:20%;height:62%}.campaignBeam{left:8.6%;top:31.2%}.portAsset{right:-4%;top:8%;width:32%;height:84%}.campaignRock{width:13%;height:14%}.campaignBoat{width:46px;height:29px}.cargueiro{width:57px;height:35px}}