/* V117: image-first Garden layout, responsive read-only discovery carousel,
   and a real visual/interaction gate at 40 Together Stars. */
body.v36-garden .garden-app{padding-top:10px}
body.v36-garden .garden-header{margin-bottom:10px;gap:8px 12px}
body.v36-garden .garden-header>div{flex:1 1 170px}
body.v36-garden .garden-header h1{margin:0;font-size:clamp(30px,4.5vw,45px)}
body.v36-garden .garden-eyebrow{letter-spacing:.12em}
body.v36-garden .garden-shared{margin-left:auto}
body.v36-garden .olu114-yard-wrapper{margin:0!important;padding:8px!important;border-radius:21px!important}
body.v36-garden .olu114-pan-head{padding:3px 5px 9px;gap:8px}
body.v36-garden .olu114-pan-head strong{font-size:clamp(18px,3vw,24px)}
body.v36-garden .olu114-pan-actions button{width:34px;height:34px;font-size:23px}
body.v36-garden .olu117-scene-frame{position:relative;width:100%;border-radius:18px;overflow:hidden}
body.v36-garden .olu114-pan-window{border-radius:17px;margin:0!important}
body.v36-garden .olu114-story-ribbon{margin:6px 3px 0;padding:6px 9px;border-radius:11px;gap:4px}
body.v36-garden .olu114-story-ribbon span{font-size:11px}
body.v36-garden .olu114-story-ribbon strong{font-size:12px}
/* Keep live status announcements for screen readers, remove duplicated buttons and counters. */
body.v36-garden .garden-scene-footer{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;padding:0!important;border:0!important}
body.v36-garden #gardenReplay,body.v36-garden #v37ShowFuture,body.v36-garden #v37OpenConcept{display:none!important}
body.v36-garden .garden-future-peek,body.v36-garden .olu116-jump-unlocks{display:none!important}
/* Garden image → discoveries: deliberately only a small seam. */
body.v36-garden #gardenUnlocks{margin:9px 0 14px!important;padding:12px 11px 10px!important;border-radius:20px!important}
body.v36-garden #gardenUnlocks .collection-title{margin:0 2px 1px;gap:6px;align-items:center}
body.v36-garden #gardenUnlocks .collection-title h2{font-size:clamp(22px,3.4vw,29px)!important;line-height:1.18;margin:0}
body.v36-garden #gardenUnlocks .collection-count{font-size:10px;padding:4px 9px;white-space:nowrap}
body.v36-garden #gardenUnlocks .v46-gallery{margin:0 0 2px!important}
body.v36-garden #gardenUnlocks .v46-gallery-top{margin:0 0 3px!important;justify-content:flex-end}
body.v36-garden #gardenUnlocks .v46-gallery-intro{display:none!important}
body.v36-garden #gardenUnlocks .v46-gallery-controls{gap:5px}
body.v36-garden #gardenUnlocks .v46-arrow{width:32px;height:32px;font-size:21px}
body.v36-garden #gardenUnlocks .v46-gallery-rail{gap:10px;padding:1px 1px 7px;min-height:0!important}
body.v36-garden #gardenUnlocks .v46-unlock-card{flex-basis:min(72vw,255px);border-radius:17px}
body.v36-garden #gardenUnlocks .v46-card-visual{height:145px}
body.v36-garden #gardenUnlocks .v46-card-image{max-height:136px}
body.v36-garden #gardenUnlocks .v46-card-copy{padding:10px 11px 11px;gap:5px}
body.v36-garden #gardenUnlocks .v46-card-name{font-size:16px;line-height:1.25}
body.v36-garden #gardenUnlocks .v46-card-description,body.v36-garden #gardenUnlocks .v46-card-index,body.v36-garden #gardenUnlocks .v46-card-action{display:none!important}
body.v36-garden #gardenUnlocks .v46-progress{height:4px}
body.v36-garden #gardenUnlocks .v46-gallery-bottom{display:none!important}
body.v36-garden #gardenUnlocks .olu116-next-unlock{font-size:11px;margin:7px 0 0;padding:7px 9px}
body.v36-garden #gardenUnlocks .garden-note{margin:8px 2px 0;font-size:10px;line-height:1.3}
/* Secondary controls belong BELOW the main artwork + carousel, never above them. */
body.v36-garden .garden-intro{margin:0 2px 15px;justify-content:flex-end}
body.v36-garden .garden-modes{gap:5px;font-size:11px}
body.v36-garden .garden-modes select{padding:6px 10px;font-size:11px}
body.v36-garden .garden-modes #gardenClock{font-size:11px}
body.v36-garden .olu-v90-controls{margin:5px 0 15px;padding:8px 12px;gap:7px}
body.v36-garden .olu-v90-heading strong{font-size:17px!important}
body.v36-garden .olu-v90-heading small{display:none}
body.v36-garden .olu-v90-controls button{min-height:32px;padding:6px 9px;font-size:11px}
/* The painting is visible as an invitation, but room interactions remain locked. */
body.v36-garden .olu117-garden-gate{position:absolute;inset:0;z-index:50;display:grid;place-items:center;padding:12px;background:linear-gradient(180deg,#130c2725,#130c27a8);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}
body.v36-garden .olu117-gate-card{display:grid;justify-items:center;text-align:center;gap:7px;max-width:min(90%,350px);width:100%;padding:16px 17px;background:#241a39e8;border:1px solid #ffdaa9bf;border-radius:19px;box-shadow:0 12px 35px #0f0b22aa;color:#ffebd1}
body.v36-garden .olu117-gate-eyebrow{font-size:10px;letter-spacing:.1em;font-weight:900;color:#f5cf9e}
body.v36-garden .olu117-gate-card strong{font:700 clamp(21px,3vw,28px)/1.15 Georgia,serif}
body.v36-garden #olu117GateProgress{font-size:13px;color:#f2d7d3}
body.v36-garden .olu117-gate-track{height:7px;width:100%;border-radius:20px;background:#756078;overflow:hidden;margin-top:4px}
body.v36-garden .olu117-gate-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#d7a86b,#ffe8b2);border-radius:20px;transition:width .5s ease}
body.v36-garden[data-garden-access="unlocked"] .olu117-garden-gate{display:none!important}
body.v36-garden[data-garden-access="locked"] #olu114PanWindow{pointer-events:none;user-select:none}
body.v36-garden[data-garden-access="locked"] .olu114-pan-actions{display:none!important}
body.v36-garden[data-garden-access="locked"] .garden-intro,body.v36-garden[data-garden-access="locked"] .olu-v90-controls,
body.v36-garden[data-garden-access="locked"] #togetherTree,body.v36-garden[data-garden-access="locked"] .firefly-note{display:none!important}
@media(max-width:700px){
 body.v36-garden .garden-app{padding:9px 8px 70px}
 body.v36-garden .garden-header{gap:6px 9px;margin-bottom:8px}
 body.v36-garden .garden-back{padding:6px 10px}
 body.v36-garden .garden-header>div{flex:1 0 56%;order:1}
 body.v36-garden .garden-shared{order:2;margin-left:auto;padding:7px 10px}
 body.v36-garden .olu114-yard-wrapper{padding:5px!important}
 body.v36-garden .olu114-pan-head{padding:2px 7px 6px}
 body.v36-garden .olu114-story-ribbon{padding:5px 8px;margin:5px 2px 0}
 body.v36-garden .olu114-story-ribbon span{display:none}
 body.v36-garden #gardenUnlocks{margin-top:8px!important;padding:10px 9px!important}
 body.v36-garden #gardenUnlocks .collection-title h2{font-size:22px!important}
 body.v36-garden #gardenUnlocks .collection-count{font-size:10px}
 body.v36-garden #gardenUnlocks .v46-gallery-rail{gap:9px}
 body.v36-garden #gardenUnlocks .v46-unlock-card{flex-basis:min(74vw,242px)}
 body.v36-garden #gardenUnlocks .v46-card-visual{height:130px}
 body.v36-garden #gardenUnlocks .v46-card-image{max-height:123px}
 body.v36-garden #gardenUnlocks .v46-card-copy{gap:4px;padding:9px 10px 10px}
 body.v36-garden #gardenUnlocks .v46-price-line{font-size:11px}
 body.v36-garden .olu117-gate-card{max-width:290px;padding:15px}
 body.v36-garden .olu117-gate-card strong{font-size:22px}
 body.v36-garden .garden-modes{justify-content:center}
}
@media(prefers-reduced-motion:reduce){body.v36-garden .olu117-gate-track span{transition:none!important}}