/* ============ BABY — floresta 3D pixelizada ============ */
.forest{padding:12vh 6vw}
.forest__head{max-width:760px;margin-bottom:5vh}
.forest__lead{margin-top:1.4rem;color:var(--charcoal);
  font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.6}

.forest__stage{position:relative;height:72vh;min-height:460px;
  background:var(--obsidian);overflow:hidden}
.forest__stage canvas{position:absolute;inset:0;display:block;
  width:100%!important;height:100%!important;image-rendering:pixelated;
  image-rendering:crisp-edges;cursor:none}

.forest__ui{position:absolute;top:1.2rem;left:1.2rem;z-index:2;
  display:flex;flex-wrap:wrap;gap:.6rem;max-width:80%}
.forest__ui button{background:rgba(247,245,242,.08);
  border:1px solid rgba(247,245,242,.25);color:var(--ivory);cursor:none;
  font-family:inherit;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  padding:.7rem 1rem;transition:background .3s,color .3s,border-color .3s}
.forest__ui button:hover{background:var(--caramel);color:var(--obsidian);border-color:var(--caramel)}
.forest__ui button.alt{border-color:rgba(247,245,242,.15);opacity:.85}

.forest__hint{position:absolute;bottom:1.2rem;left:1.2rem;z-index:2;
  color:rgba(247,245,242,.5);font-size:.72rem;letter-spacing:.06em;max-width:60%}
.forest__count{position:absolute;bottom:1.2rem;right:1.2rem;z-index:2;
  color:var(--caramel);font-size:.72rem;letter-spacing:.1em}

.forest__fallback{position:absolute;inset:0;display:none;align-items:center;
  justify-content:center;text-align:center;color:rgba(247,245,242,.7);
  font-size:.9rem;padding:2rem}

@media(max-width:760px){
  .forest__stage{height:62vh}
  .forest__ui{max-width:92%}
}