*{box-sizing:border-box}.campaign{min-height:100vh;background:#02181c;color:#e9f2ee;font-family:var(--font-sans),sans-serif;overflow:hidden}.campaignHeader{height:72px;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #a98e4f45;background:#03191de8}.campaignHeader>div:nth-child(2){text-align:center}.campaignHeader small{display:block;color:#9bb7b2;font-size:9px;letter-spacing:.2em}.campaignHeader strong{font-family:var(--font-display),serif;color:#f3db93;font-size:21px}.campaignHeader>button{justify-self:end;border:1px solid #b99e5c66;background:#09292d;color:#ddc77f;padding:8px 11px;font-size:8px;letter-spacing:.14em}.campaignBrand{display:flex;align-items:center;gap:10px}.campaignBrand>b{width:35px;height:35px;display:grid;place-items:center;border:1px solid #ddc87b;border-radius:50%;font-family:serif;color:#f4dd91}.campaignBrand span{font-family:serif;letter-spacing:.2em}.campaignBrand span small{font-size:6px}.campaignHud{height:54px;display:grid;grid-template-columns:90px 1fr 90px 90px 100px;align-items:center;text-align:center;background:#062429;border-bottom:1px solid #7bb4ae2e}.campaignHud small{display:block;font-size:6px;letter-spacing:.16em;color:#87aaa7}.campaignHud b{color:#f0d98d;font-size:13px}.liveStatus{font-size:9px;letter-spacing:.12em;color:#cfe3de}.campaignSea{position:relative;height:calc(100vh - 160px);min-height:520px;overflow:hidden;background:#062f38 url(./mar-v16.webp) center/cover;cursor:crosshair}.campaignSea:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 42% 48%,transparent,#0011148c);z-index:1;pointer-events:none}.seaLayer{position:absolute;inset:-20%;z-index:2;pointer-events:none;mix-blend-mode:screen}.seaLayerA{opacity:.24;background:repeating-radial-gradient(ellipse at 30% 48%,transparent 0 37px,#81d8dc20 40px 42px,transparent 45px 75px);animation:campaignDrift 12s linear infinite}.seaLayerB{opacity:.2;background:repeating-linear-gradient(168deg,transparent 0 59px,#b8efeb20 61px 63px,transparent 66px 118px);animation:campaignSwell 6s ease-in-out infinite alternate}.rainField{position:absolute;inset:-20%;z-index:9;pointer-events:none;opacity:.24;background:repeating-linear-gradient(106deg,transparent 0 88px,#d7f4ef57 89px 90px,transparent 91px 170px);animation:campaignRain 1.2s linear infinite}.chapter1 .rainField{display:none}.chapter5 .rainField,.chapter6 .rainField{opacity:.58;animation-duration:.65s}.coast{position:absolute;right:-3%;top:0;width:22%;height:100%;z-index:3;background:linear-gradient(90deg,transparent,#062126bb 60%,#031619);pointer-events:none}.portAsset{position:absolute;right:-3%;top:22%;width:22%;height:58%;object-fit:contain;z-index:6;filter:drop-shadow(-12px 15px 10px #000a);pointer-events:none}.lighthouseAsset{position:absolute;left:1.5%;top:20%;width:14%;height:58%;object-fit:contain;z-index:11;filter:drop-shadow(0 15px 8px #000b);pointer-events:none}.campaignBeam{position:absolute;left:8.6%;top:29.5%;width:94%;height:0;z-index:10;transform-origin:0 50%;pointer-events:none}.campaignBeam:before{content:"";position:absolute;left:0;top:-31px;width:100%;height:62px;clip-path:polygon(0 42%,100% 0,100% 100%,0 58%);background:linear-gradient(90deg,#fff2a897,#ffe9873d 68%,transparent);filter:blur(1px)}.blackout .campaignBeam{opacity:.08}.lightning .campaignSea:after{content:"";position:absolute;inset:0;z-index:30;background:#e8ffffc9;pointer-events:none}.campaignRock{position:absolute;width:9%;height:14%;transform:translate(-50%,-50%);z-index:7;filter:brightness(1.13) drop-shadow(0 12px 8px #000c);pointer-events:none}.campaignRock i{display:block;width:100%;height:100%;background:url(./rochedos-v42.png) no-repeat;background-size:500% 100%}.campaignBoat{position:absolute;width:61px;height:38px;border:0;background:none;padding:0;z-index:13;cursor:pointer;filter:drop-shadow(0 8px 5px #000b)}.campaignBoat>i{display:block;width:100%;height:100%;background:url(./barcos-v16.webp) no-repeat;background-size:500% 100%}.campaignBoat.selected{filter:drop-shadow(0 0 7px #fff2a4) drop-shadow(0 0 15px #ffc74f)}.campaignBoat:before{content:"";position:absolute;left:-48px;top:16px;width:55px;height:14px;border-bottom:2px solid #c6f2ea70;border-radius:50%;animation:wakePulse 1s ease-in-out infinite alternate}.campaignBoat em{position:absolute;left:8px;bottom:-5px;height:2px;background:#75dfb6;transform-origin:left}.destination{position:absolute;right:-5px;top:-8px;min-width:17px;padding:3px;border:1px solid #e2c86b;background:#042226;color:#ffe49a;font:700 7px sans-serif;box-shadow:0 2px 5px #000}.dN{border-color:#75d5ff}.dC{border-color:#ffe681}.dS{border-color:#ff9a75}.balsa{filter:drop-shadow(0 0 7px #ffd45e) drop-shadow(0 8px 5px #000b)}.cargueiro{width:76px;height:45px}.resgate{filter:drop-shadow(0 0 8px #e15836)}.fantasma{filter:hue-rotate(85deg) saturate(1.6) drop-shadow(0 0 12px #62ffca);opacity:.85}.fantasma.veiled{opacity:.18;filter:hue-rotate(85deg) blur(3px) drop-shadow(0 0 14px #62ffca)}.dockMark{position:absolute;right:7.4%;z-index:12;padding:4px 7px;border:1px solid #d7bd686e;background:#03191de0;color:#ffe39b;font-size:7px;letter-spacing:.12em}.dockMark:after{content:"";position:absolute;left:100%;top:50%;width:70px;border-top:1px dashed #ead4818a}.dockNorth{top:34%}.dockCenter{top:47%}.dockSouth{top:60%}.currentField{position:absolute;z-index:5;width:25%;height:33%;border:1px solid #89d7d33d;border-radius:50%;overflow:hidden;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 18px,#8cd9d02b 20px 23px,transparent 25px 46px)}.currentField i{position:absolute;left:-25%;top:40%;width:160%;white-space:nowrap;color:#b8f8efad;font-style:normal;font-size:24px;letter-spacing:19px;animation:currentArrows 1.25s linear infinite}.currentA{left:28%;top:50%;transform:rotate(-24deg)}.currentB{left:55%;top:28%;transform:rotate(27deg)}.windPanel{position:absolute;left:16px;top:15px;z-index:16;width:125px;padding:8px 9px;border:1px solid #b6d6d05a;background:#03191ddd;display:grid;grid-template-columns:1fr auto;align-items:center;pointer-events:none}.windPanel small,.windPanel span{font-size:6px;letter-spacing:.13em;color:#a4c2be}.windPanel span{grid-column:1/-1}.windPanel b{color:#ffe18c;font-size:22px}.fogBank{position:absolute;z-index:8;border-radius:50%;filter:blur(25px);background:radial-gradient(ellipse,#d6e1d8b0,#819e9994 45%,transparent 72%);mix-blend-mode:screen;pointer-events:none;animation:fogMove 14s ease-in-out infinite alternate}.fogOne{width:48%;height:42%;left:29%;top:13%}.fogTwo{width:45%;height:38%;left:48%;top:50%;animation-direction:alternate-reverse}.routeTarget{position:absolute;width:42px;height:42px;border:1px solid #f0dc8f;border-radius:50%;transform:translate(-50%,-50%);z-index:12;pointer-events:none;box-shadow:0 0 16px #f5d66b66}.routeTarget:before,.routeTarget:after{content:"";position:absolute;background:#ead17d}.routeTarget:before{width:58px;height:1px;left:-8px;top:20px}.routeTarget:after{height:58px;width:1px;left:20px;top:-8px}.arrivalTrack{position:absolute;left:18%;right:22%;bottom:12px;height:4px;background:#061b1eaa;z-index:18}.arrivalTrack span{display:block;height:100%;background:#d8bb61;transition:width .3s}.arrivalTrack b{position:absolute;right:0;bottom:7px;color:#d9cc93;font-size:6px;letter-spacing:.15em}.campaignMenu,.campaignResult{position:absolute;inset:5% 12%;z-index:25;padding:25px;background:#031a1eef;border:1px solid #bda35c70;box-shadow:0 25px 60px #000b;overflow:auto}.campaignMenu>small,.campaignResult>small{display:block;text-align:center;color:#c6ac66;font-size:8px;letter-spacing:.2em}.campaignMenu>h1,.campaignResult h2{text-align:center;margin:5px 0 20px;font-family:var(--font-display),serif;color:#f4df9e;font-size:34px}.chapterGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.chapterGrid section{padding:13px;background:#092b2f;border:1px solid #73938e35}.chapterGrid h2{margin:0;color:#e5eee9;font:600 14px var(--font-display),serif}.chapterGrid h2 b{display:inline-grid;place-items:center;width:21px;height:21px;margin-right:7px;border:1px solid #d6b960;border-radius:50%;color:#e0c56e;font:10px sans-serif}.chapterGrid p{height:24px;margin:7px 0;color:#91afab;font-size:8px}.chapterGrid section div{display:flex;gap:6px}.chapterGrid button{width:31px;height:31px;border:1px solid #b9a05a70;background:#052025;color:#f1d986;cursor:pointer}.chapterGrid button:hover{background:#b79542;color:#061a1e}.campaignResult{inset:23% 28%;text-align:center}.campaignResult p{color:#bdd0cc}.campaignResult button{margin:8px 5px;padding:11px 15px;border:1px solid #d7bc67;background:#12373a;color:#f4dd94}.campaignFooter{height:34px;padding:0 22px;display:flex;justify-content:space-between;align-items:center;color:#8da9a5;font-size:8px;letter-spacing:.08em;background:#03191d}.campaignFooter b{color:#c5ad68}@keyframes campaignDrift{to{transform:translate(8%,-5%) scale(1.04)}}@keyframes campaignSwell{to{transform:translate(-5%,3%) skew(2deg);opacity:.35}}@keyframes campaignRain{to{transform:translate(-70px,190px)}}@keyframes wakePulse{to{transform:translate(-7px) scaleX(1.18);opacity:.35}}@keyframes currentArrows{to{transform:translate(65px)}}@keyframes fogMove{to{transform:translate(7%,-3%) scale(1.08)}}@media(max-width:760px){.campaignHeader{height:60px;padding:0 10px}.campaignBrand span{display:none}.campaignHeader strong{font-size:16px}.campaignHud{grid-template-columns:60px 1fr 58px 55px}.campaignHud>div:last-child{display:none}.liveStatus{font-size:7px}.campaignSea{height:calc(100vh - 126px);min-height:480px}.lighthouseAsset{width:19%;left:-1%;top:24%}.campaignBeam{left:8.6%;top:32%}.portAsset{width:30%;right:-7%}.chapterGrid{grid-template-columns:1fr 1fr}.campaignMenu{inset:3% 5%;padding:15px}.campaignMenu>h1{font-size:26px}.chapterGrid p{display:none}.chapterGrid section{padding:9px}.campaignResult{inset:20% 8%}.campaignBoat{width:49px;height:30px}.cargueiro{width:61px;height:36px}.campaignRock{width:12%;height:12%}.campaignFooter{padding:0 8px}.campaignFooter b{display:none}.dockMark{right:9%;font-size:6px}.windPanel{width:105px;left:7px;top:7px}}html,body,#root{margin:0;min-height:100%;background:#02181c}body{overflow:hidden}