@font-face{
  font-family:"Botanical Pinky";
  src:url("home-assets/pinky.otf") format("opentype");
  font-display:swap;
}

.botanical-page{
  overflow:hidden;
  background:#172319;
}
.botanical-page::before{display:none}
.botanical-scroll{
  position:relative;
  width:100%;
  height:100%;
  min-height:0;
  flex:1 1 auto;
  align-items:stretch;
  padding:0;
  overflow:hidden;
  isolation:isolate;
}
.botanical-back{
  position:absolute;
  z-index:0;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.045);
  transform-origin:center bottom;
  pointer-events:none;
}
.botanical-corner{
  position:absolute;
  z-index:1;
  display:block;
  width:clamp(104px,40%,220px);
  height:auto;
  object-fit:contain;
  pointer-events:none;
}
.botanical-corner-tl{
  top:0;
  left:0;
}
.botanical-corner-tr{
  top:0;
  right:0;
  transform:scaleX(-1);
}
.botanical-corner-bl{
  bottom:0;
  left:0;
  transform:scaleY(-1);
}
.botanical-corner-br{
  right:0;
  bottom:0;
  transform:rotate(180deg);
}
.botanical-rooms{
  position:absolute;
  z-index:2;
  left:9%;
  bottom:calc(max(8px,env(safe-area-inset-bottom)) + 14%);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  width:82%;
  height:25%;
  margin:0;
  column-gap:clamp(0px,1vw,8px);
  row-gap:clamp(2px,1vh,10px);
}
.botanical-room{
  display:flex;
  min-width:0;
  min-height:0;
  padding:2px 1px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  cursor:pointer;
  color:inherit;
  transition:background-color .16s ease,border-color .16s ease;
}
.room-art{
  display:block;
  width:100%;
  height:70%;
  min-height:0;
  flex:1 1 auto;
  object-fit:contain;
  transition:filter .16s ease,transform .16s ease;
}
.room-name{
  display:block;
  max-width:100%;
  flex:0 0 auto;
  overflow-wrap:anywhere;
  font-family:"Botanical Pinky",serif;
  font-size:clamp(11px,4vw,19px);
  line-height:1.12;
  letter-spacing:.01em;
  text-align:center;
  text-shadow:0 1px 7px rgba(9,17,9,.7);
}
.room-green .room-name{color:#9ca463}
.room-cream .room-name{color:#ded99e}
.botanical-room:hover .room-art,
.botanical-room:active .room-art,
.botanical-room:focus-visible .room-art{
  filter:drop-shadow(0 0 4px rgba(255,221,119,.95)) drop-shadow(0 0 10px rgba(255,197,71,.66));
  transform:translateY(-1px);
}
.botanical-room:active{background:rgba(255,218,113,.06)}
.botanical-room:focus-visible{
  outline:2px solid rgba(255,220,112,.78);
  outline-offset:1px;
  border-color:rgba(255,220,112,.34);
}
@media (min-width:760px){
  .botanical-scroll{
    width:min(100%,50vh);
    width:min(100%,50dvh);
    height:100%;
    flex:0 0 100%;
    align-self:center;
  }
  .room-name{font-size:clamp(15px,1.9vw,22px)}
}
@media (max-height:680px){
  .room-name{font-size:clamp(10px,3.6vw,16px)}
}
@media (prefers-reduced-motion:reduce){
  .botanical-room,.room-art{transition:none}
}

/* Shared reading and topic-pool entries below the six existing room labels. */
.home-shortcuts{position:absolute;z-index:3;left:0;right:0;bottom:calc(max(8px,env(safe-area-inset-bottom)) + 14% - 52px);display:flex;align-items:center;justify-content:center;gap:12px}
.home-reading-entry{display:flex;gap:5px;align-items:center;justify-content:center;min-width:68px;min-height:44px;padding:4px 8px;color:#ded99e;text-decoration:none;font-size:12px;border-radius:10px;background:rgba(23,35,25,.36)}
.home-reading-entry svg{width:23px;height:23px;flex:none}.home-reading-entry:focus-visible{outline:2px solid #ded99e;outline-offset:2px}#homeSettingsBtn.home-settings-star{position:static;transform:none;padding:0}

@media(max-width:360px){.home-shortcuts{gap:6px}.home-shortcuts .home-reading-entry{padding-inline:6px}}