/* Chapter composition: the scenery remains separate from every live control. */
.section .section-head .btn{margin-top:12px;min-height:43px;padding:10px 23px;font-size:13px}
.boat-section{background-position:57% top;min-height:880px;padding-bottom:55px}
.boat-section .section-head{max-width:43%}
.boat-section h2{font-size:clamp(38px,4.2vw,62px)}
.boat-layout{margin-top:80px;gap:11%;align-items:end}
.boat-section .blueprint{max-width:460px;min-height:325px;transform:rotate(-3deg);border-radius:4px}
.boat-section .part-copy{max-width:380px;margin-bottom:16px;backdrop-filter:blur(8px)}
.blueprint .pin{box-shadow:0 4px 12px #022b3f55}
.boat-section .blueprint:before{content:'';position:absolute;inset:9px;border:1px solid #a5e0cf70;pointer-events:none}
.demo-section{padding-top:58px;padding-bottom:58px;background:#c7eff1}
.demo-section .section-head{max-width:610px}
.demo-shell{border-radius:8px!important;grid-template-columns:minmax(0,1fr) 300px;box-shadow:0 22px 50px #04425a40}
.demo-stage{min-height:600px}
.demo-controls{background:#fff5df;box-shadow:inset 1px 0 #d1b88680}
.demo-controls .rarities button{border-radius:5px;border:1px solid #d9c7a6}
.demo-controls .cycle-steps{gap:8px}
.demo-controls .cycle-steps span{font-size:11px}
.stage-top{padding:20px}
.stage-info{padding:75px 28px 26px}
.demo-boat{top:12%;width:52%;left:17%}
.creature{width:39%;height:35%;top:48%;right:9%}
.progression{background-color:#f3dfb3;background-image:radial-gradient(ellipse at 75% 40%,#63b9c16b,transparent 60%),repeating-linear-gradient(0deg,transparent 0 79px,#a2844920 80px),repeating-linear-gradient(90deg,transparent 0 79px,#a2844920 80px)}
.progression>.route-art{right:-3%;top:20px;width:72%;height:860px;opacity:1}
.route-art svg{display:block;position:absolute;left:22%;top:25%;width:60%;height:48%;transform:rotate(70deg);color:#fff9df;filter:drop-shadow(0 2px 2px #0a515d)}
.journey{position:relative;max-width:680px;column-gap:120px;row-gap:22px}
.journey-step{position:relative;border:1px solid #cba96b!important;box-shadow:0 8px 18px #65502240}
.journey-step:before{content:'✦';position:absolute;top:10px;right:12px;color:#bc9554;font-size:15px}
.journey-step.active{background:#fff7df!important;color:#083c48;box-shadow:0 8px 22px #67512250,inset 0 0 0 3px #e3b95c}
.journey-step.active small,.journey-step.active span{color:#6e654e}
.journey-detail{position:relative;border-radius:5px;border-color:#c9ab72}
.economics{background-position:58% top;background-size:cover}
.economics .section-head{min-height:270px;margin-bottom:55px}
.economics h2{font-size:clamp(38px,4.1vw,59px)}
.economy-flow article{min-height:210px;backdrop-filter:blur(6px);position:relative;padding-top:23px}
.economy-flow article:before{content:'⚓';position:absolute;right:21px;top:23px;color:#a98643;font-size:24px;opacity:.65}
.economy-flow article:nth-child(2):before{content:'◉';color:#d49e32}
.economy-flow article:nth-child(3):before{content:'♧';color:#076475}
.economy-flow h3{margin-bottom:12px}
.flow-num{font-family:Georgia,serif}
.economy-notes{backdrop-filter:blur(7px)}
.prereg{background-position:49% center;position:relative}
.prereg .prereg-copy{max-width:540px}
.pr-counter{width:fit-content;min-width:290px}
.prereg-card{transform:rotate(.5deg);box-shadow:0 22px 65px #49331965}
.prereg-card:after{content:'M';position:absolute;right:20px;bottom:17px;width:70px;height:70px;border:3px double #ac956d40;border-radius:50%;display:grid;place-items:center;font:italic 38px Georgia;color:#ac956d40;transform:rotate(-20deg);pointer-events:none}
.community{background:linear-gradient(90deg,#fff1dcec 0%,#fff1dcaa 38%,transparent 65%),url('assets/chapter-community.png') center/cover;min-height:800px}
.community-tabs{margin-top:110px}
.community-copy>h3{max-width:360px}
.community-copy>p{max-width:410px}
.community .ref-panel{margin-top:250px;border-radius:4px}
.faq{background:linear-gradient(#f7ebd5f0,#f7ebd5e5),url('assets/chapter-community.png') center bottom/cover}
.questions details{border:1px solid #d5b88a;border-radius:4px;box-shadow:0 4px 12px #6d4c2510}
.closing{background-position:center 65%}
.section .btn:focus-visible,.section .pin:focus-visible,.section .journey-step:focus-visible{outline-color:#c78d32;outline-offset:5px}
@media(min-width:1500px){.boat-section{min-height:1000px}.boat-layout{margin-top:140px}.economics .section-head{min-height:320px}}
@media(max-width:1000px) and (min-width:761px){.boat-section .section-head{max-width:48%}.boat-section{min-height:860px}.boat-layout{gap:6%;margin-top:95px}.demo-shell{grid-template-columns:minmax(0,1fr) 270px}.journey{column-gap:65px}.economics .section-head{min-height:260px}.community{min-height:850px}.community .ref-panel{margin-top:235px}}
@media(max-width:760px){.boat-section{min-height:0;background-position:63% top}.boat-section .section-head{max-width:100%}.boat-section h2{max-width:310px;font-size:39px}.boat-layout{margin-top:80px;gap:20px}.boat-section .blueprint{max-width:none;min-height:300px}.boat-section .part-copy{max-width:none;margin-bottom:0}.demo-shell{grid-template-columns:1fr}.demo-stage{min-height:420px}.demo-controls{box-shadow:inset 0 1px #d1b88680}.demo-boat{top:14%;width:59%;left:12%}.creature{width:42%;height:34%;top:48%}.progression>.route-art{width:120%;height:650px;right:-14%;top:215px}.journey{column-gap:22px;row-gap:25px;margin-top:135px}.economics{background-size:auto 720px;background-position:61% top;background-repeat:no-repeat}.economics .section-head{min-height:390px;margin-bottom:10px}.economy-flow article{min-height:160px}.prereg-card{transform:none}.pr-counter{min-width:0;width:100%}.community{min-height:0;background-size:auto 850px;background-position:66% top;background-repeat:no-repeat;background-color:#efd9b9}.community-tabs{margin-top:150px}.community .ref-panel{margin-top:0}.faq{background-size:auto 900px}.route-art svg{opacity:.7}}
/* Second scenic pass: cream reading light, nautical controls and denser chapters. */
.section{padding-left:max(7%,calc((100vw - 1190px)/2));padding-right:max(7%,calc((100vw - 1190px)/2))}
.section h2{font-size:clamp(36px,3.55vw,54px);line-height:1.04;letter-spacing:-.04em}
.section .section-head>p:not(.eyebrow){font-size:15px;line-height:1.65;color:#173e48}
.section .section-head .btn{background:linear-gradient(#087a87,#035464);box-shadow:0 5px 12px #003a4930;border-radius:30px;color:#fff8e7}
.boat-section{min-height:800px;padding-top:60px;background-image:linear-gradient(90deg,#fff4deee 0%,#fff4deb8 23%,#fff4de00 57%),url('assets/chapter-shipyard.png');background-position:center top}
.boat-section .section-head{max-width:44%}.boat-section .section-head>p{max-width:355px}
.boat-layout{margin-top:55px;gap:13%;grid-template-columns:1fr 1fr;align-items:end}
.boat-section .blueprint{max-width:430px;min-height:290px;border-radius:3px;box-shadow:0 15px 25px #34241166;transform:rotate(-3deg)}
.boat-section .part-copy{max-width:385px;padding:25px;background:#fff7e9f5;border-radius:5px;box-shadow:0 14px 28px #392a2040}
.part-copy .feature-line{margin:12px 0;padding:11px 0}.part-copy h3{line-height:1.08}.part-copy p{color:#38505a}
.demo-section{background:linear-gradient(180deg,#e9f4ec 0%,#b4e6e9 35%,#0f8294 80%,#064b62 100%);padding-top:55px;padding-bottom:55px}
.demo-section .section-head{max-width:610px;margin-bottom:26px}.demo-stage{min-height:500px}.demo-shell{grid-template-columns:minmax(0,1fr) 290px;border-width:3px!important}
.demo-controls{padding:24px}.demo-controls .eyebrow{color:#176d76}.demo-controls .cycle-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-controls .rarities button{min-height:44px}.demo-note{font-size:11px;color:#596459}
.progression{padding-top:55px;background-image:linear-gradient(90deg,#fff0d9f0 0%,#fff0d995 35%,transparent 70%),repeating-linear-gradient(0deg,transparent 0 79px,#a2844912 80px),repeating-linear-gradient(90deg,transparent 0 79px,#a2844912 80px)}
.progression .section-head{max-width:44%;min-height:210px}.progression>.route-art{top:25px;right:0;width:68%;height:750px}
.route-art svg{display:block;top:26%;height:46%;opacity:.8}.journey{max-width:650px;margin-top:20px;min-height:325px;column-gap:100px;row-gap:20px}
.journey-step{min-height:125px;padding:17px!important;border-radius:4px!important;background:#fff6e5f2}.journey-step strong{font-size:20px;line-height:1.1}.journey-step:nth-child(2){transform:translateY(10px)}.journey-step:nth-child(3){transform:translateX(35px)}.journey-step:nth-child(4){transform:translateY(30px)}
.journey-detail{max-width:760px;padding:22px;border-radius:4px}.creatures-row{min-height:285px;margin-top:40px!important;border-radius:6px;padding:28px!important}
.economics{background-image:linear-gradient(90deg,#fff4e4ed 0%,#fff4e4ac 25%,transparent 62%),url('assets/chapter-market.png');background-position:center top;padding-top:55px}
.economics .section-head{max-width:46%;min-height:260px;margin-bottom:40px}.economy-flow article{min-height:185px;padding:23px;background:#fff8eaf5;border-radius:5px}.economy-flow h3{font-size:26px}.calculator{padding:26px;border-radius:5px}.calculator h3{font-size:27px}.economy-notes{border-radius:5px;padding:23px}
.prereg{padding-top:55px;padding-bottom:55px;background-image:linear-gradient(90deg,#fff2d9d9 0%,#fff2d966 36%,transparent 65%),url('assets/chapter-sunset.png');gap:9%}.prereg h2{font-size:clamp(38px,3.55vw,54px)}
.prereg-card{padding:28px;border-radius:6px;margin-top:0}.prereg-card h3{font-size:29px}.prereg-copy{padding-top:5px}.prereg-copy>p{max-width:465px;line-height:1.65}.pr-counter{padding:16px 20px;border-radius:5px}.pr-counter strong{font-size:56px}.pr-goals{padding:17px;border-radius:5px}
.community{padding-top:55px;padding-bottom:55px;min-height:730px;background-image:linear-gradient(90deg,#fff0dbed 0%,#fff0dbc9 28%,#fff0db00 67%),url('assets/chapter-community.png');background-position:center center;gap:8%}
.community-tabs{margin-top:145px;border-radius:5px;background:#fff6e8f2}.community-copy>h3{font-size:27px}.community-copy>p{line-height:1.6}.community .ref-panel{margin-top:210px;border-radius:5px;background:#fff6e8f7!important}.ref-panel:before{background:#c4ad7880}.faq{padding-top:50px;padding-bottom:50px}.faq h2{font-size:43px}.questions details{border-radius:3px;background:#fff7e9f2}.questions summary{padding:16px 0}
@media(min-width:1500px){.boat-section{min-height:900px}.boat-layout{margin-top:95px}.economics .section-head{min-height:310px}}
@media(max-width:1000px) and (min-width:761px){.section{padding-left:6%;padding-right:6%}.boat-section{min-height:800px}.boat-layout{gap:6%;margin-top:60px}.boat-section .section-head{max-width:49%}.demo-shell{grid-template-columns:minmax(0,1fr) 260px}.demo-stage{min-height:520px}.economics .section-head{max-width:52%;min-height:260px}.community{gap:5%}.community .ref-panel{margin-top:235px}}
@media(max-width:760px){
 .section{padding:42px 6%}.section h2{font-size:36px}.section .section-head>p:not(.eyebrow){font-size:14px;line-height:1.6}.section .eyebrow{letter-spacing:.14em;font-size:10px}
 .boat-section{background-image:linear-gradient(180deg,#fff4e5f2 0%,#fff4e5a6 28%,#fff4e500 48%,#f9efd9 770px),url('assets/chapter-shipyard.png');background-size:100% 100%,auto 780px;background-position:center top,64% top;min-height:0}
 .boat-section .section-head{max-width:100%;min-height:300px}.boat-section h2{max-width:320px;font-size:36px}.boat-section .section-head>p:not(.eyebrow){background:none;padding:0;border-radius:0;max-width:285px;color:#143b46}.boat-layout{margin-top:45px;grid-template-columns:1fr;gap:22px}.boat-section .blueprint{min-height:280px!important;max-width:100%}.boat-section .part-copy{max-width:none;margin:0;padding:23px}.part-copy h3{font-size:27px}
 .demo-section .section-head{margin-bottom:24px}.demo-shell{grid-template-columns:1fr}.demo-stage{min-height:360px}.demo-controls{padding:23px}.demo-controls .rarities{grid-template-columns:repeat(3,1fr)}.demo-controls .cycle{margin-top:24px}.stage-top{padding:14px}.stage-info{padding:50px 20px 20px}.demo-boat{width:62%;left:10%;top:14%}.creature{width:43%;height:33%;top:48%}
 .progression .section-head{max-width:100%;min-height:220px}.progression>.route-art{width:125%;height:570px;top:230px;right:-15%}.journey{margin-top:85px;column-gap:20px;row-gap:25px;min-height:350px}.journey-step{min-height:145px;padding:14px!important}.journey-step strong{font-size:18px}.journey-step:nth-child(3){transform:none}.journey-step:nth-child(4){transform:translateY(25px)}.journey-detail{margin-top:10px;padding:20px}.journey-meta{display:none}.creatures-row{margin-top:35px!important;min-height:270px;padding:22px!important}.creatures-row h3{font-size:29px}
 .economics{background-image:linear-gradient(180deg,#fff4e3f2 0%,#fff4e3b0 30%,transparent 49%,#f1ddba 670px),url('assets/chapter-market.png');background-size:100% 100%,auto 670px;background-position:center top,62% top}.economics .section-head{max-width:100%;min-height:390px;margin-bottom:0}.economics .section-head h2{max-width:320px}.economics .section-head>p:not(.eyebrow){background:none;padding:0;max-width:275px}.economy-flow{gap:12px}.economy-flow article{min-height:145px;padding:21px}.calculator{padding:22px;gap:20px}.calculator h3{font-size:25px}.calc-result{padding:25px}.economy-notes{padding:22px;gap:23px}
 .prereg{grid-template-columns:1fr;gap:22px;background-image:linear-gradient(180deg,#fff1dce0 0%,#fff1dc90 25%,transparent 50%,#efdec3 1000px),url('assets/chapter-sunset.png');background-size:100% 100%,auto 1000px;background-position:center top,58% top}.prereg h2{font-size:37px}.prereg-copy>p{background:none;padding:0;max-width:300px;font-size:14px}.pr-counter{margin-top:135px;width:100%}.prereg-card{padding:24px;transform:none}.pr-goals{padding:16px}.pr-note{font-size:12px}
 .community{min-height:0;grid-template-columns:1fr;gap:26px;background-image:linear-gradient(180deg,#fff0ddf2 0%,#fff0dda1 30%,transparent 53%,#efd9b9 850px),url('assets/chapter-community.png');background-size:100% 100%,auto 850px;background-position:center top,68% top}.community-copy>p{background:none;padding:0;max-width:285px;font-size:14px}.community-tabs{margin-top:165px}.community-copy>h3{margin-top:23px}.community .ref-panel{margin-top:0;transform:none;padding:24px}.faq h2{font-size:36px}.questions summary{font-size:14px;line-height:1.4}.questions details{padding:0 16px}.closing{min-height:390px}.closing h2{font-size:42px}
}
/* Final harbor composition: retain the painted scene's natural scale. */
.economics{background-color:#efdfbd;background-size:100% 100%,100% auto;background-repeat:no-repeat;background-image:linear-gradient(90deg,#fff4e4ed 0%,#fff4e49c 26%,transparent 63%),url('assets/chapter-market.png')}
.economics .section-head{min-height:280px;margin-bottom:25px}
.economy-flow article{border:1px solid #d9bd8a;box-shadow:0 10px 22px #573f2926,inset 0 0 0 4px #fffbf280}
.economy-flow article:before{font-size:22px;opacity:.8}
.calculator{border:1px solid #d1b681;box-shadow:0 12px 26px #573f2926,inset 0 0 0 5px #fffdf580}
.calculator input[type=range]{accent-color:#087780}
.calc-result{background:linear-gradient(145deg,#0b8790,#07566a);border:1px solid #096f7c;box-shadow:inset 0 0 0 4px #85d8c31a}
.economy-notes{background:#fff7e8f5}
.blueprint .pin{border:1px solid #ddcfa2;box-shadow:0 3px 8px #001b2d50}
.boat-section .part-copy,.journey-detail,.community .ref-panel{border:1px solid #cdb17f;box-shadow:0 13px 26px #392a2033,inset 0 0 0 4px #fffcf580}
.journey-step{background:linear-gradient(135deg,#fff9ec,#f7ebd1);border:1px solid #bf9d61!important}
.journey-step.active{border-color:#a78336!important}
.creatures-row{border:1px solid #69a6a5;background:linear-gradient(120deg,#c9ebe0f2,#e5f0ddeb);box-shadow:inset 0 0 0 4px #f8ffef55,0 10px 24px #0d626224}
.prereg-card{background:linear-gradient(120deg,#fff9edf7,#fff0d9f7);border:1px solid #ceb07c;box-shadow:0 20px 45px #4933194d,inset 0 0 0 5px #fffcf680}
.prereg-card:before{color:#806233;letter-spacing:.14em}
.prereg .field input,.pr-profile span{border-radius:4px;background:#fff9ed;border-color:#d4bd91}
.pr-profile input:checked+span{background:#087580;border-color:#087580}
.pr-counter,.pr-goals,.pr-note{border:1px solid #d1b98b;background:#fff6e7f2}
.pr-track{height:8px}.pr-goals li{border-radius:4px!important}.pr-goals li.next{box-shadow:0 3px 12px #a8762120}
.community-tabs{border-radius:4px;box-shadow:0 4px 12px #473a2220}.community-tabs button{border-radius:3px}
.questions details{box-shadow:0 3px 8px #6b46200e}.questions details[open]{border-color:#a88a53;border-radius:4px}
.closing{background-image:linear-gradient(#07394d38,#05344785),url('assets/chapter-sunset.png');border-top:1px solid #d3b788}
@media(min-width:1500px){.economics .section-head{min-height:310px}}
@media(max-width:760px){
 .economics{background-image:linear-gradient(180deg,#fff4e3f2 0%,#fff4e39c 28%,transparent 50%,#efdfbd 670px),url('assets/chapter-market.png');background-size:100% 100%,auto 670px;background-position:center top,62% top}
 .economics .section-head{min-height:390px;margin-bottom:0}
 .economy-flow article{min-height:0;padding:20px}.economy-flow article:before{top:20px}.economy-flow h3{margin-bottom:8px}
 .prereg{background-position:center top,55% top}
 .prereg-copy>p{line-height:1.55}.pr-counter{margin-top:105px;padding:15px 17px;margin-bottom:18px}.pr-counter strong{font-size:52px}.pr-counter span{font-size:15px}.pr-counter small{font-size:12px}
 .pr-goals{padding:15px}.pr-next{font-size:12px;line-height:1.5}.pr-note{padding:12px;font-size:11px;line-height:1.5}
 .prereg-card{padding:23px}.prereg-card:before{font-size:8px;letter-spacing:.12em}.prereg-card h3{font-size:28px}
 .field{font-size:12px}.field input{padding:12px}.pr-consent{font-size:12px}.pr-profile span{padding:10px;font-size:13px}#pr-submit{font-size:14px;padding:14px}
 .community-tabs{margin-top:150px}.community .ref-panel{box-shadow:0 12px 24px #392a2033}.closing{min-height:360px}
}