/* Fleet collection, using the same warm harbor palette as the workshop. */
.terminal-panel{display:grid;grid-template-columns:260px 1fr;align-items:center;gap:24px;background:#e4eee1;border:2px solid #a3b69a;border-radius:24px;padding:24px;color:#4e604b;margin:20px 0}.terminal-copy h2{color:#245f68;font-size:28px;margin:8px 0}.terminal-copy h3{color:#665239}.terminal-copy p{color:#665239;line-height:1.55;font-size:13px}.terminal-copy .eyebrow{color:#477778}.terminal-copy .btn{margin:4px 5px 4px 0}.terminal-mini{position:relative;aspect-ratio:1;background:linear-gradient(160deg,#cfd5bd 64%,#71999a 65%,#45b8c1 70%);border-radius:20px;overflow:hidden}.terminal-mini svg{position:absolute;inset:0;width:100%;height:100%}.terminal-mini i{position:absolute;left:10%;bottom:12%;width:30%;height:15%;background:repeating-linear-gradient(90deg,#4d9493 0 6px,#3d7d80 6px 8px);border:2px solid #476769;border-radius:3px}.terminal-mini i:nth-of-type(2){bottom:28%;background:repeating-linear-gradient(90deg,#d39658 0 6px,#b57a44 6px 8px)}.terminal-mini i:nth-of-type(3){left:42%;background:repeating-linear-gradient(90deg,#bb6b50 0 6px,#93553f 6px 8px)}.terminal-complete{color:#2b7366!important;font-weight:bold}.terminal-copy .smallprint{font-size:11px}
.container-port{background:#4db8c7;isolation:isolate}.port-water{position:absolute;inset:0;background:radial-gradient(ellipse at 60% 55%,#8bd3d1,#2a91ab);overflow:hidden}.port-water:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(168deg,transparent 0 61px,#d5ffed24 63px 66px,transparent 69px 130px);animation:port-current 18s linear infinite}.port-concrete{position:absolute;left:0;top:0;width:100%;height:43%;background:linear-gradient(166deg,#d8d3b3,#adae98);border-bottom:16px solid #6b837e;box-shadow:0 7px #426c70}.port-concrete:after{content:'';position:absolute;bottom:0;left:0;right:0;height:14px;background:repeating-linear-gradient(110deg,#dcb253 0 24px,#4f5b52 24px 48px)}.terminal-scene{position:absolute;left:50%;top:50%;width:min(1250px,100%);height:100%;transform:translate(-50%,-50%)}.port-crane{position:absolute;width:38%;height:65%;left:0;top:0;z-index:1;filter:drop-shadow(5px 8px 2px #35565b35)}.port-crane svg{width:100%;height:100%}.crane-hoist{animation:crane-lift 9s ease-in-out infinite;transform-origin:373px 85px}.container-port .drydock-vessel{left:24%;top:20%;width:67%;z-index:5;animation:container-bob 6s ease-in-out infinite}.container-port .drydock-vessel .vessel-assembly{transform:none}.quay-containers{position:absolute;left:13%;top:29%;width:25%;height:11%;z-index:2}.quay-containers i{display:block;position:absolute;width:45%;height:65%;background:repeating-linear-gradient(90deg,#b66548 0 12px,#994e36 12px 15px);border:3px solid #955238;transform:skewY(-5deg);box-shadow:3px 4px #81503b}.quay-containers i:nth-child(2){left:48%;background:repeating-linear-gradient(90deg,#daa348 0 12px,#ae7e32 12px 15px)}.quay-containers i:nth-child(3){top:-72%;background:repeating-linear-gradient(90deg,#4b918c 0 12px,#367674 12px 15px)}.quay-containers i:nth-child(4){top:-72%;left:48%;background:repeating-linear-gradient(90deg,#e8d9b0 0 12px,#c4b184 12px 15px)}.port-sign{position:absolute;top:18%;right:4%;z-index:6;background:#285f65ec;color:#fff0c9;border:2px solid #e1c580;border-radius:14px;padding:12px 18px;box-shadow:0 4px #1a4e59}.port-sign span{display:block;font-size:8px;letter-spacing:.14em;color:#ebcd80}.port-sign b{display:block;font-size:24px;margin:5px 0}.port-sign small{font-size:11px}.port-work-banner{position:absolute;right:20px;bottom:91px;width:320px;max-width:calc(100% - 40px);padding:17px 20px;background:#fff2d2;border:3px solid #b39553;border-radius:20px;z-index:10;color:#604829;box-shadow:0 4px #89713d}.port-work-banner p{color:#715835;font-size:12px;margin:8px 0}.port-work-banner .btn{font-size:12px}.container-port.has-activity .port-work-banner{display:none}.container-port .drydock-tools{z-index:20}.container-port .island-drawer{z-index:30}.container-port.has-activity .terminal-scene{left:40%}
@keyframes port-current{to{transform:translateY(130px)}}@keyframes crane-lift{0%,100%{transform:translateY(0)}50%{transform:translateY(-45px)}}@keyframes container-bob{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-5px) rotate(.3deg)}}
@media(prefers-reduced-motion:reduce){.crane-hoist,.port-water:after,.container-port .drydock-vessel{animation:none}}
@media(max-width:700px){.terminal-panel{grid-template-columns:110px 1fr;padding:18px 14px;gap:12px}.terminal-copy h2{font-size:23px}.terminal-mini{align-self:start;margin-top:18px}.terminal-copy p{font-size:12px}.terminal-copy .btn{width:100%;font-size:11px}.port-crane{width:62%;top:14%;left:-10%;height:40%}.container-port .drydock-vessel{top:35%;left:4%;width:93%}.port-sign{right:12px;top:19%;padding:9px 12px}.port-sign b{font-size:19px}.port-sign small{font-size:10px}.quay-containers{top:38%;left:10%;width:35%;height:6%}.container-port.has-activity .terminal-scene{left:50%;top:41%}.port-work-banner{bottom:102px;right:12px;width:calc(100% - 24px);max-width:none;padding:12px 15px}.container-port.has-activity .island-drawer{max-height:44%}.container-port .drydock-tools{bottom:15px}.terminal-panel .smallprint{font-size:10px}}
.fleet-hero p,.fleet-milestone p,.fleet-progress p,.fleet-freight p,.ship-copy p{color:#665239}.fleet-hero .eyebrow,.fleet-grid .eyebrow,.fleet-progress .eyebrow,.fleet-freight .eyebrow{color:#477778}.fleet-grid small,.fleet-progress small{color:#715f40}
.fleet-hero,.fleet-milestone,.fleet-progress,.fleet-freight{color:#59452c;background:#fff5d9;border:2px solid #d2b575;border-radius:24px;padding:24px;margin:16px 0;box-shadow:0 5px 0 #b99a6038}
.fleet-hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;background:radial-gradient(ellipse at 85% 90%,#82c8c8,#edf3d2 48%,#fff3d6 75%);overflow:hidden;min-height:280px}
.fleet-hero h1{font-size:clamp(28px,4vw,44px);line-height:1.08;margin:12px 0;color:#245f68;max-width:540px}.fleet-hero p,.fleet-freight>p{line-height:1.6;max-width:720px}.fleet-hero>img{width:100%;filter:drop-shadow(0 10px 5px #2b727533)}
.fleet-pills{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.fleet-pills span{font-size:12px;padding:7px 10px;border-radius:20px;background:#fffc;color:#496454;border:1px solid #9eae82}
.fleet-milestone{display:flex;align-items:center;gap:16px;padding:16px 22px;background:#e8eed1}.fleet-milestone>span{font-size:30px;color:#377981}.fleet-milestone p{margin:5px 0;font-size:13px}.fleet-milestone>.btn{margin-left:auto;flex-shrink:0}
.fleet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.ship-card{display:flex;flex-direction:column;color:#55462e;background:#fff6df;border:2px solid #d2b575;border-radius:24px;overflow:hidden;box-shadow:0 4px 0 #b28f5740}.chosen-ship{border-color:#458c82;box-shadow:0 4px 0 #39736b}.ship-art{position:relative;background:radial-gradient(ellipse at 50% 80%,#8bd0cd,#dfeddb 70%);aspect-ratio:1.5}.ship-art>img{width:100%;height:100%;object-fit:contain;padding:18px 7px 0}.ship-art>span{position:absolute;top:12px;left:13px;border-radius:15px;padding:5px 9px;background:#fff4d5;color:#35686d;font-size:10px;font-weight:bold;letter-spacing:.05em}.chosen-ship .ship-art>span{background:#2b786e;color:#fff7d5}.locked-ship .ship-art{background:radial-gradient(ellipse,#b9cdcb,#e7eadd)}.ship-copy{padding:20px;display:flex;flex-direction:column;flex:1;min-width:0}.ship-copy h2{font-size:27px;color:#27636b;margin:8px 0}.ship-copy p{font-size:13px;line-height:1.55;margin:8px 0}.ship-copy>.btn{width:100%;margin-top:auto;white-space:normal}.ship-stats{display:grid;gap:6px;margin:12px 0 18px;font-size:12px}.ship-stats b{font-size:18px}.ship-price{padding:10px 0;border-top:1px solid #d6c9a5}.ship-price small{line-height:1.8}.fleet-progress{display:flex;align-items:center;gap:24px;background:#fff0c5}.fleet-progress>img{width:180px;max-width:30%;flex:none}.fleet-progress h2{margin:8px 0;color:#27636b}.fleet-progress .btn{margin:4px}.fleet-progress .speed-link{display:inline-flex}
.freight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px}.freight-card{padding:20px;border:1px solid #caba90;border-radius:18px;background:#fffbed;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.freight-card h3{color:#27636b;margin:5px 0;font-size:20px}.freight-card p{font-size:13px;margin:6px 0;line-height:1.5}.freight-card>b{font-size:13px}.freight-card>.btn{margin-top:auto;width:100%;white-space:normal}
.vessel-assembly{position:relative;width:100%;transform:scale(var(--ship-scale,1));transform-origin:50% 70%}.vessel-assembly>img{width:100%;height:auto;display:block}.vessel-assembly>.island-equipment-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.paint-blue .vessel-assembly>img{filter:hue-rotate(20deg)}.paint-copper .vessel-assembly>img{filter:hue-rotate(165deg) saturate(.9)}.drydock-vessel .vessel-assembly{transform:scale(min(var(--ship-scale,1),1.15))}.fleet-topdown{display:block;width:100%;height:100%}
@media(max-width:900px){.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-hero{grid-template-columns:1.3fr 1fr}.drydock-tools{gap:6px}.drydock-tools button{min-width:0}}
@media(max-width:560px){.fleet-hero{display:flex;flex-direction:column;padding:22px 18px}.fleet-hero>img{max-width:300px;margin:-20px 0 -25px}.fleet-hero h1{font-size:32px}.fleet-hero p{font-size:13px}.fleet-grid{grid-template-columns:1fr;gap:15px}.ship-card{display:grid;grid-template-columns:42% 58%}.ship-art{height:100%;aspect-ratio:auto;min-height:230px}.ship-art>img{padding:20px 0 0;transform:scale(1.12)}.ship-art>span{font-size:8px;left:7px;top:10px}.ship-copy{padding:16px 13px}.ship-copy h2{font-size:24px}.ship-copy .eyebrow{font-size:8px}.ship-copy p{font-size:11px}.ship-stats{font-size:10px;gap:5px;margin:10px 0}.ship-stats b{font-size:16px}.ship-copy .btn{font-size:11px;padding:10px 5px}.fleet-milestone{padding:14px;gap:10px;flex-wrap:wrap}.fleet-milestone>div{flex:1}.fleet-milestone p{font-size:11px}.fleet-milestone>.btn{width:100%}.fleet-freight{padding:20px 15px}.fleet-freight>p{font-size:12px}.freight-grid{grid-template-columns:1fr}.fleet-progress{padding:16px;gap:8px;align-items:flex-start}.fleet-progress h2{font-size:21px}.fleet-progress p{font-size:12px}.fleet-progress>img{width:90px}.fleet-progress .btn{font-size:11px}.drydock-tools button{flex:1;max-width:100px}}
.port-crane{width:32%;height:38%;left:1%;top:1%}.container-port .drydock-vessel{width:min(60%,calc(150dvh - 450px));left:32%;top:20%}.port-sign{left:34%;right:auto;top:15%}
.fleet-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.ship-card{grid-column:span 2}.container-ship-card{grid-column:span 3}.container-fleet-heading{grid-column:1/-1;color:#285f65;margin:20px 0 0;font-size:28px}.container-ship-card .ship-art{aspect-ratio:1.9}
@media(max-width:900px){.fleet-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.container-ship-card{grid-column:span 2}}
@media(max-width:560px){.fleet-grid{grid-template-columns:1fr}.ship-card,.container-ship-card{grid-column:auto}.container-ship-card .ship-art{aspect-ratio:auto}.container-fleet-heading{font-size:24px}}
@media(max-width:700px){.port-crane{width:62%;height:28%;left:-10%;top:12%}.container-port .drydock-vessel{width:93%;left:4%;top:35%}.port-sign{left:auto;right:12px;top:19%}.quay-containers{top:34%}}