/* Reserved left book column; mountain remains entirely in its own area. */
.high-note{left:4%;top:24%;bottom:auto;width:27%;max-width:300px;padding:0;background:none;border:0;color:var(--ink);border-radius:0}
.chapter-book{display:block;border:0;padding:0;background:none;width:clamp(90px,12vw,153px);margin:0 0 20px;transform:rotate(-3deg);box-shadow:7px 9px 0 #283b3b22;border-radius:3px}
.chapter-book img{display:block;width:100%;height:auto}.chapter-book:hover{transform:rotate(0deg)}
.chapter-placeholder{display:flex;aspect-ratio:1;flex-direction:column;justify-content:space-between;padding:14px;background:#f9e8bf;border:1px solid #aa855d;color:#4c493b;border-left:7px solid #c3845d;box-shadow:inset 0 0 0 5px #fff2d1}.chapter-placeholder span{font:700 16px Georgia,serif}.chapter-placeholder b{font:normal 46px Georgia,serif}.chapter-placeholder small{font:8px Arial,sans-serif;letter-spacing:.07em}
.high-note .chapter-label{font-size:11px;margin:0 0 13px;letter-spacing:.14em}.high-note #height-story{font:700 clamp(21px,2.1vw,31px)/1.16 Georgia,serif;letter-spacing:-.3px;text-shadow:0 1px 0 #fff7e7;text-underline-offset:6px;text-decoration-thickness:1px}.high-note .chapter-discover{font:13px/1.7 Arial,sans-serif;margin:14px 0}.high-note .ink-button{padding:8px 11px;font:12px Arial,sans-serif;min-height:38px}
.controls{left:4%;transform:none;bottom:73px;padding:3px;gap:0;border-color:#718476;background:#fff4d7ed;box-shadow:0 3px 10px #324f3820}.controls button{min-width:43px;min-height:44px;padding:3px 8px}.controls .home-control{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:50px;line-height:1}.controls .home-control span{font-size:18px;line-height:1}.home-control small{font:10px Arial,sans-serif;margin-top:3px}.controls span{font-size:23px}.planet-back{min-height:28px;text-decoration:underline}.stormy .high-note{color:#fff9e9}.stormy .high-note #height-story{color:#fff7df;text-shadow:none}
@media(max-width:800px){.high-note{left:3%;top:26%;bottom:auto;width:27%;max-width:none;background:none;padding:0}.high-note #height-story{font-size:clamp(14px,3.7vw,22px);line-height:1.2;letter-spacing:0;text-underline-offset:3px}.high-note .chapter-label{font-size:10px;margin:0 0 8px}.chapter-book{width:95%;max-width:115px;margin-bottom:15px}.high-note .chapter-discover{font-size:11px;line-height:1.4;margin:10px 0}.high-note .ink-button{font-size:11px;min-height:44px;padding:7px 8px;width:100%}.chapter-placeholder{padding:8px}.chapter-placeholder b{font-size:32px}.chapter-placeholder span{font-size:12px}.chapter-placeholder small{font-size:6px}.controls{left:3%;bottom:93px}.intro{left:5%;max-width:84%;top:23%}.height-marker{right:0;width:40px}.ruler{height:125px}.height-marker output{font-size:15px}.height-marker #height-label{font-size:10px}.planet-back{font-size:12px}.high-note .chapter-book{min-height:44px}.chapter-book img{aspect-ratio:1;object-fit:contain}}
@media(max-height:580px){.high-note{top:27%;width:27%;left:3%;bottom:auto}.chapter-book{width:72px;float:left;margin:0 12px 8px 0}.high-note #height-story{font-size:18px}.high-note .chapter-discover{font-size:10px;margin:8px 0}.high-note .ink-button{clear:both;min-height:36px;padding:7px}.high-note .chapter-label{font-size:10px;margin-bottom:7px}.controls{bottom:57px}.chapter-placeholder{padding:5px}.chapter-placeholder b{font-size:23px}.chapter-placeholder small{display:none}}
@media(max-width:420px){.high-note{top:27%}.high-note .chapter-discover{font-size:10px}.controls{bottom:97px}.chapter-book{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.chapter-book{transition:none}.chapter-book:hover{transform:rotate(-3deg)}}

/* The footpath ends on the meadow plane; the soil cross-section stays vertical. */
.ground-edge{clip-path:inset(0 0 32.2% 0)}#terrain-lip{position:absolute;left:0;right:0;height:26px;z-index:9;pointer-events:none;background:linear-gradient(#a4bf38 0 3px,#83a631 3px 9px,#53782f 9px 12px,#8c6035 12px 15px,transparent 15px);clip-path:polygon(0 10%,8% 12%,16% 0,24% 9%,32% 2%,40% 10%,48% 4%,56% 13%,64% 0,72% 9%,80% 2%,88% 11%,96% 0,100% 8%,100% 100%,0 100%)}

.earth{border-top:0}footer{background:#fff4d7ed;color:#283b3b!important;padding:8px 12px;border:1px solid #8a825f77;border-radius:7px}.height-marker{right:10px}

/* Mirrored adjacent rock strips meet at identical source edges. */
.rock-piece{transform-origin:center center}.hive-touch{position:absolute;z-index:14;min-width:44px;min-height:44px;border:0;background:transparent;border-radius:50%;cursor:pointer}.hive-touch:hover{box-shadow:0 0 0 2px #e9c66c55}.hive-swarm{position:absolute;z-index:12;pointer-events:none}.hive-swarm i{position:absolute;width:13px;height:8px;border:1px solid #554936;border-radius:50%;background:repeating-linear-gradient(90deg,#e4bd50 0 3px,#534d3c 3px 5px);animation:swarm-visit 3s ease-in-out var(--delay) both}.hive-swarm i:before,.hive-swarm i:after{content:'';position:absolute;width:7px;height:6px;border:1px solid #849da4;border-radius:50%;background:#effaffdf;top:-5px;left:0}.hive-swarm i:after{left:6px}.summit-wind{position:absolute;inset:13% 0 20%;z-index:3;pointer-events:none;opacity:0}.summit-wind i{position:absolute;width:130px;height:30px;left:-150px;top:16%;border-top:2px solid #fff8e980;border-radius:50%;opacity:0}.summit-wind i:nth-child(2){top:34%;animation-delay:1.8s!important;width:90px}.summit-wind i:nth-child(3){top:57%;animation-delay:3.5s!important;width:180px}.summit-wind.blowing i{animation:summit-breeze 7s linear infinite}@keyframes swarm-visit{0%,100%{transform:rotate(var(--angle)) translateX(0) rotate(calc(-1*var(--angle)));opacity:0}25%,70%{transform:rotate(var(--angle)) translateX(var(--reach)) rotate(calc(-1*var(--angle)));opacity:1}}@keyframes summit-breeze{10%{opacity:.7}80%{opacity:.4}100%{transform:translateX(calc(100vw + 200px));opacity:0}}.reduced-motion .hive-swarm i{animation:none;transform:rotate(var(--angle)) translateX(35px);opacity:1}.reduced-motion .summit-wind i{animation:none!important}@media(prefers-reduced-motion:reduce){.hive-swarm i{animation:none;transform:rotate(var(--angle)) translateX(35px);opacity:1}.summit-wind i{animation:none!important}}

.bucket-notice{position:absolute;z-index:14;background:transparent;border:0;cursor:pointer;min-width:44px;min-height:44px;border-radius:8px}.bucket-notice:hover,.bucket-notice:focus-visible{outline:2px dashed #d5a756;outline-offset:3px}