/* Garden decoration is present only on the feed and post detail. */
html body.bg-game:has([data-garden-scene]){background:#dce5cb!important}
.bc-garden-scene{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,#f2eddf18,#e5ead321),url("bacavia-world/garden.webp") center/cover no-repeat}
body:has([data-garden-scene])>.shell{position:relative;isolation:isolate;z-index:1}
body:has([data-garden-scene]) .bc-app{position:relative;isolation:isolate}
.bc-app .bc-garden-scene{z-index:-1}
body:has([data-garden-scene]) .bc-topnav{background:#fffcf4f5;border:1px solid #ded7c5;border-radius:18px;padding:12px;margin-bottom:18px}
.bc-garden-layout{background:#f7f5eae8;border:1px solid #fff9e4;border-radius:24px;padding:26px;box-shadow:0 12px 40px #183c3820}
.bc-garden-layout .bc-card{background:#fffcf7}
.bc-garden-perch{position:relative;height:150px;display:flex;align-items:flex-start;gap:12px;padding:18px 24px}
.bc-garden-caption{color:#254c42;background:#fffcf4ed;padding:7px 14px;border-radius:30px;font-size:11px;font-weight:750;letter-spacing:.15em}
.bc-garden-cat{position:absolute;width:184px;height:88px;bottom:0;right:40px;overflow:visible}
.bc-app .bc-garden-toggle{background:#fffcf4f5;font-size:12px;min-height:34px;padding:7px 12px;border-radius:30px}
.bc-garden-branch{position:absolute;width:clamp(110px,17vw,290px);height:auto;bottom:-45px;left:-70px;filter:drop-shadow(0 8px 7px #18382330)}
.bc-garden-branch-right{left:auto;right:-65px;transform:scaleX(-1);bottom:8%}
.bc-garden-sway{transform-origin:0 100%;animation:bc-garden-sway 7s ease-in-out infinite alternate}
.bc-garden-branch-right .bc-garden-sway{animation-delay:-3s;animation-duration:9s}
.bc-garden-breathe{transform-origin:120px 95px;animation:bc-garden-breathe 4.5s ease-in-out infinite}
.bc-garden-tail{transform-origin:168px 79px;animation:bc-garden-tail 6.5s ease-in-out infinite}
.bc-garden-light{position:absolute;inset:-5%;background:radial-gradient(ellipse at 65% 10%,#fff3b745,transparent 55%);animation:bc-garden-light 12s ease-in-out infinite alternate}
.bc-garden-mote{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff5bb;left:8%;top:38%;animation:bc-garden-drift 13s ease-in-out infinite}
.bc-garden-mote:nth-last-child(2){left:90%;top:58%;animation-delay:-6s}
.bc-garden-mote:last-child{left:75%;top:25%;animation-delay:-10s}
[data-garden-scene][data-motion="paused"] *,body:has([data-garden-scene][data-motion="paused"]) .bc-garden-cat *{animation-play-state:paused!important}
@keyframes bc-garden-sway{from{transform:rotate(-2deg)}to{transform:rotate(3deg)}}
@keyframes bc-garden-breathe{50%{transform:scaleY(1.025)}}
@keyframes bc-garden-tail{0%,60%,100%{transform:rotate(0deg)}75%{transform:rotate(-12deg)}87%{transform:rotate(5deg)}}
@keyframes bc-garden-light{to{opacity:.4;transform:translate3d(2%,1%,0)}}
@keyframes bc-garden-drift{0%,100%{opacity:0;transform:translate3d(0,0,0)}30%,70%{opacity:.65}90%{transform:translate3d(25px,-60px,0)}}
@media(max-width:760px){
 .bc-garden-scene{background-image:linear-gradient(180deg,#f2eddf18,#e5ead321),url("bacavia-world/garden-mobile.webp");background-position:62% center}
 .bc-garden-layout{padding:14px 10px;border-radius:18px;gap:18px}
 .bc-garden-layout .bc-heading{padding:0 5px}
 .bc-garden-perch{height:142px;padding:8px 4px;gap:7px;flex-wrap:wrap;align-content:flex-start}
 .bc-garden-caption{font-size:9px;padding:9px 10px}
 .bc-garden-cat{width:145px;height:70px;right:15px}
 .bc-garden-branch{width:130px;left:-80px}
 .bc-garden-branch-right{left:auto;right:-80px;bottom:3%}
 .bc-garden-mote:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){.bc-garden-scene *,.bc-garden-cat *{animation:none!important}}

/* Compact social feed; keep the island's navigation and garden identity. */
body:has([data-garden-scene]) .bc-topnav{display:none}
body:has([data-garden-scene]) .bg-hud-links>a{background:transparent;border:0;border-radius:0;box-shadow:none;padding:10px 9px}
body:has([data-garden-scene]) .bg-hud-links>a[href="/ebook/taman"]{border-bottom:2px solid #007e87}
.bc-garden-perch{height:74px;padding:8px 12px}
.bc-garden-cat{width:128px;height:61px;right:24px}
.bc-garden-caption{display:none}
.bc-app .bc-garden-toggle{background:#fffcf4dd;border:0;min-height:36px;font-weight:500}
.bc-garden-layout{padding:20px;gap:24px;background:#f7f5eaed}
.bc-garden-layout .bc-heading{margin:0 0 16px}
.bc-garden-layout .bc-heading>p{display:none}
.bc-garden-layout .bc-heading h1{font-size:28px;margin:0 0 4px}
.bc-garden-layout .bc-heading>span{font-size:14px}
.bc-garden-layout .bc-card{padding:18px;border-radius:16px}
.bc-garden-layout .bc-composer{margin-bottom:12px}
.bc-garden-layout .bc-composer .bc-person strong{font-size:14px;font-weight:500}
.bc-garden-layout .bc-composer textarea{min-height:58px;height:64px;padding:10px 12px;margin:10px 0 4px;transition:height .15s}
.bc-garden-layout .bc-composer:focus-within textarea,.bc-garden-layout .bc-composer textarea:not(:placeholder-shown){height:112px}
.bc-garden-layout .bc-composer>details{display:inline-block;margin:0 10px 0 0;font-size:13px;vertical-align:middle}
.bc-garden-layout .bc-composer>details[open]{display:block}
.bc-garden-layout .bc-composer>.bc-primary{min-height:40px;padding:8px 14px;font-size:13px}
.bc-garden-layout .bc-tabs{margin:0 0 14px;border-bottom:1px solid var(--bc-line);gap:24px}
.bc-garden-layout .bc-tabs a{background:transparent;color:#536e71;border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 4px}
.bc-garden-layout .bc-tabs a[aria-current=page]{border-bottom-color:#007e87;color:#007e87;font-weight:700}
.bc-garden-layout .bc-sidebar h2{font-size:20px}.bc-garden-layout .bc-sidebar p{font-size:14px}
.bc-garden-layout .bc-sidebar .bc-symbol{display:none}
@media(max-width:760px){
 .bc-garden-perch{height:64px;padding:0 4px}
 .bc-garden-cat{width:100px;height:48px;right:16px}
 .bc-garden-layout{padding:14px 8px;gap:16px}
 .bc-garden-layout .bc-card{padding:14px}
 .bc-garden-layout .bc-heading h1{font-size:24px}
 .bc-garden-layout .bc-composer textarea{min-height:58px}
 .bc-garden-layout .bc-composer .bc-person{gap:8px}
}