/* V114 · Expansive painted Garden of Us. Existing star ledger, purchases, and tree milestones are unchanged. */
.olu114-yard-wrapper{padding:10px!important;overflow:hidden;border:1px solid #e6c4998c;background:linear-gradient(145deg,#403153,#2a2345)!important;box-shadow:0 15px 35px #09081966}
.olu114-pan-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 11px 12px;color:#ffe6c5}
.olu114-pan-head>div:first-child{display:grid;gap:3px}
.olu114-pan-head strong{font:700 clamp(19px,2.4vw,27px) Georgia,serif;letter-spacing:.01em}
.olu114-pan-head span{font-size:12px;font-weight:500;color:#d5bed3}
.olu114-pan-actions{display:flex;gap:7px}
.olu114-pan-actions button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #e5bd91a3;border-radius:50%;background:#442e58;color:#ffe0b5;font:700 28px/1 Georgia,serif}
.olu114-pan-actions button:disabled{opacity:.3}
.olu114-pan-window{display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#b99ab3 #261d37;border:1px solid #d6b8919c;border-radius:19px;background:#18223d;touch-action:pan-x pan-y;scroll-behavior:smooth}
.olu114-pan-window:focus-visible{outline:3px solid #f5c88b;outline-offset:2px}
#gardenScene.yard-scene{width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:1179/470!important;min-width:0;border-radius:17px!important;overflow:hidden;isolation:isolate}
#gardenScene .yard-base{width:100%!important;height:100%!important;object-fit:fill!important;object-position:center!important}
/* The original transparent sprites are individually placed on the wide canvas with real empty space around them. */
#gardenScene .olu-together-tree-painting{left:0%!important;top:0%!important;width:51.7388%!important;height:72.9787%!important;object-fit:fill!important;object-position:top left!important;z-index:3!important;filter:none!important;mix-blend-mode:normal}
#gardenScene .v45-painting-layers{z-index:4!important}
#gardenScene .v45-painting-item{transform-origin:center bottom!important;filter:none!important;transition:opacity 1.7s ease, transform 1.6s cubic-bezier(.17,.69,.25,1),filter 1.2s ease}
#gardenScene .v45-painting-item.awakened{filter:drop-shadow(0 2px 3px #21172d38)!important;animation:olu114-painted-awakening 1.4s ease-out both}
#gardenScene .v45-painting-item.blooming{filter:brightness(1.22) drop-shadow(0 0 13px #ffe5ac8f)!important}
@keyframes olu114-painted-awakening{0%{opacity:0;transform:translateY(10px) scale(.97);filter:brightness(1.8)}100%{opacity:1;transform:none}}
.olu114-story-ribbon{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;margin:12px 5px 2px;padding:10px 15px;border:1px solid #bfa78a75;border-radius:15px;background:#2b223d;color:#ffe4c5;line-height:1.4}
.olu114-story-ribbon span{font:700 13px/1.4 system-ui}
.olu114-story-ribbon strong{font:600 15px/1.35 Georgia,serif;color:#f3d6eb}
.olu114-pan-window::-webkit-scrollbar{height:5px}.olu114-pan-window::-webkit-scrollbar-thumb{border-radius:5px;background:#b99ab3}
/* Keep the controls compact so the painting, not UI chrome, is the star. */
body.v36-garden .olu-v90-controls{margin-bottom:12px}
body.v36-garden .olu-v90-controls .olu-v90-heading strong{font-size:clamp(20px,3.5vw,26px)}
@media(max-width:900px){
 #gardenScene.yard-scene{width:max(1050px,135vw)!important;min-height:440px!important;aspect-ratio:1179/470!important}
 .olu114-pan-window{margin:0 -1px}
 .olu114-pan-head{padding:6px 7px 10px}
 .olu114-pan-head span{font-size:11px}
 .olu114-story-ribbon{display:grid;gap:4px}
}
@media(max-width:480px){
 #gardenScene.yard-scene{width:1120px!important;min-height:446px!important}
 .olu114-yard-wrapper{padding:6px!important;border-radius:19px}
 .olu114-pan-head strong{font-size:19px}
 .olu114-pan-head span{font-size:11px}
 .olu114-pan-actions button{width:37px;height:37px}
 body.v36-garden .olu-v90-controls{padding:9px 10px;border-radius:16px;gap:7px}
 body.v36-garden .olu-v90-controls button{min-height:39px;padding:8px 10px;font-size:12px}
 body.v36-garden .garden-scene-footer{gap:7px;padding:11px 4px}
}
@media(prefers-reduced-motion:reduce){#gardenScene .v45-painting-item.awakened{animation:none!important}.olu114-pan-window{scroll-behavior:auto}}

/* Scene-matched painted unlocks, using soft-edge master-art slices instead of clip-art sprites. */
#gardenScene .v45-painting-item{object-fit:fill!important;transform:none!important;box-shadow:none!important}
#gardenScene .v45-painting-item.awakened{filter:none!important;animation:none!important}
#gardenScene .v45-painting-item.blooming{filter:brightness(1.25) drop-shadow(0 0 14px #ffdd8b6b)!important}
/* The Together Tree gallery uses the same landscape and stage artwork as the living garden. */
.olu-tree-card-scene,.olu-tree-big-scene{aspect-ratio:1179/470!important}
.olu-tree-card-scene>img:first-child,.olu-tree-big-scene>img:first-child{object-fit:fill!important}
.olu-tree-card-art,.olu-tree-big-art{left:0!important;top:0!important;width:51.7388%!important;height:72.9787%!important;object-fit:fill!important;filter:none!important}

#gardenScene .olu114-full-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:1;pointer-events:none;opacity:0;transition:opacity 1.8s ease;filter:none}
#gardenScene .yard-sun,#gardenScene .yard-moon{display:none!important}
#gardenScene .yard-sky-tint{opacity:.12!important}
#gardenScene .v45-painting-layers{z-index:4!important}
@media(prefers-reduced-motion:reduce){#gardenScene .olu114-full-art{transition:none!important}}
