/* A short, self-contained first chapter. All selectors stay inside its own UI. */
.welcome-entry{display:flex;align-items:center;gap:24px;margin:0 0 27px;padding:20px 24px;border:1px solid #c9bd8c65;border-radius:12px;background:linear-gradient(110deg,#2a4843e8,#17323bd9);box-shadow:0 10px 35px #0002}
.welcome-entry-faces{display:flex;flex-shrink:0;padding-right:8px}.welcome-entry-faces img{width:54px;height:68px;object-fit:cover;object-position:50% 24%;border-radius:30px 30px 9px 9px;border:1px solid #b8b98c;margin-right:-9px;transform:rotate(-5deg)}.welcome-entry-faces img:nth-child(2){transform:rotate(0);position:relative;z-index:1}.welcome-entry-faces img:last-child{transform:rotate(5deg)}
.welcome-entry-copy{flex:1;min-width:0}.welcome-entry-copy .eyebrow{margin:0 0 5px;font-size:9px}.welcome-entry-copy strong{font:24px Georgia,serif;color:#f0dfbc}.welcome-entry-copy p:last-child{font-size:12px;color:#c2d8cc;margin:7px 0 0;line-height:1.5}
.welcome-entry button{flex-shrink:0;padding:13px 19px;min-height:46px;background:#dccc9f;color:#193635;border:1px solid #e4d9b7;border-radius:6px;font-size:12px}.welcome-entry button:disabled{opacity:.5}
.welcome-dialog{padding:0;width:min(1060px,calc(100% - 32px));max-width:1060px;max-height:94dvh;border:1px solid #b5a580;border-radius:18px;color:#e4eadc;background:#143237;box-shadow:0 35px 130px #000c;overflow:auto}
.welcome-dialog::backdrop{background:#06181ded;backdrop-filter:blur(9px)}
.welcome-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 24px;border-bottom:1px solid #aec29f33}.welcome-toolbar>span{font-size:10px;letter-spacing:2px;color:#d9cba7}.welcome-toolbar>div{display:flex;gap:10px}.welcome-toolbar button{border:1px solid #bcd1bc50;background:transparent;color:#dfe5ce;border-radius:6px;padding:9px 12px;min-height:42px;font-size:11px}
.welcome-audio-status{margin:0;padding:8px 24px 0;font-size:10px;line-height:1.5;color:#adc6b9;min-height:23px}
.welcome-layout{display:grid;grid-template-columns:46% 54%;min-height:535px}.welcome-scene{isolation:isolate;position:relative;overflow:hidden;margin:16px 0 18px 20px;border-radius:9px;background:#163c43;min-height:440px}
.welcome-scenery{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65;z-index:-2}.welcome-scene::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0c2b36e6,transparent 30%,#08253320 75%);z-index:3}
.welcome-scene-island .welcome-scenery,.welcome-scene-kept .welcome-scenery{opacity:1;object-position:50% 50%}.welcome-scene-table .welcome-scenery{opacity:1}
.welcome-portrait{position:absolute;inset:8% 13% 7%;overflow:hidden;border-radius:140px 140px 40px 40px;border:1px solid #c7c59444;box-shadow:0 15px 60px #031a2699}.welcome-portrait>img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}.welcome-portrait .character-motion{object-position:50% 22%}
.welcome-scene-quay .welcome-portrait{inset:5% 31% 25% 5%;border-radius:100px 100px 25px 25px}.welcome-net{position:absolute;width:63%;height:70%;object-fit:contain;right:-4%;bottom:0;filter:drop-shadow(0 15px 10px #06161b);z-index:2;animation:welcome-bob 5s ease-in-out infinite}
.welcome-bottle{position:absolute;width:47%;height:56%;object-fit:contain;left:20%;top:23%;filter:drop-shadow(0 20px 12px #0009);animation:welcome-lift 1s ease-out both;z-index:2}.welcome-knot{position:absolute;width:26%;height:32%;object-fit:contain;right:6%;bottom:8%;z-index:2;filter:drop-shadow(0 12px 7px #000a)}
.welcome-visual-caption{position:absolute;z-index:4;left:16px;right:16px;bottom:18px;text-align:center;font-size:8px;letter-spacing:1.6px;color:#e8e1bd}.welcome-isle-label{position:absolute;left:0;right:0;bottom:60px;text-align:center;color:#fff2cd;letter-spacing:2px;font-size:10px;z-index:4}
.welcome-copy{padding:38px 36px 28px;align-self:center;min-width:0}.welcome-eyebrow{font-size:9px;letter-spacing:2px;color:#bcb88d;margin:0 0 17px}.welcome-copy h2{font:clamp(32px,3.4vw,47px)/1.1 Georgia,serif;letter-spacing:-1px;color:#f4e4bf;margin:0 0 20px}.welcome-copy h2:focus{outline:none}.welcome-lead{font-size:14px;line-height:1.8;color:#c9dacf;margin:0 0 22px}
.welcome-faces{display:flex;gap:18px;margin:22px 0}.welcome-faces figure{margin:0;flex:1;text-align:center;max-width:90px}.welcome-faces img{width:66px;height:75px;object-fit:cover;object-position:50% 25%;border-radius:50%;border:1px solid #a8b99c70}.welcome-faces figcaption{font:12px Georgia,serif;margin-top:8px;color:#e1d7b9}
.welcome-quote{font:italic 21px/1.6 Georgia,serif;margin:22px 0 3px;border-left:2px solid #b8b98d;padding:0 0 0 17px;color:#eee1c0}.welcome-detail{font-size:11px;line-height:1.65;color:#c2cec0;margin:16px 0}
.welcome-actions{display:flex;gap:12px;flex-wrap:wrap;margin:23px 0 5px}.welcome-primary{background:#dfcda0;color:#143534;border:1px solid #f4e1b5;border-radius:7px;padding:15px 21px;min-height:50px;font-size:13px;font-weight:600;box-shadow:0 5px 20px #051e2b55}.welcome-primary:hover{background:#f1dfb6}.welcome-primary:disabled{opacity:.65;cursor:wait}
.welcome-link{background:transparent;border:0;color:#c8dfcb;padding:9px 0;min-height:44px;text-align:left;font-size:11px;text-decoration:underline;text-decoration-color:#9bb59c77;text-underline-offset:5px}.welcome-exit{display:block;margin-top:13px}
.welcome-route{flex:1;min-width:150px;min-height:110px;text-align:left;padding:16px;background:#284b48;border:1px solid #b9c29377;color:#e5dbba;border-radius:8px}.welcome-route:hover{background:#365e53;border-color:#e7d6a4}.welcome-route>span{display:block;font-size:9px;letter-spacing:2px;color:#c5d4b1}.welcome-route>strong{display:block;font:20px Georgia,serif;margin:10px 0}.welcome-route>small{font-size:11px;color:#c3d6c5}
.welcome-route-memory{color:#e6d4ab;font:italic 19px/1.6 Georgia,serif;border-top:1px solid #d0c69244;padding-top:16px}
.welcome-keepsake{display:flex;gap:16px;align-items:center;padding:16px 0;border-block:1px solid #b6b48844;margin-top:17px}.welcome-keepsake>img{width:77px;height:85px;object-fit:contain}.welcome-keepsake strong{font:22px Georgia,serif;color:#eee1bc}.welcome-keepsake p{font-size:11px;line-height:1.6;color:#c2d2c1;margin:8px 0}.welcome-card-id{font-size:9px;color:#e2cc99;letter-spacing:1px}.welcome-storage{font-size:12px;line-height:1.6;color:#d7e5cd;margin:18px 0 0}.welcome-edition-note{font-size:10px;line-height:1.65;color:#b7c8ba;margin:17px 0 0}
.welcome-progress{display:flex;align-items:center;gap:6px;padding:0 25px 20px}.welcome-progress>span{height:3px;width:28px;background:#6c918559;border-radius:3px}.welcome-progress>span.visited{background:#dac69c}.welcome-progress>small{margin-left:auto;font-size:10px;color:#a9c5b3}
.welcome-dialog button:focus-visible,.welcome-entry button:focus-visible{outline:3px solid #e9ce89;outline-offset:4px}
@keyframes welcome-lift{from{transform:translateY(65px) rotate(-10deg);opacity:0}to{transform:translateY(0) rotate(-5deg);opacity:1}}
@keyframes welcome-bob{50%{transform:translateY(-9px) rotate(3deg)}}
@media(max-width:760px){.welcome-entry{gap:13px;flex-wrap:wrap;padding:17px}.welcome-entry-faces img{width:40px;height:54px}.welcome-entry-copy strong{font-size:21px}.welcome-entry-copy p:last-child{font-size:11px}.welcome-entry button{width:100%}.welcome-dialog{width:calc(100% - 16px);max-height:96dvh;border-radius:13px}.welcome-toolbar{padding:10px 14px}.welcome-toolbar>span{font-size:8px;letter-spacing:1px}.welcome-toolbar>div{gap:6px}.welcome-toolbar button{padding:8px 10px}.welcome-audio-status{padding:7px 14px 0}.welcome-layout{grid-template-columns:1fr;min-height:0}.welcome-scene{min-height:0;height:225px;margin:10px 12px 0}.welcome-portrait{inset:0 28%;border-radius:95px 95px 20px 20px}.welcome-scene-quay .welcome-portrait{inset:0 42% 0 10%}.welcome-net{width:42%;height:94%;right:6%;bottom:-6%}.welcome-bottle{height:90%;top:3%;width:35%;left:30%}.welcome-knot{height:50%;width:20%;right:19%;bottom:4%}.welcome-scenery{object-position:center 45%}.welcome-scene-table .welcome-scenery{object-position:center 62%}.welcome-visual-caption{bottom:12px;font-size:7px}.welcome-isle-label{bottom:40px;font-size:9px}.welcome-copy{padding:24px 24px 20px}.welcome-copy h2{font-size:34px;margin-bottom:15px}.welcome-eyebrow{margin-bottom:12px}.welcome-lead{font-size:13px;line-height:1.7;margin-bottom:16px}.welcome-quote{font-size:19px;margin-top:17px}.welcome-faces{margin:14px 0;gap:16px}.welcome-faces img{width:51px;height:57px}.welcome-faces figure{max-width:83px}.welcome-actions{margin-top:17px;gap:10px}.welcome-primary{width:100%}.welcome-progress{padding:0 20px 18px}.welcome-progress>small{font-size:9px}.welcome-route{min-width:120px;padding:13px}.welcome-route>strong{font-size:18px}.welcome-keepsake strong{font-size:20px}}
@media(max-width:370px){.welcome-copy{padding:20px 18px}.welcome-scene{height:195px}.welcome-copy h2{font-size:30px}.welcome-progress>span{width:20px}.welcome-route{min-width:105px}.welcome-route>small{font-size:10px}.welcome-entry-faces{display:none}}
@media(prefers-reduced-motion:reduce){.welcome-dialog *{animation:none!important;transition:none!important}.welcome-bottle{transform:rotate(-5deg)}}

.welcome-dialog{scrollbar-width:thin;scrollbar-color:#7d9680 #143237}.welcome-toolbar{position:sticky;top:0;z-index:10;background:#143237}