/* A village to wander through, and stories with room for another choice. */
.nav-world{color:var(--ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.nav-world:hover{text-decoration:underline;text-underline-offset:5px}
.world-teaser{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:42px;max-width:1065px;margin:10px auto 60px;padding:28px;background:#b4d5a4;border:2px solid #78a28d;border-radius:38px 57px 44px 30px;box-shadow:5px 7px 0 #559ba344}.world-teaser-picture{position:relative;display:block;transform:rotate(-2deg);text-decoration:none}.world-teaser-picture img{display:block;width:100%;height:auto;border:8px solid #f7d89c;border-radius:25px 39px 31px 20px}.world-teaser-picture>span{display:block;position:absolute;bottom:15px;left:20px;background:#f7d89c;padding:8px 14px;font:20px Kalam,cursive;border-radius:12px;transform:rotate(1deg)}.world-teaser>div{padding:15px 16px 15px 0}.world-teaser .handwritten{font-size:24px}.world-teaser h2{font-size:41px;line-height:1.2;margin:12px 0 20px}.world-teaser p:not([class]){font-size:17px;line-height:1.8;margin-bottom:24px}.world-small-note{font-size:12px;margin-top:17px}
.story-world,.world-room{max-width:1160px;margin:30px auto;padding:20px 35px}.world-heading{text-align:center;max-width:780px;margin:10px auto 35px}.world-heading>.handwritten{font-size:27px}.world-heading h1{font-size:56px;line-height:1.15;margin:13px 0 23px;letter-spacing:-1px}.world-heading>p:last-child{font-size:19px;line-height:1.75}.world-back{display:inline-flex;align-items:center;margin-bottom:10px}.world-map,.room-picture{position:relative;isolation:isolate;border:7px solid #f3d497;box-shadow:6px 8px 0 #628f9155;border-radius:45px 57px 43px 62px;overflow:hidden;background:#b4d4b1}.world-map>img,.room-picture>img{display:block;width:100%;height:auto}.world-hotspot{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);min-width:44px;min-height:44px;transform:translate(-50%,-50%);display:grid;place-items:center;text-decoration:none;border-radius:20px;outline-offset:6px}.world-hotspot:focus-visible{outline:4px dashed #235b74;background:#fff1b84d}.world-hotspot-label{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%) rotate(-2deg);background:#ffe2a4;border:2px solid #98794d;color:#294e60;border-radius:14px 18px 12px 17px;box-shadow:3px 4px 0 #6c8e7955;padding:9px 20px;font:27px/1.15 Bree,serif;white-space:nowrap;text-align:center;transition:transform .18s ease}.world-hotspot:nth-child(2n) .world-hotspot-label{transform:translateX(-50%) rotate(2deg)}.world-hotspot-label small{display:block;font:12px/1.4 Nunito,sans-serif;margin-top:4px;font-weight:700}.world-hotspot:hover .world-hotspot-label{transform:translateX(-50%) rotate(0) translateY(-4px);background:#ffeaac}.world-picture-note{text-align:center;font:21px/1.6 Kalam,cursive;margin:24px auto 27px;color:#335f70}.world-place-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:32px}.world-place-card{display:flex;gap:13px;align-items:flex-start;padding:20px 16px;text-decoration:none;border:1.5px solid #80a28f;border-radius:24px 33px 26px 29px;background:#eacba4}.world-place-card.blue{background:#b6cde4}.world-place-card.green{background:#bbd4a5}.world-place-card.lavender{background:#d4c4dd}.world-place-stamp{display:block;width:40px;flex:none}.world-place-stamp svg{width:100%;height:auto}.world-place-card h2{font-size:27px;margin:4px 0 13px}.world-place-card p{font-size:13px;line-height:1.65}.world-place-card div>span{display:block;font-size:11px;font-weight:700;margin-top:17px}.world-footnote{text-align:center;max-width:700px;margin:45px auto 20px}.world-footnote>.handwritten{font-size:28px;margin-bottom:12px}.world-footnote>p:not([class]){font-size:15px;line-height:1.8;margin:15px auto 25px}.world-footnote a{font-size:14px;display:inline-flex;align-items:center;min-height:44px}.world-save-note{background:#ffe1a1;border:1px dashed #a77e53;padding:17px;border-radius:15px;font-size:14px;line-height:1.7;margin:20px auto;max-width:700px}
.room-picture{border-color:#e6cbb0}.world-room.blue .room-picture{border-color:#95b8d3}.world-room.green .room-picture{border-color:#a8c790}.world-room.lavender .room-picture{border-color:#bcafd4}.room-object .world-hotspot-label{font-size:21px;padding:10px 17px}.room-stories{display:grid;grid-template-columns:1fr 1fr;gap:27px;margin:30px 15px 45px}.room-story-card{display:block;position:relative;text-decoration:none;border:1.5px solid #8d9a84;border-radius:23px 35px 26px 30px;background:#f4d59d;padding:28px 30px;box-shadow:3px 5px 0 #73a39755}.room-story-card:nth-child(2){background:#d5c7df}.room-story-card>.handwritten{font-size:23px}.room-story-card h3{font-size:33px;line-height:1.25;margin:13px 0 17px}.room-story-card>p{font-size:17px;line-height:1.7}.room-story-cta{display:flex;gap:20px;align-items:center;font-weight:700;font-size:14px;margin-top:25px}.room-story-cta svg{width:22px;height:22px}.room-story-card>small{display:block;margin-top:15px;font-size:12px}.world-room-neighbours{display:flex;justify-content:center;flex-wrap:wrap;gap:15px 35px;margin:35px auto}.world-room-neighbours a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.branch-page{max-width:1220px;margin:25px auto;padding:20px 35px}.branch-heading{text-align:center;max-width:850px;margin:15px auto 40px}.branch-heading h1{font-size:48px;line-height:1.2;margin:16px 0 18px}.branch-heading>p:last-child{font-size:14px}.branch-story{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start;scroll-margin-top:25px}.branch-setting{position:sticky;top:25px;min-width:0}.branch-setting>img{display:block;width:100%;height:auto;border:7px solid #f3d7a6;border-radius:35px 24px 38px 25px;box-shadow:4px 6px 0 #7aa6a366}.branch-setting>figcaption{font:21px/1.6 Kalam,cursive;text-align:center;margin:18px 10px}.branch-path{display:flex;flex-direction:column;gap:13px;list-style:none;padding:8px 20px;margin:25px 0 0}.branch-path li{display:flex;gap:12px;align-items:center;font-size:14px;line-height:1.5;color:#396274}.branch-path li>span{display:grid;place-items:center;width:30px;height:30px;flex:none;background:#9dc8b4;border-radius:50%;border:1px dashed #628d80;font-weight:700}.branch-path [aria-current=step]>span{background:#f3d69e}.branch-reading{min-width:0;padding:23px 28px;background:#c1dcbb;border:1.5px solid #8db298;border-radius:32px 39px 27px 34px}.blue .branch-reading{background:#bdd8e5}.lavender .branch-reading{background:#cec9e0}.branch-page-count{font-size:12px;font-weight:700;letter-spacing:.5px;margin:0 0 15px}.branch-reading h2{font-size:34px;line-height:1.2;margin:10px 0 22px}.branch-reading h2:focus{outline:0}.branch-reading .read-aloud{margin:10px 0 19px}.branch-reading .read-aloud-buttons{gap:12px}.branch-reading .read-aloud .secondary-button{font-size:12px;padding:10px 13px;gap:9px}.branch-reading .read-aloud-status{font-size:11px}.branch-prose p{font-size:20px;line-height:1.85;margin:22px 0}.branch-decision{margin:27px 0 13px;border-top:1.5px dashed #7da392;padding-top:22px}.branch-decision>.handwritten{font-size:26px;margin-bottom:16px}.branch-decision>div{display:grid;gap:13px}.branch-choice{display:flex;align-items:center;text-align:left;gap:17px;padding:18px 17px;border:1.5px solid #b29869;border-radius:19px 26px 20px 24px;background:#ffe0a1;color:#294f63;min-height:64px;width:100%;box-shadow:2px 3px 0 #a19d6e66}.branch-choice:nth-child(2){background:#dfd5eb;border-color:#9e9bb1}.branch-choice>span{font-size:27px;flex:none}.branch-choice strong{font-size:17px;font-weight:700;line-height:1.5}.branch-choice:hover{filter:brightness(1.035)}.branch-gentle-note{font-size:12px;line-height:1.7;margin:19px 0 7px}.branch-navigation{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 20px;margin-top:18px}.branch-navigation .text-button{font-size:12px}.branch-ending{padding:23px 0 0;border-top:1.5px dashed #7da392;margin-top:28px}.ending-leaf{float:right;width:45px;margin:0 0 10px 10px;transform:rotate(8deg)}.ending-leaf svg{width:100%;height:auto}.branch-ending>.handwritten{font-size:25px;margin-bottom:17px}.branch-ending>p:not([class]){font-size:17px;line-height:1.8;margin:17px 0 25px}.branch-ending .secondary-button{font-size:14px}.branch-ending .secondary-button:disabled{opacity:1;background:#a6caa1;color:#294f57;cursor:default}.branch-kept-status{font-size:12px;line-height:1.7;margin-top:15px}.branch-endings-book{max-width:900px;padding:25px 30px;background:#efd3a0;border:1.5px solid #ac9d7b;border-radius:24px 33px 23px 30px;margin:35px auto}.branch-endings-book>summary{font:26px Bree,serif;cursor:pointer;min-height:44px}.branch-endings-book>p{font-size:15px;margin:20px 0}.branch-endings-book details{border-top:1px dashed #b29e75;padding:18px 0}.branch-endings-book details summary{font:21px Kalam,cursive;cursor:pointer}.branch-endings-book details p{font-size:17px;line-height:1.8;margin-top:18px}.branch-together{text-align:center;margin:40px auto 25px;max-width:850px}.branch-together .handwritten{font-size:26px}.branch-together a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;margin:17px 17px 10px}.branch-together>p:last-child{font-size:12px}
@media(max-width:1050px){.world-teaser{margin-left:35px;margin-right:35px;gap:27px}.world-place-list{grid-template-columns:repeat(2,minmax(0,1fr))}.world-place-card{padding:20px 24px}.world-place-stamp{width:54px}.world-hotspot-label{font-size:23px}.branch-story{gap:25px}.branch-reading{padding:23px}.branch-prose p{font-size:19px}.branch-choice strong{font-size:16px}}
@media(max-width:760px){.world-teaser{grid-template-columns:1fr;gap:24px;padding:24px}.world-teaser-picture{max-width:530px;margin:auto}.world-teaser>div{padding:0 5px}.world-teaser h2{font-size:37px}.story-world,.world-room{padding:16px 23px;margin:20px auto}.world-heading h1{font-size:44px}.world-heading>.handwritten{font-size:24px}.world-heading>p:last-child{font-size:17px}.world-hotspot-label{font-size:20px;padding:8px 14px}.world-hotspot-label small{font-size:10px}.world-map,.room-picture{border-width:5px;border-radius:30px 35px 25px 40px}.world-picture-note{font-size:18px}.room-object .world-hotspot-label{font-size:16px;padding:7px 11px}.room-stories{margin-left:0;margin-right:0;gap:18px}.room-story-card{padding:24px}.room-story-card h3{font-size:29px}.room-story-card>p{font-size:15px}.branch-story{grid-template-columns:1fr;max-width:660px;margin:auto}.branch-setting{position:static}.branch-setting>img{max-height:350px;object-fit:contain;background:#b7d3b4}.branch-path{display:none}.branch-heading h1{font-size:42px}.branch-setting>figcaption{font-size:19px}.branch-page{padding:15px 25px}.branch-reading{padding:25px}.branch-prose p{font-size:20px}.branch-reading h2{font-size:33px}}
@media(max-width:580px){.site-header{flex-wrap:wrap;gap:8px}.site-header nav{gap:12px;margin-left:auto;font-size:12px}.site-header .nav-home{font-size:12px;padding:10px 0}.site-header .nav-world{font-size:12px}.site-header .text-button{font-size:11px}.site-header .text-button span{display:none}.world-teaser{margin:10px 23px 40px;padding:21px;gap:22px;border-radius:28px 37px 30px 26px}.world-teaser h2{font-size:34px}.world-teaser .handwritten{font-size:23px}.world-teaser p:not([class]){font-size:16px}.world-teaser-picture>span{font-size:16px;bottom:10px;left:13px;padding:5px 9px}.world-teaser-picture img{border-width:5px}.world-small-note{font-size:11px}.story-world,.world-room{padding:10px 19px}.world-heading{margin:15px auto 25px}.world-heading h1{font-size:37px}.world-heading>.handwritten{font-size:23px}.world-heading>p:last-child{font-size:16px}.world-map,.room-picture{margin-left:-10px;margin-right:-10px;border-width:4px;box-shadow:3px 4px 0 #628f9155}.world-hotspot-label{font-size:16px;padding:6px 10px;border-width:1.5px;bottom:-11px;border-radius:10px 13px 9px 12px}.world-hotspot-label small{display:none}.world-picture-note{font-size:17px;margin:20px 10px}.world-place-list{gap:13px;margin-top:22px}.world-place-card{display:block;padding:17px 14px}.world-place-stamp{width:39px;margin-bottom:9px}.world-place-card h2{font-size:25px;margin:8px 0 10px}.world-place-card p{font-size:12px}.world-place-card div>span{font-size:11px;margin-top:13px}.world-footnote{margin:30px auto 20px;padding:0 10px}.world-footnote>.handwritten{font-size:24px}.world-footnote>p:not([class]){font-size:14px}.room-object .world-hotspot-label{font-size:13px;padding:6px 8px;bottom:-6px}.room-stories{grid-template-columns:1fr;margin:25px 4px}.room-story-card{padding:24px}.room-story-card>.handwritten{font-size:22px}.room-story-card h3{font-size:31px}.room-story-card>p{font-size:16px}.world-room-neighbours{gap:8px 25px}.world-room-neighbours a{font-size:12px}.branch-page{padding:12px 20px;margin:18px auto}.branch-heading{margin:15px auto 28px}.branch-heading .eyebrow{font-size:10px}.branch-heading h1{font-size:37px}.branch-heading>p:last-child{font-size:12px;line-height:1.7}.branch-story{gap:14px;scroll-margin-top:15px}.branch-setting>img{border-width:4px;border-radius:23px 30px 22px 28px;max-height:none}.branch-setting>figcaption{font-size:17px;margin:13px 8px}.branch-reading{padding:23px 20px;border-radius:25px 33px 24px 30px}.branch-reading h2{font-size:30px}.branch-prose p{font-size:19px;line-height:1.85}.branch-decision>.handwritten{font-size:25px}.branch-choice{padding:15px 13px;gap:12px}.branch-choice strong{font-size:15px}.branch-choice>span{font-size:25px}.branch-gentle-note{font-size:11px}.branch-navigation{gap:2px 15px}.branch-navigation .text-button{font-size:11px}.branch-ending>.handwritten{font-size:23px}.branch-ending>p:not([class]){font-size:16px}.branch-ending .secondary-button{font-size:12px}.branch-kept-status{font-size:11px}.branch-endings-book{padding:21px 23px}.branch-endings-book>summary{font-size:24px}.branch-endings-book details p{font-size:16px}.branch-together{margin-top:27px}.branch-together .handwritten{font-size:24px}.branch-together a{font-size:13px;margin:10px 6px}.branch-together>p:last-child{font-size:11px;line-height:1.8}.world-save-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.world-hotspot-label{transition:none}.world-hotspot:hover .world-hotspot-label{transform:translateX(-50%)}.world-teaser-picture{transform:none}}
