.treehouse-heading{margin:8px 0 24px}.treehouse-heading .eyebrow{margin-top:24px}.treehouse-heading h1{font-size:clamp(28px,4vw,42px);margin:8px 0}.treehouse-heading p{color:#527366}.treehouse-scene{position:relative;background:#cceff0;aspect-ratio:800/550;border-radius:28px;overflow:hidden;max-width:900px;margin:0 auto 24px;box-shadow:0 10px 30px #245e4c14}.treehouse-scene>svg{display:block;width:100%;height:100%}.treehouse-coco{position:absolute;width:15%;left:40%;top:61%}.treehouse-coco .buddy-portrait{width:100%;margin:0}.treehouse-next{background:#edf5e6;padding:20px;border-radius:16px}.treehouse-missions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0}.treehouse-mission{background:#fff;border:1px solid #dfe9df;padding:24px;border-radius:22px;display:flex;flex-direction:column;align-items:flex-start}.treehouse-mission.built{background:#edf7ee}.mission-icon{font-size:34px;margin-bottom:12px}.treehouse-mission small{font-weight:900;letter-spacing:1px;color:#547164}.treehouse-mission h2{font-size:22px;margin:10px 0}.treehouse-mission p{line-height:1.6}.treehouse-mission .button{margin-top:auto}.mission-reward{font-weight:800;color:#547164}.picnic-friends{position:absolute;left:61%;top:75%;width:22%;display:flex;align-items:center;justify-content:space-between;font-size:clamp(19px,4vw,40px)}.treehouse-celebrate .built-part{animation:treehouse-reveal 1s ease-out}.treehouse-celebrate .treehouse-coco,.treehouse-celebrate .picnic-friends>span{animation:treehouse-party 1.2s ease-in-out 2}.treehouse-celebrate .picnic-friends>span:nth-child(2){animation-delay:.15s}.treehouse-celebrate .picnic-friends>span:nth-child(3){animation-delay:.3s}@keyframes treehouse-reveal{from{opacity:.2}to{opacity:1}}@keyframes treehouse-party{35%{translate:0 -10px;rotate:-4deg}70%{translate:0 -5px;rotate:4deg}}@media(max-width:800px){.treehouse-missions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.treehouse-missions{grid-template-columns:1fr}.treehouse-mission{padding:20px}.treehouse-mission .button{width:100%}}@media(prefers-reduced-motion:reduce){.treehouse-scene *{animation:none!important}}

.treehouse-scene{aspect-ratio:3/2;max-width:1100px;border:6px solid #fff9ec;box-shadow:0 16px 45px #345d4520;border-radius:30px}.treehouse-art{display:block;width:100%;height:100%;object-fit:cover}.treehouse-scene>.treehouse-buildings{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.treehouse-coco{width:13%;left:48%;top:64%;filter:drop-shadow(0 8px 3px #32583e30)}.treehouse-next{max-width:1100px;margin:0 auto 32px;background:#fff3d3;border:1px solid #ecddb2;color:#5d623f;line-height:1.7}.treehouse-chapters-heading{margin:38px 0 20px}.treehouse-chapters-heading h2{font-size:26px;letter-spacing:-.5px;margin:8px 0}.treehouse-chapters-heading p{color:#667d6c;margin:0}.treehouse-mission{position:relative;border:1px solid #e5e7db;box-shadow:0 7px 18px #395d4507;background:#fffdf7}.treehouse-mission.next-chapter{border:2px solid #88b7a0;background:linear-gradient(145deg,#f5fbef,#fffdf7);box-shadow:0 9px 22px #406e4b13}.treehouse-mission.built{background:#f2f7ef;border-color:#d1e1cd}.treehouse-mission.future-chapter{background:#f8f7f1}.mission-icon{display:grid;place-items:center;width:64px;height:64px;background:#f5ebd5;border-radius:20px;font-size:32px;box-shadow:inset 0 -3px 0 #ded4be30}.treehouse-mission.built .mission-icon{background:#deecd7}.treehouse-mission .mission-reward{padding:10px 0;border-top:1px solid #e7ebdf;width:100%;font-size:14px}.treehouse-mission .button{border-radius:14px}.picnic-friends{left:74%;top:82%;width:16%;font-size:clamp(15px,3vw,30px)}@media(max-width:550px){.treehouse-scene{border-width:3px;border-radius:20px}.treehouse-heading h1{font-size:29px}.treehouse-mission{padding:22px}.treehouse-next{font-size:15px}.treehouse-chapters-heading h2{font-size:23px}}

.treehouse-heading .treehouse-rule{display:inline-block;background:#fffaf0;border:1px solid #e8dfbe;border-radius:12px;padding:8px 14px;font-weight:800;color:#6b5a2e}
.treehouse-review-note{text-align:center;color:var(--muted);font-size:15px;margin:10px 0 0}

/* Pip and Finn sit either side of the picnic blanket drawn in the scene */
.picnic-friends{left:73%;top:85%;width:19%;font-size:clamp(12px,2.6vw,30px)}

/* Chapter icons are crops of the treehouse scene; chapters not yet built are shown softly */
.treehouse-mission .mission-icon{width:96px;height:96px;padding:0;overflow:hidden;border-radius:22px;border:3px solid #fff;box-shadow:0 4px 12px #3d5b4424;background:#cfe6d6}
.part-icon{display:block;width:100%;height:100%}
.treehouse-mission:not(.built) .part-icon{filter:saturate(.35) brightness(1.08);opacity:.8}
.treehouse-mission.next-chapter .part-icon{filter:saturate(.7);opacity:.95}
@media(max-width:550px){.treehouse-mission .mission-icon{width:84px;height:84px}}

/* Only the building just made fades in; the rest of the treehouse stays put */
.treehouse-celebrate .built-part{animation:none}
.treehouse-celebrate .built-part.is-new{animation:treehouse-reveal 1.4s ease-out}
.treehouse-built-note{max-width:1100px;margin:0 auto 18px;text-align:center;font-weight:900;font-size:20px;color:#2f6b4f}
.treehouse-result{text-align:center}.treehouse-result h1{font-size:clamp(24px,4vw,32px);margin:0 0 8px}
.treehouse-result .finish-buttons{justify-content:center}
.inline-link{display:inline;min-height:0;padding:0;font:inherit;font-weight:800}
.picnic-friends{left:71%;top:81%;width:22%;font-size:clamp(20px,3.2vw,34px)}
.treehouse-mission h3{font-size:22px;margin:10px 0}
@media(max-width:550px){.treehouse-mission h3{font-size:20px}}