/* Version 12: clear destinations, a steady activity frame and visible choices. */
.home-hero{gap:30px;margin-bottom:28px}
.home-hero-art{height:285px}
.home-hero-description{margin-bottom:16px}
.home-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}
.home-shortcuts>button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px;border:1px solid #cdd8c5;border-radius:13px;background:#fffdf4;color:#315942;font-size:14px;font-weight:800}
.home-shortcuts .icon{width:19px;height:19px}
.home-work-resume{margin-top:12px}
.home-work-resume small{font-size:10px;color:#637451}
.home-work-resume strong{line-height:1.4}
.garden-chapter{min-height:188px}
.garden-progress{font-size:12px;color:#637451;margin-top:12px}
.garden-status{font-size:12px;color:#345b42;font-weight:800}
.garden-dots{margin-top:10px}
.home-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-bottom>button{line-height:1.4}
#home-chapters-heading{scroll-margin-top:18px}
#home-chapters-heading:focus-visible{outline:3px solid #5384a1;outline-offset:6px;border-radius:4px}
.learn-header #learn-journal{border:1px solid #d2dcc9;background:#fffdf4;min-height:44px;border-radius:12px}
.learn-header #learn-home{min-height:44px}
.craft-actions #craft-read{width:auto;min-width:60px;min-height:44px;display:flex;align-items:center;gap:5px;padding:8px;font-size:12px}
.craft-actions #craft-read .icon{width:20px;height:20px}
.craft-actions #craft-help{width:auto;min-width:44px;font-size:12px;padding:8px}
#world-notebook-label{display:none}
.exploring #basket-btn:after{content:none}
.exploring #basket-btn #world-notebook-label{display:block;position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:9px;color:#345942}
.exploring #mission-title{overflow-wrap:anywhere}

/* Navigation and action never disappear below a long activity. */
#modal.explore-dialog{width:min(820px,calc(100vw - 20px));height:min(800px,calc(var(--app-height,100dvh) - 24px));max-height:calc(var(--app-height,100dvh) - 24px);padding:0;overflow:hidden;border-radius:22px;background:#fbf8ed}
#modal.explore-dialog>#modal-close{display:none}
#modal.explore-dialog>#modal-content{height:100%;min-height:0}
.explore-dialog .explore-scene{height:100%;max-width:none;margin:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.explore-scene-header{display:flex;align-items:center;gap:14px;min-height:66px;padding:10px 18px;border-bottom:1px solid #d7dfca;background:#fffdf5}
.explore-scene-header>button{min-height:44px;min-width:66px;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 12px;font-size:13px;flex:none}
.explore-scene-header>button .icon{width:18px;height:18px}
.explore-scene-header .explore-kicker{flex:1;justify-content:center;min-width:0;margin:0;line-height:1.3;font-size:13px;font-weight:800;color:#48634a}
.explore-kicker>.icon{flex:none;color:var(--place)}
.explore-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:22px 26px 24px;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}
.explore-heading{display:flex;align-items:flex-start;gap:14px;margin:0 0 12px}
.explore-heading h2{flex:1;min-width:0;font:600 clamp(25px,4vw,33px)/1.16 Fraunces,Georgia,serif;letter-spacing:-.025em;margin:0;color:#244a3d}
.explore-heading h2:focus{outline:none}
.explore-heading .explore-listen{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;flex:none;width:52px;height:48px;border-radius:12px;font-size:10px;color:#365d45;margin:0;background:#eaf0df}
.explore-scene .explore-intro{color:#50674f;font-size:15px;line-height:1.55;margin:0 0 20px}
.explore-dialog .explore-scene-footer{position:static;bottom:auto;display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0;padding:12px 18px;background:#fffdf5;border-top:1px solid #d7dfca;box-shadow:0 -5px 15px #2c4c2910}
.explore-scene-footer>.explore-save-state{flex:1;min-width:0;font-size:12px;line-height:1.4;margin:0;color:#617551}
.explore-dialog .explore-scene-footer>button{min-height:48px;padding:11px 16px;font-size:14px;margin:0;line-height:1.3}
.explore-scene-footer>.primary{width:auto;flex:1;order:2}
.explore-scene-footer>.secondary{order:1}
.explore-scene-footer.has-action>.explore-save-state{display:none}
.explore-scene-footer.has-action>.explore-save-state.save-problem{display:block;order:3;flex-basis:100%;color:#98513a}
.explore-scene .explore-note{color:#566b4e!important;font-size:14px!important}
.explore-scene .explore-two-actions{flex-wrap:wrap;margin:14px 0}
.explore-scene .explore-two-actions>button{flex:1;min-height:46px}
.explore-scene .water-gates{gap:8px}
.explore-scene .water-gates>button{font-size:13px;line-height:1.4;min-height:50px}
.explore-scene button[aria-pressed="true"]{outline:2px solid #53724b;outline-offset:2px}
.explore-scene .play-garden.editing{outline:3px dashed #946f42;outline-offset:3px}
.explore-scene .play-garden.editing>.planted{border-color:#fff0c8}
.explore-scene .garden-palette>button{font-size:12px;line-height:1.3}
.story-pages{align-items:center;flex-wrap:wrap}
.story-pages>span{font-size:12px;color:#60734d;margin-right:8px}
.explore-scene .rhythm-strip>span{font-size:11px}
.explore-scene .explore-map>button{height:44px;width:44px;min-width:44px}
.explore-place-list small,.explore-ideas small,.explore-notebook-grid small{color:#62714f}
.explore-place-list>button{min-height:72px}
.other-stories{color:#526847}

@media(max-width:700px){
 .home-hero{gap:16px;margin-bottom:26px}
 .home-hero-art{height:110px}
 .home-hero-copy h1{font-size:29px}
 .home-hero-description{font-size:14px;margin-bottom:14px}
 .home-shortcuts{gap:9px;margin-top:12px}
 .home-shortcuts>button{font-size:13px}
 .home-work-resume{padding:12px}
 .home-work-resume strong{font-size:13px}
 .garden-chapter{min-height:172px;padding:16px}
 .garden-chapter.current{padding:15px}
 .garden-progress{font-size:11px;margin-top:9px}
 .garden-status{font-size:12px}
 .home-bottom{grid-template-columns:1fr}
 .learn-header .learn-location{display:none}
 .learn-header .listen-button{margin-left:auto}
 .learn-header #learn-home,.learn-header #learn-journal{font-size:12px;padding:8px}
 .craft-actions #craft-read{min-width:44px;flex-direction:column;gap:1px;font-size:9px;padding:4px}
 #modal.explore-dialog{width:calc(100vw - 12px);height:calc(var(--app-height,100dvh) - 16px);max-height:calc(var(--app-height,100dvh) - 16px);border-radius:17px}
 .explore-scene-header{min-height:62px;gap:8px;padding:8px 10px}
 .explore-scene-header>button{min-width:55px;font-size:12px;padding:8px}
 .explore-scene-header .explore-kicker{font-size:12px;gap:6px}
 .explore-kicker>.icon{width:19px;height:19px}
 .explore-body{padding:19px 16px 22px;scrollbar-gutter:auto}
 .explore-heading{gap:8px}
 .explore-heading h2{font-size:26px}
 .explore-scene .explore-intro{font-size:14px;margin-bottom:17px}
 .explore-dialog .explore-scene-footer{padding:10px;gap:8px}
 .explore-dialog .explore-scene-footer>button{font-size:12px;padding:10px 12px;min-height:48px}
 .explore-scene-footer>.explore-save-state{font-size:11px}
 .explore-scene .water-gates>button{font-size:12px;padding:9px 5px}
 .explore-scene .rhythm-strip>span{font-size:9px}
 .explore-scene .explore-map>button{font-size:13px}
}
@media(max-width:360px){
 .home-hero-art{height:96px}
 .home-hero-copy h1{font-size:27px}
 .home-section-heading{flex-wrap:wrap}
 .home-finished{font-size:11px;margin:0}
 .garden-chapter{padding:13px;min-height:170px}
 .garden-chapter.current{padding:12px}
 .garden-progress{font-size:10px}
 .explore-scene-header .explore-kicker>.icon{display:none}
 .explore-body{padding:16px 13px 20px}
 .explore-heading h2{font-size:24px}
 .explore-scene-footer.has-action>#explore-notebook{max-width:112px}
 .explore-scene .garden-palette>button{font-size:11px}
 .explore-scene .rhythm-strip>span{font-size:8px}
}
@media(max-height:460px) and (min-width:600px){
 .home-hero-art{height:250px}
 #modal.explore-dialog{height:calc(var(--app-height,100dvh) - 12px);max-height:calc(var(--app-height,100dvh) - 12px)}
 .explore-scene-header{min-height:54px;padding:5px 14px}
 .explore-body{padding-top:16px}
 .explore-dialog .explore-scene-footer{padding:6px 14px}
 .explore-dialog .explore-scene-footer>button{min-height:44px}
}