.garden{background:#342c24}
.garden-shade{background:linear-gradient(0deg,#211b15e7,transparent 45%),linear-gradient(180deg,#211b156b,transparent 19%)}
.garden-index{color:#f2dcbd}
.garden[data-mode=cuisine] .garden-caption{max-width:340px}
.garden[data-mode=cuisine] .garden-title{font-size:clamp(1.6rem,3.5vw,2.7rem)}
.garden[data-mode=cuisine] .garden-index{display:none}
.garden[data-mode=cuisine]:not([data-view=ensemble]) .garden-title{font-size:clamp(1.3rem,2.7vw,1.95rem)}
.garden-detail:empty{display:none}
.garden[data-mode=cuisine] .garden-shade{background:linear-gradient(0deg,#211b15db,transparent 30%),linear-gradient(180deg,#211b154f,transparent 16%)}
.kitchen-point{
  position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;
  display:grid;place-items:center;padding:0;border:0;background:none;color:#fff;pointer-events:auto;cursor:pointer;
  touch-action:manipulation;
}
.kitchen-point::before{
  content:'';width:22px;height:22px;border:1px solid #fff;border-radius:50%;
  background:#31271a9e;box-shadow:inset 0 1px 2px #fff9,0 2px 10px #19120dbd;
  backdrop-filter:blur(5px);
}
.kitchen-point::after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#fff}
.kitchen-point[aria-pressed=true]::before{background:#547047da}
.kitchen-point[data-kind=equipment]::before{width:26px;height:26px;border-color:#ffe5ba}
.kitchen-point:focus-visible{outline:2px solid #fff;outline-offset:-3px;border-radius:50%}
.kitchen-point span{
  position:absolute;bottom:39px;left:50%;transform:translateX(-50%);white-space:nowrap;
  padding:7px 10px;border-radius:999px;background:#292118f0;border:1px solid #fff5;font-size:12px;
  opacity:0;pointer-events:none;
}
.kitchen-point:hover span,.kitchen-point:focus-visible span{opacity:1}
.kitchen-equipment{margin-top:16px}
.kitchen-equipment button[aria-pressed=true]{border-color:#d9ffb9a8;background:#9bba762a}
.kitchen-status{
  position:absolute;left:50%;bottom:max(101px,calc(90px + env(safe-area-inset-bottom)));transform:translateX(-50%);
  margin:0;max-width:calc(100% - 24px);width:max-content;border-radius:999px;
  padding:8px 12px;background:#2a221ae6;color:#fff;pointer-events:none;font-size:.78rem;text-align:center;
}
.kitchen-status:empty{display:none}
@media(max-width:600px){
  .garden-caption{max-width:calc(100vw - 46px)}
  .garden:has(.kitchen-status:not(:empty)) .garden-caption{opacity:0}
}
@media(max-height:490px){.kitchen-status{bottom:69px}}
