/* Six reference compositions, with independent live HTML overlays. */
body #barco>.pin{right:auto!important;bottom:auto!important;width:max-content;height:auto;min-height:0}
.species-grid article[hidden]{display:none!important}
body #comunidade:has(details[open]){overflow:visible;height:auto;min-height:1250px}
body #comunidade:has(details[open]) #faq,body #comunidade:has(details[open]) .story-panel{bottom:4%}
body .welcome,body .manifest,body .closing{display:none}
body .section{position:relative;display:block;isolation:isolate;width:100%;height: min(1050px,90vw);min-height:850px;padding:0;overflow:hidden;background-size:100% 100%;background-repeat:no-repeat;border:0;margin:0;color:#082a39}
body .section:before,body .section:after{display:none}
body .section h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,4.7vw,72px);line-height:.98;letter-spacing:-2px;color:#082a39;margin:20px 0}
body .section h2 em{color:#007684;font-style:normal}
body .section .section-head,body .prereg-copy,body .community-copy{position:absolute;top:7%;left:7.5%;width:37%;max-width:510px;margin:0;padding:0;background:none;transform:none;text-align:left}
body .section .eyebrow{font-size:13px;letter-spacing:2px;color:#005c70;margin:0 0 20px}
body .section .section-head>p:not(.eyebrow),body .prereg-copy>p:not(.eyebrow),body .community-copy>p:not(.eyebrow){font-size:17px;line-height:1.5;max-width:360px;color:#153848}
body .section .btn{background:#006777;color:white;border-radius:28px;box-shadow:none;padding:13px 24px;font-size:14px;min-height:44px;border:0}
body #barco{background-image:url('assets/board-fleet.png')}
body #demo{background-image:url('assets/board-ocean.png')}
body #progressao{background-image:url('assets/board-map.png')}
body #economia{background-image:url('assets/board-market.png')}
body #pre-registro{background-image:url('assets/board-sunset.png')}
body #comunidade{background-image:url('assets/board-community.png')}
body .boat-layout{position:static;margin:0;display:block}
body .blueprint{position:absolute;left:4%;bottom:3%;width:43%;height:35%;max-width:none;min-height:0;transform:rotate(-3deg);background:#084b60e8;border:2px solid #c4ddc17a;box-shadow:0 15px 30px #002b3980;padding:16px;border-radius:3px;overflow:visible}
body .blueprint img{width:85%;height:70%;object-fit:contain;filter:grayscale(1) brightness(1.8);opacity:.7;mix-blend-mode:screen}
body .blueprint .pin{position:fixed;background:#fff5de;color:#173d47;border:1px solid #c8a974;border-radius:24px;box-shadow:0 4px 12px #05344722;transform:rotate(3deg);font-size:13px;padding:12px 20px;white-space:nowrap}
body .blueprint .p1{left:160%;top:-5%}body .blueprint .p2{left:120%;top:-55%}body .blueprint .p3{left:119%;top:-100%}
body .blueprint .diagram-title{font-size:11px;color:#d8eadb}body .diagram-bottom{color:#d8eadb;font-size:10px}
body .part-copy{position:absolute;left:51%;bottom:5%;max-width:38%;background:#fff4dce8;padding:18px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .2s}
body .boat-section:focus-within .part-copy{opacity:1;pointer-events:auto}body .part-copy .big-number{display:none}body .part-copy h3{font-size:23px}body .part-copy p{font-size:14px}
body .species-panel{position:absolute;right:5%;top:7%;width:46%;padding:23px;background:#fff7e5;border:1px solid #ebd8b5;border-radius:16px;box-shadow:0 8px 24px #08748b25}
body .species-panel h3{font-size:18px;margin:0 0 14px}.species-filters{display:flex;gap:7px}.species-filters button{font-size:10px;background:#fbf3e3;color:#31505b;padding:6px 10px;border:1px solid #eadfc8;border-radius:8px}.species-filters button.active{background:#005568;color:white}.species-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px}.species-grid article{text-align:center;border-right:1px solid #e9dfc6}.species-grid article:last-child{border:0}.species-grid img{width:100%;height:80px;object-fit:contain}.species-grid strong,.species-grid small{display:block;font-size:12px}.illustrative{display:block;font-size:9px;letter-spacing:1px;color:#60716a;margin-top:10px}
body .demo-shell{display:none;position:absolute;inset:42% 6% 6%;z-index:5;grid-template-columns:1fr 300px}body .show-demo .demo-shell{display:grid}body .demo-stage{min-height:0}body .demo-controls{overflow:auto;padding:20px}body .demo-controls .rarities{flex-wrap:wrap}body .board-demo-button{margin-top:12px}
body .route-art,body .creatures-row{display:none}body .journey{position:absolute;inset:0;margin:0;display:block;pointer-events:none;background:none;border:0}body .journey-step{position:absolute;width:29%;padding:18px 20px;background:#fff4deed;border:1px solid #d3b887;border-radius:10px;box-shadow:0 8px 20px #613e122a;pointer-events:auto;min-height:110px;text-align:left;display:grid;grid-template-columns:30px 1fr;gap:6px 9px}body .journey-step>span{grid-row:1/3;font-size:18px;color:#0b4254}body .journey-step strong{font:700 19px Georgia}body .journey-step small{font-size:13px;line-height:1.4}body .journey-step:nth-child(1){left:24%;bottom:9%}body .journey-step:nth-child(2){left:13%;top:43%}body .journey-step:nth-child(3){right:11%;top:10%}body .journey-step:nth-child(4){right:6%;top:62%}body .journey-step.active{border:2px solid #bc882f}body .journey-detail{position:absolute;bottom:1%;left:27%;width:55%;padding:10px 18px;background:#fff4dce8;display:none}body .progression:focus-within .journey-detail{display:flex}body .journey-detail h3{font-size:16px}body .journey-detail p{font-size:12px}body .journey-meta{display:none}
body .economy-prop,body .economy-notes{display:none}body .economy-flow{position:absolute;left:10%;right:10%;top:47%;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0}body .economy-flow article{min-height:195px;background:#fff4dff5;border:1px solid #d9c294;border-radius:15px;padding:20px;text-align:center;box-shadow:0 10px 25px #53351e25}body .economy-flow h3{font:700 18px Georgia;margin:4px 0}body .economy-flow strong{font:700 36px Georgia}body .economy-flow p{font-size:13px;margin:6px 0 12px}body .economy-flow a{font-size:12px;font-weight:700}.stat-icon{font-size:32px}.economy-flow>.illustrative{position:absolute;bottom:-18px;color:#fff7e3}
body .calculator{position:absolute;left:6%;right:6%;bottom:4%;height:24%;min-height:240px;display:grid;grid-template-columns:1.8fr 1fr;padding:24px;background:#fff4e1f7;border-radius:18px;gap:26px;margin:0;border:1px solid #d3be90}body .calculator h3{font:700 24px Georgia;margin:0 0 6px}body .calculator .eyebrow{font-size:9px;margin:0 0 4px}body .calculator p{font-size:12px;line-height:1.3;margin:0 0 8px}body .calculator label{font-size:12px;margin:8px 0}body .calculator input[type=range]{height:8px;margin:5px 0}body .calc-result{border-radius:12px;padding:15px;background:#007c8b;color:white}body .calc-result strong{font-size:44px;margin:10px 0}body .calc-result small{font-size:10px}body .calc-result>span{font-size:10px}
body .prereg-copy{width:43%}body .prereg-card{position:absolute;top:6%;right:4%;width:42%;max-width:none;background:#fff2d8f5;padding:30px 34px;border:1px solid #dac08d;border-radius:20px;box-shadow:0 10px 25px #633e2330;transform:none}body .prereg-card h3{font:700 28px Georgia;margin:0 0 12px}body .prereg-card .field{font-size:12px;margin-bottom:10px}body .prereg-card input{background:#fff8e9}body .prereg-card .pr-profile{margin:10px 0}body .prereg-card .pr-consent{font-size:11px;margin:12px 0}body .prereg-card .btn{width:100%}body .pr-counter{background:#fff5dddf;margin-top:22px;width:max-content;padding:12px 20px;border-radius:10px}body .pr-goals{margin-top:20px;border-top:1px solid #d1bd94;padding-top:16px}body .pr-goals li{padding:8px 0}body .pr-goals ol{gap:4px}body .pr-note{font-size:11px!important;line-height:1.4}body .pr-next{font-size:12px}
body .community-copy{width:42%}body .community-copy h2{font-size:clamp(40px,4.3vw,64px)}body .community-crew,body .community-tabs,body #ref-title,body #ref-copy,body .community-copy .muted{display:none}body .community-cta{margin-top:12px}body #faq{position:absolute;left:5%;bottom:4%;width:44%;height:auto;min-height:0;padding:27px;background:#fff0d0f2;border:1px solid #b6955d;border-radius:8px;overflow:visible;box-shadow:0 12px 30px #57341440}body #faq>div:first-child .eyebrow{display:none}body #faq h2{font:700 26px Georgia;letter-spacing:-.5px;margin:0 0 10px}body .questions{width:100%;padding:0}body .questions details{background:none;border-bottom:1px solid #cbb890;padding:10px 0;margin:0}body .questions summary{font-size:13px;padding:0}body .questions details p{font-size:12px;padding:10px 0;line-height:1.4}body .story-panel{position:absolute;right:4%;bottom:4%;width:41%;padding:32px;background:#fff0d0f2;border:1px solid #b6955d;border-radius:8px;box-shadow:0 12px 30px #57341440}body .story-panel h3{font:700 26px Georgia;margin:0 0 16px}body .story-panel p{font-size:14px;line-height:1.5}body .story-panel details{margin-top:15px;font-size:12px}body #ref-panel{position:static;background:#fff4dc;padding:15px;margin-top:15px;border-radius:6px;box-shadow:none;width:100%}body .world-atmosphere{pointer-events:none}
body .blueprint{background:transparent;border:0;box-shadow:none;transform:none;pointer-events:none}body .blueprint>*{display:none}body #barco>.pin{position:absolute;z-index:3;background:#fff5de;color:#173d47;border:1px solid #c8a974;border-radius:24px;box-shadow:0 4px 12px #05344722;font-size:13px;padding:12px 20px;white-space:nowrap;transform:none}body #barco>.p1{left:75%;top:55%}body #barco>.p2{left:57%;top:32%}body #barco>.p3{left:56%;top:6%}.map-note{position:absolute;bottom:3%;left:7%;background:#fff0d6db;padding:7px;border-radius:5px}
@media(min-width:1500px){body .section{height:1050px;background-size:cover}}
@media(max-width:760px){body .section{height:980px;min-height:0;background-size:auto 100%;background-position:center}body .section h2{font-size:39px;letter-spacing:-1px}body .section .section-head,body .prereg-copy,body .community-copy{top:5%;left:7%;width:75%;max-width:none}body .section .section-head>p:not(.eyebrow),body .prereg-copy>p:not(.eyebrow),body .community-copy>p:not(.eyebrow){font-size:14px;max-width:270px}body .section .eyebrow{font-size:10px;margin-bottom:12px}body .blueprint{width:70%;height:26%;left:5%;bottom:5%}body .blueprint .pin{position:absolute;padding:8px 12px;font-size:10px}body .blueprint .p1{left:80%;top:-20%}body .blueprint .p2{left:62%;top:-55%}body .blueprint .p3{left:60%;top:-100%}body .part-copy{left:8%;bottom:33%;max-width:82%;padding:12px}body .species-panel{width:86%;top:36%;right:7%;padding:16px}.species-grid img{height:60px}.species-filters{gap:3px}.species-filters button{font-size:9px;padding:5px}body .demo-shell{inset:43% 4% 3%;grid-template-columns:1fr}body .demo-stage{height:280px}body .demo-controls{padding:12px}body .demo-controls .demo-note{font-size:10px}body .journey-step{width:58%;padding:12px;min-height:95px}body .journey-step strong{font-size:17px}body .journey-step small{font-size:12px}body .journey-step:nth-child(1){left:9%;bottom:5%}body .journey-step:nth-child(2){left:5%;top:42%}body .journey-step:nth-child(3){right:5%;top:29%}body .journey-step:nth-child(4){right:5%;top:68%}body .economy-flow{left:5%;right:5%;top:43%;gap:7px}body .economy-flow article{padding:12px 4px;min-height:168px}body .economy-flow h3{font-size:14px}body .economy-flow strong{font-size:27px}body .economy-flow p,body .economy-flow a{font-size:10px}body .calculator{left:5%;right:5%;height:32%;min-height:310px;bottom:4%;padding:16px;gap:12px;grid-template-columns:1fr 1fr}body .calculator h3{font-size:20px}body .calc-result strong{font-size:30px}body .calc-result{padding:15px 9px}body #pre-registro{height:1200px;background-position:40% center}body .prereg-card{width:86%;right:7%;top:35%;padding:24px}body .pr-counter{margin-top:10px;padding:8px 15px}body .prereg-copy{width:85%;top:4%}body .prereg-copy h2{font-size:39px}body #comunidade{height:1220px}body .community-copy{width:88%}body .community-copy h2{font-size:38px}body #faq{width:88%;left:6%;bottom:26%;padding:20px}body .story-panel{width:88%;right:6%;bottom:3%;padding:23px}body #faq h2,body .story-panel h3{font-size:23px}body .questions details{padding:9px 0}}
/* Explicit scene anchors override earlier atmosphere layout rules. */
body #demo>.species-panel,body #demo>.demo-shell,body #progressao>.journey,body #economia>.economy-flow,body #economia>.calculator,body #pre-registro>.prereg-copy,body #pre-registro>.prereg-card,body #comunidade>.community-copy,body #comunidade>.story-panel{position:absolute}
body .sale-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
body .sale-controls label{display:grid;gap:8px;color:#234652;font-size:13px}
body .sale-controls select,body .sale-controls input{width:100%;min-width:0;min-height:44px;border:1px solid #d6c399;border-radius:8px;background:#fff8e9;color:#173d47;padding:8px;font:inherit}
body .distribution-disclosure{font-size:12px;margin-top:12px}
body .distribution-disclosure .calculator{position:static;height:auto;min-height:0;width:100%;display:grid;margin-top:12px}
body #economia:has(.distribution-disclosure[open]){height:1400px}
body #economia>.calculator{height:auto;min-height:225px}
body #comunidade,body #comunidade:has(details[open]){height:auto;min-height:1050px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:4%;padding:570px 5% 50px}
body #comunidade>#faq,body #comunidade>.story-panel{position:relative;inset:auto;width:100%;margin:0;align-self:end}
@media(max-width:760px){
body #barco>.p1{left:63%;top:65%}body #barco>.p2{left:50%;top:48%}body #barco>.p3{left:58%;top:37%}
body #pre-registro{height:auto;min-height:1450px;padding:420px 7% 45px}
body #pre-registro>.prereg-card{position:relative;inset:auto;width:100%;padding:24px}
body #comunidade,body #comunidade:has(details[open]){display:grid;grid-template-columns:1fr;padding:460px 6% 40px;gap:24px;min-height:1220px}
body #comunidade>#faq,body #comunidade>.story-panel{inset:auto;width:100%;position:relative}
body #economia>.calculator{grid-template-columns:1fr;bottom:3%;min-height:310px;padding:16px;gap:12px}
body .sale-controls{gap:7px;margin-top:12px}body .sale-controls label{font-size:11px}
body .sale-calculator .calc-result{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px}
body .sale-calculator .calc-result strong{font-size:32px;margin:0}
body #demo>.demo-shell{inset:46% 4% 3%;grid-template-columns:1fr}
body .species-filters{flex-wrap:wrap}
}
body #progressao>.journey{width:auto;max-width:none;height:auto;transform:none}
body .economy-flow article:before,body .economy-flow article:after,body .calc-result:before,body .calc-result:after{display:none}
body .section{scroll-margin-top:70px}
@media(max-width:760px){body .section .section-head,body #pre-registro>.prereg-copy,body #comunidade>.community-copy{background:linear-gradient(100deg,#fff6e8ee,#fff6e88c 80%,transparent);border-radius:12px;padding:16px;left:4%;width:92%}body .section h2{font-size:36px}body #barco>.p3{top:45%}body #barco>.p2{top:55%}body #barco>.p1{top:68%}}
@media(max-width:760px){body #pre-registro{padding-top:510px}body #comunidade,body #comunidade:has(details[open]){padding-top:540px}}