/* A living landscape behind one coherent, illustrated story sheet. */
.story-wrap{max-width:none!important;padding:18px 12px 36px!important;min-height:100dvh}.story-adventure{max-width:820px;margin:auto;color:#123823;font-family:'Fraunces',Georgia,serif;isolation:isolate;position:relative}.story-adventure::before{content:'';position:fixed;inset:0;background:linear-gradient(#15453544,#11382288),var(--story-landscape) center/cover;z-index:-2}.story-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 15px;margin:0 6px 10px;border-radius:17px;background:#fff1cfe8;border:1px solid #ebcd83;box-shadow:0 5px 15px #142d2355;font-family:'Nunito',sans-serif;font-size:15px;font-weight:800}.story-nav button{background:none;border:0;color:#174730;font:inherit;min-height:38px;padding:3px 8px;cursor:pointer}.story-nav button:focus-visible,.story-clue:focus-visible,.story-player button:focus-visible{outline:4px solid #9257d0;outline-offset:4px}.story-sheet{position:relative;background:#f8e4b5 url('/assets/wendy-story/forest-parchment.webp') center/100% 100%;border-radius:14px;box-shadow:0 22px 60px #07281d99,inset 0 0 20px #8c6d25;overflow:hidden;padding:20px 4.6% 42px}.story-hero{position:relative;min-height:420px;padding-bottom:8px}.story-hero h1{font-family:'Fraunces',Georgia,serif;color:#092d19;font-weight:750;font-size:clamp(32px,6vw,61px);line-height:1.02;letter-spacing:-1.8px;text-align:center;margin:0 -2% 12px 21%;padding:21px 12px 22px;background:url('/assets/wendy-story/title-parchment.webp') center/100% 100% no-repeat;position:relative;z-index:2;text-wrap:balance;min-height:105px;display:grid;place-items:center}.story-host{position:absolute;left:-6%;top:47px;width:43%;height:calc(100% - 25px);max-height:550px;object-fit:contain;object-position:center bottom;filter:drop-shadow(3px 8px 4px #4b321a40);z-index:3;pointer-events:none}.story-telling{margin-left:32%;position:relative;z-index:2}.story-audio h2{font-family:inherit;font-weight:650;font-size:clamp(19px,3vw,29px);text-align:center;margin:0 0 7px;line-height:1.1}.story-player{display:flex;align-items:center;gap:10px;border-radius:22px;background:linear-gradient(#fff5d7,#f5dfaf);border:1px solid #fff8d9;padding:10px;box-shadow:0 5px 0 #c7a56c88,0 9px 17px #71532b30}.story-player button{flex:0 0 44px;width:44px;height:44px;min-height:44px;border:0;border-radius:50%;background:#12542e;color:#fff2ce;font-size:21px;display:grid;place-items:center;cursor:pointer}.story-player [data-story-stop]{flex:0 0 29px;background:transparent;color:#134a2a;font-size:17px;width:29px}.story-wave{display:flex;flex:1;height:35px;align-items:center;gap:3px;min-width:0;overflow:hidden}.story-wave i{display:block;height:var(--bar);background:#37613c;border-radius:5px;min-width:3px;width:3px}.story-speaking .story-wave i{animation:story-voice .75s var(--delay) ease-in-out infinite alternate}.story-audio-time{font-size:12px;white-space:nowrap;font-family:'Nunito',sans-serif;font-weight:800}.story-audio-status{font-size:13px;margin:6px 0}.story-audio-status:empty{display:none}.story-paragraph{font-family:inherit;font-size:clamp(18px,2.9vw,30px);font-weight:550;line-height:1.23;text-align:center;background:#fff0cbdd;box-shadow:0 4px 6px #76522626;border:1px solid #e6c996;padding:22px 14px;margin:17px 0 14px;border-radius:21px 9px 18px 12px;white-space:pre-line;overflow-wrap:anywhere}.story-score-row{display:grid;grid-template-columns:.92fr 1.08fr;gap:9px;align-items:stretch;margin-left:0}.story-progress{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff0cadd;border:1px solid #d9b475;border-radius:23px 17px 20px 15px;box-shadow:0 3px 4px #67452333;padding:10px 3px;text-align:center}.story-progress strong{font-size:clamp(32px,6vw,60px);line-height:1.1;color:#0c3620;font-weight:700}.story-progress span{font-size:clamp(13px,2vw,20px);line-height:1.15}.story-leader{background:#fff0cb;border:3px solid #d7aa40;border-radius:21px 19px 20px 15px;box-shadow:0 4px 0 #79532899;overflow:hidden;min-width:0}.story-leader-heading{background:#174f2c;color:#fff1c8;text-align:center;font-weight:600;font-size:clamp(12px,2.2vw,21px);padding:5px 2px;white-space:nowrap}.story-leader-heading>span{color:#f8c750}.story-leader-body{display:flex;align-items:center;gap:8px;padding:9px 7px}.story-avatar{flex:0 0 35%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#d4e5bd;color:#53683f;font-size:28px}.story-avatar img{width:100%;height:100%;object-fit:cover}.story-leader-body>div{min-width:0}.story-leader-body strong{display:block;font-size:clamp(13px,2.7vw,26px);line-height:1.05;overflow-wrap:anywhere}.story-leader-body>div>span{display:block;font-size:clamp(11px,1.8vw,18px);margin-top:5px;line-height:1.2}.story-instruction{font:600 clamp(15px,2.6vw,26px)/1.15 'Fraunces',Georgia,serif;text-align:center;margin:15px 0 12px}.story-clues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.story-clue{position:relative;min-width:0;aspect-ratio:1.18;display:block;padding:6px;border:1px solid #d6b982;border-radius:14px 9px 14px 10px;background:linear-gradient(135deg,#fff8e0,#ecd2a1);box-shadow:0 4px 1px #b8935955,0 6px 8px #805a2029;cursor:pointer;transition:transform .2s,box-shadow .2s;overflow:hidden;color:#16472a}.story-clue:hover{transform:translateY(-3px);box-shadow:0 6px 0 #b8935988,0 10px 14px #805a2044}.story-clue-image{display:block;width:100%;height:100%;overflow:hidden;border-radius:6px}.story-clue img{width:100%;height:100%;object-fit:cover;display:block}.story-clue-number{position:absolute;left:5px;top:5px;width:clamp(27px,5vw,47px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#154929;border:2px solid #fff7db;color:#fff5db;font-family:'Fraunces',Georgia,serif;font-size:clamp(21px,4vw,38px);line-height:1;box-shadow:0 2px 3px #15332566}.story-camera{position:absolute;right:7px;top:7px;width:clamp(28px,5vw,46px);aspect-ratio:1;border-radius:50%;background:#fff3ce;display:grid;place-items:center;box-shadow:0 3px 5px #15332555}.story-camera svg{width:68%;height:68%}.story-check{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#fff1c4da;color:#0c7141;width:44%;aspect-ratio:1;border-radius:50%;font:bold clamp(31px,7vw,63px)/1 'Nunito',sans-serif}.story-hidden-art{display:block;width:100%;height:100%;background:linear-gradient(135deg,#678460b0,#0b472888),var(--story-landscape) center/cover;filter:blur(9px);transform:scale(1.2)}.story-padlock{position:absolute;inset:25% 4% 7%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#593c0d;gap:5px}.story-padlock svg{height:56%;max-height:60px;filter:drop-shadow(0 3px 0 #153725aa)}.story-padlock small{background:#fff0ceef;padding:3px 5px;border-radius:5px;font:800 clamp(10px,1.6vw,14px)/1.15 'Nunito',sans-serif}.story-has-riddle{position:absolute;bottom:6px;left:6px;right:6px;background:#fff1cadd;font-size:12px;font-family:'Nunito',sans-serif;font-weight:800;padding:3px}.story-event-notice{font-family:'Nunito',sans-serif;background:#fff6dfeb;border:1px solid #dcb858;border-radius:15px;padding:12px 16px;position:relative;z-index:4;box-shadow:0 4px 0 #ac85432b;margin:10px 0}.story-event-notice p{margin:5px 0;font-size:15px;line-height:1.4}.story-event-notice strong{font-weight:900}.story-event-notice .btn{font-size:15px;min-height:44px;padding:10px 14px;margin-top:7px}.story-entry-actions{display:flex;gap:10px}.story-entry-actions>*{flex:1}.story-event-notice .free-play{margin-top:7px;margin-bottom:0}.story-time{font-variant-numeric:tabular-nums;font-weight:900;color:#205833}.story-below{font-family:'Nunito',sans-serif;margin-top:15px}.story-preview-note{font:800 13px 'Nunito',sans-serif;background:#f7e7b9;margin:0 15px;padding:7px;text-align:center}.story-adventure .end-card{position:relative;z-index:4;margin:12px 0;padding:18px;font-family:'Nunito',sans-serif}.story-adventure .end-card h2{font-size:26px}.story-wrap .site-footer{max-width:800px;margin:auto;color:#fff7de}.story-wrap .site-footer button{color:inherit}.story-demo-main{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}.story-demo-main+.fine{color:#fff8e1}.story-demo-wrap{max-width:850px!important}.story-demo-wrap .demo-header{display:none}.story-adventure.theme-larry .story-host{width:35%;left:-1%;height:88%;top:10%}.story-adventure.theme-beast .story-host{width:30%;left:1%;height:70%;top:22%;border-radius:30%}.witch-vessel .pot-mouth{left:17%;top:13%;width:67%;height:10%}.witch-vessel .potion-surface{left:19%;top:14%;width:63%;height:9%}.witch-vessel .pot-front-rim{clip-path:inset(24% 0 0)}.witch-vessel .pot-landing-zone{clip-path:polygon(17% 0,84% 0,84% 19%,74% 23%,50% 24%,27% 23%,17% 19%)}.witch-vessel .landing-treasure{top:13%!important}.witch-vessel .pot-smoke{top:19%}@keyframes story-voice{to{transform:scaleY(.4)}}@media(max-width:520px){.story-wrap{padding:8px 4px 25px!important}.story-sheet{padding:14px 4.8% 29px}.story-hero{min-height:305px}.story-hero h1{font-size:33px;letter-spacing:-.9px;min-height:85px;margin-left:19%;padding:14px 7px;margin-bottom:10px}.story-host{width:44%;left:-6.5%;top:57px;height:calc(100% - 28px);object-position:bottom}.story-telling{margin-left:32%}.story-audio h2{font-size:18px}.story-player{gap:4px;padding:7px;border-radius:15px}.story-player button{flex-basis:34px;width:34px;height:34px;min-height:34px;font-size:17px}.story-player [data-story-stop]{flex-basis:19px;width:19px;font-size:12px}.story-wave{height:24px;gap:2px}.story-wave i{min-width:2px;width:2px}.story-audio-time{font-size:10px}.story-paragraph{font-size:17px;line-height:1.22;padding:14px 9px;margin:12px 0}.story-score-row{gap:5px}.story-progress{padding:9px 2px}.story-progress strong{font-size:35px}.story-progress span{font-size:12px}.story-leader{border-width:2px;border-radius:14px}.story-leader-heading{font-size:12px}.story-leader-body{gap:4px;padding:8px 4px;min-height:56px}.story-avatar{font-size:18px}.story-leader-body strong{font-size:13px}.story-leader-body>div>span{font-size:11px}.story-clues{gap:9px}.story-clue{padding:4px;border-radius:9px}.story-instruction{font-size:16px;margin-top:13px}.story-event-notice{padding:10px}.story-entry-actions{flex-direction:column;gap:0}.story-nav{font-size:13px}.story-nav button{min-height:36px}.story-preview-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.story-speaking .story-wave i{animation:none}.story-clue{transition:none}.story-clue:hover{transform:none}}html[data-world-motion=off] .story-wave i{animation:none}
/* Override legacy page heading rules; keep this page in the reference's book serif. */
.enchanted .story-adventure #story-title{font-family:'Fraunces',Georgia,serif;font-weight:700;letter-spacing:-1.4px;font-size:clamp(34px,6vw,61px);line-height:1.02;margin:0 -2% 12px 21%;color:#092d19}.enchanted .story-adventure .story-audio h2{font-family:'Fraunces',Georgia,serif;font-size:clamp(19px,3vw,29px);font-weight:650}.story-adventure .story-host{object-fit:cover;object-position:64% top;width:43%;height:calc(100% - 40px);top:47px;max-height:none}.story-adventure.theme-larry .story-host{object-fit:contain}.story-adventure.theme-beast .story-host{object-fit:contain}.story-demo-wrap{padding:12px 4px!important}.story-adventure .story-below .fine{background:#fff1d4d9;border-radius:8px;padding:5px 10px;margin-bottom:12px}.story-adventure .story-clue-image{min-height:0}.story-adventure .story-has-riddle{display:none}@media(max-width:520px){.enchanted .story-adventure #story-title{font-size:34px;letter-spacing:-1px;margin-left:19%;padding:14px 7px;margin-bottom:10px}.enchanted .story-adventure .story-audio h2{font-size:18px}.story-adventure .story-host{top:40px;height:calc(100% - 28px);width:42%;object-position:65% top;left:-5%}}
body:has(.story-studio) .admin-corner{display:none}

.demo-sheet-photo{aspect-ratio:4/3;width:100%;overflow:hidden;border-radius:14px}.demo-sheet-photo img{display:block}.witch-vessel{aspect-ratio:700/640!important}

.story-adventure .story-telling{margin-left:38%}.story-adventure.theme-wendy .story-host{mask-image:linear-gradient(90deg,#000 96%,transparent)}

/* Each route gets a deliberate layout, with no empty placeholder cells. */
.story-clues[data-count="1"]{grid-template-columns:1fr}.story-clues[data-count="1"] .story-clue{aspect-ratio:4/3}
.story-clues[data-count="2"],.story-clues[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.story-clues[data-count="5"]{grid-template-columns:repeat(6,minmax(0,1fr))}.story-clues[data-count="5"] .story-clue{grid-column:span 2}.story-clues[data-count="5"] .story-clue:nth-child(n+4){grid-column:span 3}
.story-clues[data-count="7"] .story-clue:last-child{grid-column:1/-1;aspect-ratio:3/1}.story-clues[data-count="8"]{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:520px){.story-clues[data-count="8"]{grid-template-columns:repeat(2,minmax(0,1fr))}}

.story-adventure.theme-beast .story-host{border-radius:0;object-fit:contain;object-position:center bottom;width:38%;left:-3%;top:19%;height:80%;filter:drop-shadow(3px 8px 4px #4b321a40)}

/* Entry choices appear before the story, with comfortable touch controls. */
.story-event-notice{margin:0 0 18px}.story-entry-heading,.enchanted .story-entry-heading{font:900 21px/1.2 'Nunito',sans-serif!important;color:#163e29;margin:0 0 7px!important;letter-spacing:0!important}.story-event-notice .story-entry-time{font-size:13px;margin-top:11px;color:#405640}.story-event-notice .text-button{min-height:44px;padding:8px}.story-nav button{min-height:44px;min-width:44px}.story-player button,.story-player [data-story-stop]{min-width:44px;min-height:44px;flex-basis:44px;width:44px;height:44px}.story-player{flex-wrap:wrap}.story-wave{min-width:22px}.story-audio-time{font-size:12px}.story-entry-actions button{line-height:1.3}.story-sheet .story-event-notice .btn:focus-visible{outline:3px solid #7540b3;outline-offset:3px}
@media(max-width:520px){.story-player{gap:4px}.story-audio-time{flex:1;min-width:60px;text-align:center}.story-player [data-story-stop]{font-size:16px}.story-player button{font-size:20px}.story-paragraph{line-height:1.4}.story-event-notice p{font-size:16px}.story-entry-heading,.enchanted .story-entry-heading{font-size:20px!important}}

.story-leader-heading{white-space:normal}.story-below{background:#fff5dc;border-radius:12px;padding:7px 10px}.story-below .text-button{min-height:44px}
@media(max-width:520px){
 .story-adventure .story-hero{display:grid;grid-template-columns:32% minmax(0,1fr);gap:12px;min-height:0}
 .story-adventure .story-hero h1,.enchanted .story-adventure #story-title{grid-column:1/-1;grid-row:1;margin:0!important;padding:15px 8px;min-height:85px}
 .story-adventure .story-telling{display:contents}
 .story-adventure .story-host{position:static;grid-column:1;grid-row:2;width:100%!important;height:150px!important;max-height:150px!important;object-fit:contain!important;object-position:center!important;mask-image:none!important;align-self:center}
 .story-audio{grid-column:2;grid-row:2;align-self:center;min-width:0}.story-paragraph{grid-column:1/-1;grid-row:3;margin:0;text-align:left;font-size:18px;padding:17px;line-height:1.4}.story-score-row{grid-column:1/-1;grid-row:4;margin:0}.story-player button,.story-player [data-story-stop]{min-width:44px;min-height:44px;width:44px;height:44px;flex-basis:44px}.story-player [data-story-stop]{font-size:17px}.story-leader-heading{font-size:14px}.story-leader-body strong{font-size:16px;line-height:1.25}
}
