/* Open-ended play shares the village, with one clue at a time. */
.home-work-resume{display:flex;align-items:center;gap:14px;width:100%;margin-top:15px;border:1px solid #d7deca;border-radius:14px;background:#fffdf4;color:#345947;padding:13px 15px;text-align:left;min-height:62px}.home-work-resume>span{display:flex;flex-direction:column;gap:4px;flex:1}.home-work-resume small{font-size:9px;letter-spacing:.08em;color:#839071}.home-work-resume strong{font-size:13px}.home-work-resume>b{font-size:12px;white-space:nowrap}.resume-circle .icon{width:22px;height:22px}.home-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero-description{max-width:350px}.home-saved{margin-bottom:15px}
.exploring #litter,.exploring #places,.exploring .talk-bubble,.exploring .learning-world-marker,.exploring #basket-number,.exploring .map-tools{display:none!important}.exploring #people .neighbour{pointer-events:none}.exploring #basket-btn{width:50px;min-width:50px;position:relative;justify-content:center}.exploring #basket-btn:after{content:'Notebook';font-size:9px;position:absolute;bottom:1px;left:0;width:100%;text-align:center;color:#3f624e}.exploring #basket-btn .dock-icon{margin-bottom:8px}.exploring #viewport{bottom:calc(144px + env(safe-area-inset-bottom))}.exploring .mission-card{height:80px;bottom:calc(64px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) 35px 68px;grid-template-rows:auto auto;align-content:center;gap:3px 8px;border-radius:0;box-shadow:none;padding:8px 16px}.exploring .mission-card #mission-title{grid-row:1;grid-column:1;font:800 15px/1.2 Nunito,sans-serif;white-space:normal}.exploring #mission-text{display:none}.exploring #mission-progress{grid-column:1;grid-row:2;font-size:12px;line-height:1.4;white-space:normal;margin:0}.exploring .chapter-line{display:contents}.exploring #chapter-label{display:none}.exploring #read-btn{grid-column:2;grid-row:1/3;align-self:center}.exploring #guide-btn{display:block;grid-column:3;grid-row:1/3;padding:9px;min-height:44px;font-size:12px}.exploring .world-bottom{min-height:calc(64px + env(safe-area-inset-bottom))}.exploring .action-button{min-height:47px;max-width:660px;font-size:15px}.exploring .location-tag{background:#fff9e5dc;border:1px solid #fff9e8;color:#456148;font-size:12px;bottom:calc(156px + env(safe-area-inset-bottom))}.exploring #joystick{bottom:calc(185px + env(safe-area-inset-bottom))}
#explore-layer{position:absolute;inset:0;z-index:110;pointer-events:none}#explore-layer[hidden]{display:none!important}.explore-marker{position:absolute;width:72px;min-height:72px;transform:translate(-50%,-65%);border:3px solid #fff9e6;border-radius:50%;background:#fffae9;color:var(--place);box-shadow:0 6px 0 #244d3430,0 9px 20px #30432b27;display:flex;align-items:center;justify-content:center;pointer-events:auto;padding:14px;touch-action:manipulation}.explore-marker>.icon{width:36px;height:36px;flex:none}.explore-marker>span{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#fff8e8ed;color:#304f3d;border:1px solid #f5f0d4;border-radius:18px;padding:6px 11px;font:800 15px/1.2 Nunito,sans-serif;box-shadow:0 3px 10px #31583a15}.explore-marker.visited{border-color:#c9d9ba}.explore-marker.trail-marker{background:#fff2b8;border-color:#edc670;z-index:2}.find-marker{width:62px;min-height:62px;background:#fff1bf;border:3px solid #fff8dd;box-shadow:0 0 0 9px #fff6c12a}.find-marker>span{font-size:13px}.find-marker>.icon{width:28px;height:28px}.explore-flags,.explore-grown,.explore-reading-mat{position:absolute;pointer-events:none}.explore-flags{color:#4d7592;font-size:48px;letter-spacing:8px;transform:rotate(8deg);text-shadow:0 3px #fff7d1}.explore-grown{display:flex;flex-wrap:wrap;width:190px;gap:0;color:#d6a342}.explore-grown .icon{width:56px;height:76px}.explore-reading-mat{width:100px;height:58px;border:8px double #dfbd80;border-radius:10px;background:#5a9290;color:#fff4d7;display:grid;place-items:center;transform:rotate(-12deg)}.explore-reading-mat .icon{width:37px;height:37px}
.explore-scene{--place:#527862;max-width:700px;margin:auto}.explore-kicker{display:flex;align-items:center;gap:9px;margin-right:30px;font-size:12px;color:var(--place);min-height:40px}.explore-kicker>.icon{width:22px;height:22px}.explore-listen{margin-left:auto;border:0;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;color:var(--place);background:#eef0df}.explore-listen .icon{width:21px;height:21px}.explore-scene>h2{font:600 clamp(25px,4vw,34px)/1.15 Fraunces,Georgia,serif;letter-spacing:-.02em;margin:12px 0}.explore-scene .explore-intro{font-size:16px;line-height:1.5;color:#5e705b;max-width:600px;margin:0 0 22px}.explore-scene button:focus-visible{outline:3px solid #537fa0;outline-offset:3px}.explore-scene-footer{display:flex;gap:10px;position:sticky;bottom:-27px;background:#fbf8edf7;padding:16px 0 4px;margin-top:22px;border-top:1px solid #d8dec8;z-index:5}.explore-scene-footer>button{min-height:47px;padding:11px 16px;font-size:14px}.explore-scene-footer>.primary{flex:1}.explore-note{font-size:13px!important;line-height:1.55!important;color:#718064!important;text-align:center;margin:16px 0}.explore-two-actions{display:flex;gap:10px;margin-top:16px}.explore-two-actions>button{min-height:48px;flex:1;font-size:14px;padding:11px}.explore-text-button{display:block;min-height:44px;margin:8px auto;border:0;background:none;color:#678063;text-decoration:underline;text-underline-offset:4px;font-size:13px}.explore-scene .wide{width:100%;min-height:47px;margin-top:14px;font-size:15px}.explore-current{width:100%;padding:16px;display:flex;align-items:center;gap:13px;min-height:70px;border:1px solid #d9bc6d;border-radius:15px;background:#faf0ca;color:#5c5c39;text-align:left}.explore-current>span{flex:1}.explore-current>.icon{width:25px;height:25px;flex:none}.explore-ideas{display:grid;gap:12px;margin:14px 0}.explore-ideas>button{display:grid;grid-template-columns:42px 1fr 20px;grid-template-rows:auto auto;gap:7px 13px;text-align:left;border:1px solid #d4deca;border-radius:17px;background:#fffdf4;padding:17px;color:#3b5a47}.explore-ideas .icon{width:30px;height:30px;grid-row:1/3;color:var(--place);align-self:center}.explore-ideas strong{font-size:17px}.explore-ideas small{font-size:13px;color:#7b856c;grid-column:2}.explore-ideas button>span{grid-column:3;grid-row:1/3;align-self:center}.explore-map{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:19px;background:#dde3c1}.explore-map>img{width:100%;height:100%;object-fit:cover}.explore-map>button{position:absolute;transform:translate(-50%,-50%);height:42px;min-width:42px;border:3px solid #fffae8;border-radius:50%;color:white;background:var(--place);font-size:14px;font-weight:800;box-shadow:0 3px 10px #1b382842}.explore-map .map-you{z-index:2;pointer-events:none;border:3px solid white;background:#e6a849;box-shadow:0 0 0 4px #e6a84955;width:17px;height:17px}.explore-place-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.explore-place-list>button{display:flex;align-items:center;gap:12px;min-height:66px;text-align:left;border:1px solid #dce2d0;border-radius:13px;background:#fffdf5;color:#365a46;padding:12px}.explore-place-list button>span{font-size:13px;color:#819270;width:19px;flex:none}.explore-place-list strong{font-size:14px;flex:1}.explore-place-list small{display:block;font-weight:600;font-size:12px;color:#7b866d;margin-top:4px}.explore-place-list .icon{height:22px;width:22px;flex:none}.explore-notebook-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.explore-notebook-grid>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:152px;border:1px solid #dfdcc6;border-radius:9px 20px 13px 18px;background:#fffbee;color:#47664b;padding:17px 12px;box-shadow:0 3px 0 #e4dfc9}.explore-notebook-grid .icon{width:40px;height:40px;color:var(--place)}.explore-notebook-grid strong{font-size:14px}.explore-notebook-grid small{font-size:11px;color:#849072}.empty-notebook{grid-column:1/-1;min-height:110px;display:grid;place-items:center;background:#efefdf;border-radius:16px;padding:25px;text-align:center}.explore-finds{display:flex;flex-wrap:wrap;gap:10px}.explore-finds>span{display:flex;align-items:center;gap:8px;background:#f2eedb;padding:12px;border-radius:13px;font-size:13px}.explore-finds .icon{width:23px;height:23px;color:#948153}.favour-kept{display:flex;align-items:center;gap:13px;font-size:14px!important}.favour-kept>.icon{width:24px;height:24px;flex:none;color:#7a9060}.found-treasure,.trail-reveal{min-height:200px;background:#eef0db;border-radius:22px;display:grid;place-items:center;color:var(--place);margin:20px 0}.found-treasure>.icon{height:100px;width:100px;transform:rotate(-10deg)}.trail-reveal>.icon{width:100px;height:100px;transform:rotate(18deg)}.trail-reveal.finished{background:#e5edda;min-height:240px}.trail-reveal.finished>.icon{width:140px;height:140px;transform:none}.trail-choices{display:grid;gap:12px;margin-top:17px}.trail-choices>button{display:grid;grid-template-columns:50px 1fr;gap:6px 15px;padding:18px;border:1px solid #d6ddc6;border-radius:16px;background:#fffaf0;color:#637653;text-align:left}.trail-choices .icon{width:35px;height:35px;grid-row:1/3;align-self:center}.trail-choices strong{font-size:16px}.trail-choices small{font-size:12px;color:#849271}.trail-choices button:disabled{opacity:.55}.favour-cards{display:grid;gap:12px}.favour-cards>button{display:flex;align-items:center;gap:14px;min-height:100px;text-align:left;border:1px solid #dddac2;border-radius:19px;background:#fffaf0;color:#4b6247;padding:14px}.favour-person{width:57px;height:73px;flex:none}.favour-person>.character{width:100%;height:100%}.favour-cards button>span:nth-child(2){flex:1}.favour-cards strong{display:block;font-size:17px}.favour-cards small{display:block;margin-top:8px;font-size:12px;color:#7f886c;line-height:1.4}.favour-portrait{height:170px;display:flex;justify-content:center;margin:20px 0}.favour-portrait>.character{width:119px;height:170px}
.bird-grove{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:600/330;background:#dae3bd}.bird-grove>svg{width:100%;height:100%;display:block}.bird-grove.evening>svg{filter:sepia(.3) saturate(.9) brightness(.91)}.grove-bird{position:absolute;width:47px;height:47px;min-width:44px;min-height:44px;transform:translate(-50%,-50%);padding:6px;border:0;border-radius:50%;color:var(--bird);background:#f5f3d41c;display:grid;place-items:center}.grove-bird>.icon{height:34px;width:34px;fill:var(--bird);stroke:#3d5137;stroke-width:1}.grove-bird.spotted{background:#fff5c699;box-shadow:0 0 0 3px #e7c26899}.grove-bird>span{position:absolute;right:-6px;bottom:-3px;background:#fff9e3;border-radius:50%;width:18px;height:18px;color:#527548;font-size:12px;font-weight:800}.explore-under-scene{display:flex;align-items:center;gap:15px;margin-top:13px}.explore-under-scene>p{flex:1;font-size:14px;margin:0}.explore-under-scene>button{font-size:12px;min-height:44px;padding:9px}.water-play{overflow:hidden;border-radius:20px;background:#e4e9cc}.water-play>svg{display:block;width:100%;height:auto;max-height:340px}.water-gates{display:flex;gap:10px;margin:14px 0}.water-gates>button{flex:1;min-height:48px;padding:11px 9px;border:1px solid #cbd9cb;border-radius:13px;background:#fffdf4;color:#597860;font-size:14px}.water-gates>button.selected{border:2px solid #668b74;background:#e3eeda;font-weight:800}.garden-palette{display:flex;gap:8px;margin:15px 0}.garden-palette>button{display:flex;flex-direction:column;gap:8px;align-items:center;flex:1;min-height:91px;border:1px solid #d7dec5;border-radius:15px;background:#fffdf3;color:#65824f;padding:12px 8px;font-size:12px}.garden-palette .icon{width:29px;height:29px}.garden-palette .selected{border:2px solid #7d985c;background:#e7edcf}.play-garden{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:27px;background:linear-gradient(20deg,#c8d6a6,#e1e5bf);border-radius:24px}.play-garden>button{position:relative;display:grid;place-items:center;min-height:103px;border:3px solid #c4ac84;border-radius:44%;background:radial-gradient(ellipse,#b69970,#a58c65);color:var(--plant);box-shadow:0 5px 0 #b0a77c}.play-garden button>span{font-size:25px;color:#dfd1a8}.play-garden .icon{width:36px;height:36px;stroke-width:1.8;filter:drop-shadow(0 1px 0 #fff4b180)}.play-garden .grown .icon{width:58px;height:58px;stroke-width:2.2}.play-garden i{position:absolute;right:10px;top:4px;color:#f5e4a3;font-size:24px}.rhythm-pads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rhythm-pads>button{min-height:135px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;border:2px solid var(--note);border-bottom-width:7px;border-radius:20px;background:#fff9ed;color:var(--note)}.rhythm-pads button>span{font-size:35px;line-height:1}.rhythm-pads strong{font-size:15px}.rhythm-pads button:active{transform:translateY(3px);border-bottom-width:4px}.rhythm-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;margin:24px 0}.rhythm-strip>span{display:grid;place-items:center;min-height:45px;background:#e7ebd7;color:#a7af94;border-radius:9px;font-size:10px}.rhythm-strip>.filled{background:#dfe9cc;color:#58734a}.rhythm-strip>.playing{background:#e6bb69;box-shadow:0 0 0 3px #e6bb6944;color:#534b2d}.postcard{position:relative;border:10px solid #fffdf0;border-bottom-width:40px;border-radius:4px;box-shadow:0 5px 14px #5060381c;aspect-ratio:1.15;overflow:hidden;background:#d9dfbb;transform:rotate(-2deg)}.postcard>img{width:100%;height:100%;object-fit:cover;transform:scale(2.1);transform-origin:21% 74%;display:block}.postcard.view-1>img{transform-origin:51% 22%}.postcard.view-2>img{transform-origin:83% 82%}.postcard>span{position:absolute;bottom:5px;left:5px;right:5px;padding:8px;background:#fffae8e8;border-radius:7px;text-align:center;font-size:13px;color:#5d6e4d}.big-postcard{max-width:460px;margin:20px auto 25px;aspect-ratio:1.45}.big-postcard>span{font:600 18px Fraunces,Georgia,serif;padding:12px}.kept-postcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.story-portrait{position:relative;width:160px;height:190px;margin:22px auto}.story-portrait>.character{width:125px;height:180px;margin:auto}.story-portrait>span{position:absolute;bottom:15px;right:0;width:70px;height:70px;border-radius:50%;background:#ece5c3;display:grid;place-items:center;color:#95804e}.story-portrait .icon{width:38px;height:38px}.story-pages{display:flex;gap:7px;justify-content:center;margin:15px}.story-pages i{width:34px;height:5px;background:#dde1ce;border-radius:3px}.story-pages i.read{background:#8b956b}.story-keeps{display:grid;gap:8px}.story-keeps>button{min-height:49px;padding:12px;border:1px solid #d7dec8;background:#fffaf0;color:#6b7855;border-radius:13px;font-size:15px}.story-keeps>button[aria-pressed="true"]{background:#e6edd7;border-color:#7f9863}.other-stories{margin-top:20px;color:#87916f;font-size:13px}.other-stories summary{min-height:44px;padding:11px 0;cursor:pointer}.other-stories>button{display:block;background:#f1efdf;color:#64754f;border:0;min-height:47px;border-radius:12px;padding:12px;width:100%;text-align:left;margin:6px 0}.learn-footer #learn-actions #learn-wander{min-width:0;flex:none;font-size:13px;padding:11px 16px}.action-help#weave-together{background:#e4ecd8;border:1px solid #adbf93;color:#4e6a3e;min-height:44px;padding:9px 12px}
@media(max-width:700px){.home-bottom{grid-template-columns:1fr}.home-hero{margin-bottom:25px}.home-work-resume{margin-top:12px}.explore-scene-footer{bottom:-19px;padding-bottom:2px}.explore-scene>h2{font-size:27px;line-height:1.16}.explore-scene .explore-intro{font-size:14px;margin-bottom:18px}.explore-scene-footer>button{font-size:12px;padding:10px 12px}.explore-notebook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.explore-notebook-grid>button{min-height:138px}.explore-place-list{grid-template-columns:1fr}.explore-map>button{width:38px;height:38px;min-width:38px;font-size:12px}.rhythm-pads{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rhythm-pads>button{min-height:112px}.rhythm-strip{gap:3px}.rhythm-strip>span{font-size:8px;min-height:39px}.play-garden{padding:18px 12px;gap:12px}.play-garden>button{min-height:87px}.garden-palette>button{font-size:11px;padding:10px 6px;min-height:88px}.play-garden .grown .icon{width:47px;height:47px}.explore-two-actions>button{font-size:12px;padding:9px}.favour-cards strong{font-size:15px}.favour-person{width:45px;height:59px}.favour-cards small{font-size:11px}.kept-postcards{grid-template-columns:1fr 1fr}.explore-under-scene>p{font-size:12px}.exploring .mission-card{height:82px;padding:8px 11px;column-gap:5px;grid-template-columns:minmax(0,1fr) 30px 55px}.exploring #mission-progress{font-size:11px}.exploring .mission-card #mission-title{font-size:14px}.exploring #guide-btn{font-size:11px;padding:8px 6px}.exploring #viewport{bottom:calc(146px + env(safe-area-inset-bottom))}.exploring .action-button{font-size:14px}.learn-footer #learn-actions #learn-wander{font-size:11px;padding:10px}.explore-kicker{font-size:11px}.found-treasure,.trail-reveal{min-height:180px}}
@media(max-width:360px){.exploring .mission-card{grid-template-columns:minmax(0,1fr) 28px 49px;gap:3px}.exploring .mission-card #mission-title{font-size:13px}.exploring #mission-progress{font-size:10px}.explore-map>button{width:34px;height:34px;min-width:34px}.explore-two-actions{gap:7px}.water-gates{gap:7px}.water-gates>button{font-size:12px}.grove-bird{width:44px;height:44px}.garden-palette>button{font-size:10px}.learn-footer #learn-actions{flex-wrap:wrap}.learn-footer #learn-actions #learn-wander{min-height:44px;flex:1}}
@media(max-height:460px) and (min-width:600px){.exploring #viewport{bottom:calc(121px + env(safe-area-inset-bottom))}.exploring .world-bottom{min-height:calc(54px + env(safe-area-inset-bottom));padding-top:4px;padding-bottom:4px}.exploring .mission-card{height:67px;bottom:calc(54px + env(safe-area-inset-bottom));padding:5px 12px}.exploring .location-tag{bottom:calc(133px + env(safe-area-inset-bottom))}.exploring .action-button{min-height:43px}.explore-scene>h2{font-size:27px}.bird-grove,.water-play{max-width:450px;margin:auto}.play-garden{max-width:450px;margin:auto}.rhythm-pads>button{min-height:100px}.explore-scene-footer{bottom:-19px}.exploring #joystick{bottom:150px}}
@media(prefers-reduced-motion:reduce){.explore-scene *{scroll-behavior:auto}.rhythm-pads button:active{transform:none}}