.expansion-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.expansion-nav .btn{min-height:44px;font-size:12px;padding:10px 14px}.world-route .expansion-nav{position:absolute;top:365px;left:16px;right:16px;z-index:5;justify-content:center}.world-route .expansion-nav .btn{background:#123b3fed;border:1px solid #c3d7ba80;box-shadow:0 4px 14px #082a3438;color:#eff7e6;backdrop-filter:blur(6px)}
.resource-estate{margin:24px 0 32px;padding:26px;background:linear-gradient(140deg,#173e3d,#102b36);border:1px solid #91b88c55;border-radius:24px}.expansion-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#edca83;font-weight:800}.expansion-heading h2,.exchange-banner h2{font-family:Georgia,serif;font-size:30px;line-height:1.15;color:#f8ecd0;margin:8px 0}.expansion-heading p,.exchange-banner p{color:#b4cbc3;line-height:1.6;font-size:13px}.estate-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.estate-card{border:1px solid #6d998c55;border-radius:16px;padding:16px;background:#082831;min-width:0;display:flex;flex-direction:column;gap:9px}.estate-card h3{font-size:16px;margin:3px 0}.estate-card p{font-size:12px;margin:0;color:#e2d7ad}.estate-card small{font-size:11px;color:#b2c6be;line-height:1.5}.estate-card .btn{font-size:12px;min-height:44px;padding:10px;white-space:normal}.estate-card .btn:last-child{background:transparent;border:1px solid #bed7bf44;color:#b9cfc4}.estate-art{height:90px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 80%,#74938088,transparent 70%),linear-gradient(150deg,#385f5e,#193b43);border-radius:12px;overflow:hidden}.estate-art svg{width:44px;height:44px;filter:drop-shadow(3px 7px 1px #061c2966);color:#c5d5c5}.estate-art span{position:absolute;bottom:5px;left:9px;font-size:9px;letter-spacing:1px;color:#d4e2c7}.estate-forest .estate-art{background:radial-gradient(ellipse,#61927a,#234b3d)}.estate-farm .estate-art{background:radial-gradient(ellipse,#9e965a,#515d32)}.exchange-banner,.chapter-hero{background:linear-gradient(120deg,#27554f,#123540);padding:24px;border:1px solid #d4b76c66;border-radius:20px;margin-bottom:24px}.exchange-banner .btn{margin:6px 8px 8px 0}.exchange-banner small{display:block;color:#b7cbc2;margin-top:10px;font-size:12px}.exchange-balances{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.exchange-balances strong{font-size:19px;display:flex;flex-direction:column;gap:5px;background:#e4c38212;border:1px solid #e4c38255;border-radius:12px;padding:15px;color:#ead09b}.exchange-balances small{font-size:10px;font-weight:400;color:#b6c8c6}.exchange-filter{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exchange-filter .field{margin:0}.exchange-filter .btn{grid-column:1/-1}.exchange-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.exchange-orders{display:grid;grid-template-columns:1fr;gap:12px}.exchange-order{background:#122f38;border:1px solid #9cb3a333;border-radius:14px;padding:16px;margin-bottom:12px;min-width:0;overflow-wrap:anywhere}.exchange-order-head{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap}.exchange-order h3{font-size:17px;margin:12px 0 7px}.exchange-order h3 span{font-size:11px;font-weight:400;display:block;color:#bdcec5;margin-top:5px}.exchange-order p{font-size:13px;line-height:1.6;color:#bdd0c8}.exchange-order small{color:#9eb6b5;font-size:11px}.exchange-order .btn{width:100%;margin-top:10px;min-height:44px;white-space:normal}.order-price{display:flex;flex-direction:column;gap:6px;margin:15px 0}.order-price strong{font-size:21px;color:#eac77c}.weekly-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid #c5d4bf22}.weekly-row>span{font-size:13px}.weekly-row small{display:block;font-size:11px;margin-top:4px;color:#a9c0b7}.weekly-row .btn{font-size:11px;min-height:44px;white-space:normal;max-width:55%;padding:9px 12px}.project-card{margin-bottom:22px;padding:22px;border:1px solid #c8ad6966;background:linear-gradient(150deg,#31504f,#112d3b);border-radius:20px}.project-card h2{font-family:Georgia,serif;color:#efdbb3;font-size:27px}.project-card p{color:#bccdc3;font-size:13px;line-height:1.6}.project-art{display:flex;align-items:center;justify-content:center;height:110px;font-size:70px;color:#f0c977;text-shadow:0 0 30px #edc97666;background:radial-gradient(ellipse,#758b6766,transparent 65%)}.project-card.complete{border-color:#86d8a4}.harbor-growth{position:absolute;bottom:22%;left:15%;display:flex;flex-direction:column;gap:4px;pointer-events:none;filter:drop-shadow(0 2px 4px #123b4b55)}.harbor-growth span{background:#0a3344c9;border:1px solid #d9dfb47a;color:#efead3;font-size:10px;border-radius:5px;padding:4px 7px}.world-spot em{font-style:normal;font-size:8px;display:block;color:#f2d38a}.world-spot.upgraded{filter:drop-shadow(0 0 8px #f3d17c)}.world-inner.developed:after{content:'⚑';position:absolute;left:63%;top:60%;font-size:40px;color:#f1c65c;text-shadow:0 3px 4px #153d4c}.earned-lighthouse{animation:beacon 4s ease-in-out infinite}@keyframes beacon{50%{box-shadow:0 0 20px #f6dc8c}}
@media(max-width:1200px){.estate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.world-route .expansion-nav{top:320px;gap:5px;left:12px;right:12px}.world-route .expansion-nav .btn{font-size:10px;min-height:36px;padding:7px}.world-route .expansion-nav svg{width:13px;height:13px}.expansion-nav .btn{flex:1 1 40%}.estate-grid{grid-template-columns:1fr 1fr;gap:10px}.resource-estate{padding:16px;border-radius:18px}.expansion-heading{align-items:flex-start;flex-direction:column}.expansion-heading h2{font-size:28px}.estate-card{padding:12px}.estate-card h3{font-size:14px}.estate-art{height:78px}.exchange-banner{padding:18px}.exchange-banner h2{font-size:25px}.exchange-balances strong{font-size:16px;padding:11px}.exchange-filter{grid-template-columns:1fr 1fr}.chapter-hero{padding:18px}.harbor-growth{bottom:28%;left:12%}.project-card{padding:16px}}
@media(max-width:359px){.estate-grid,.exchange-filter{grid-template-columns:1fr}.world-route .expansion-nav{top:310px}.exchange-balances{grid-template-columns:1fr}.weekly-row{align-items:flex-start;flex-direction:column}.weekly-row .btn{max-width:100%;width:100%}.project-card h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.earned-lighthouse{animation:none}}body:has(#modal[open]) .whatsapp-support{display:none}body:has(#modal[open]) .expansion-nav{pointer-events:none}body:has(#modal[open]) #modal .expansion-nav{pointer-events:auto}
.world-route .expansion-nav{position:static;justify-content:initial;margin-bottom:20px}.whatsapp-support{position:static!important;margin:16px auto 100px;transform:none!important;width:max-content!important;max-width:calc(100% - 32px);height:auto!important;padding:12px 18px!important;border-radius:12px!important}.whatsapp-support span{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip-path:none!important;white-space:normal!important}.facility-actions{flex-wrap:wrap}.facility-actions .btn{min-width:0;white-space:normal}.expansion-nav .btn{background:#183b43;color:#d7e5d5;border:1px solid #9ab69b66}.world-route .expansion-nav .btn{backdrop-filter:none}.harbor-growth{left:4%;bottom:20%;opacity:.9}
.growth-crates{position:absolute;left:44%;top:61%;width:68px;display:flex;flex-wrap:wrap;gap:3px;transform:skewY(-12deg);pointer-events:none}.growth-crates i{display:block;width:17px;height:13px;background:linear-gradient(90deg,#ba783d 45%,#ebbc65 46% 55%,#ad6e39 56%);border:1px solid #734921;border-top:4px solid #e8b56c;box-shadow:2px 3px 0 #483a2f88}.growth-pier{position:absolute;left:37%;top:78%;color:#eac063;pointer-events:none;filter:drop-shadow(2px 4px 2px #0c394d)}.growth-pier span{font-size:40px}.growth-pier b{font-size:9px;position:absolute;top:20px;left:14px}
.captain-next-step{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;background:linear-gradient(110deg,#204744,#12303c);border:1px solid #d9bc6e66;border-radius:18px;margin:0 0 22px}.captain-next-step h3{font-family:Georgia,serif;color:#f0deb5;font-size:23px;margin:8px 0}.captain-next-step p{color:#b2cbbd;font-size:13px;line-height:1.5;margin:0}.captain-next-step .btn{flex:none}@media(max-width:600px){.captain-next-step{padding:18px;align-items:flex-start;flex-direction:column}.captain-next-step .btn{width:100%}}
.project-art:has(img){height:auto;margin-bottom:20px}.project-art img{width:100%;height:auto;max-height:180px;object-fit:contain;border-radius:16px}

.page-hidden *{animation-play-state:paused!important}