.garden-hero{text-align:center;border:1px solid #dccb9e55;border-radius:22px;padding:20px 16px;background:linear-gradient(150deg,#40546788,#34334e)}.garden-hero>small{font-size:11px;color:#bfccd2}.garden-hero h3{font-size:23px;line-height:1.4;margin:8px 0 0;color:#fff0ba}.garden-brain{display:block;width:min(250px,100%);margin:0 auto;height:auto}.garden-count{display:flex;align-items:baseline;justify-content:center;gap:7px;margin:-5px 0 20px}.garden-count strong{font-size:44px;line-height:1.1;color:#fff2c6;font-variant-numeric:tabular-nums}.garden-count span{font-size:14px;color:#cfddda}.garden-level-label{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#d6ddd6;margin-bottom:8px}.garden-gauge{height:11px;border-radius:8px;background:#152239;overflow:hidden;border:1px solid #c8d6be55}.garden-gauge i{display:block;height:100%;background:linear-gradient(90deg,var(--garden-color),#fff1bc);border-radius:inherit;min-width:0}.garden-gauge.rainbow i{background:linear-gradient(90deg,#ff9aba,#ffcf79,#b3df88,#75d4e4,#b597ed)}.garden-times{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 13px}.garden-times>div{padding:12px 4px;border:1px solid #c6d8d433;border-radius:13px;background:#14273955}.garden-times small{display:block;font-size:11px;color:#bfcfcd}.garden-times b{display:block;font-size:18px;margin-top:6px;color:#edfae9}.garden-next{font-size:11px!important;line-height:1.6!important;color:#cad8d4!important;margin:10px 0!important}.garden-bloom-progress{width:100%;height:4px;accent-color:#b3e3ce;display:block}.garden-bed{margin:18px 0;padding:16px 12px 10px;border-radius:20px;border:1px solid #bfdbbf33;background:#253e4c}.garden-bed h3,.garden-history h3{font-size:15px;margin:0;color:#e5eed4}.garden-meadow{width:100%;height:auto;display:block}.garden-bed p{font-size:12px!important;text-align:center;color:#dbe7ca!important;margin:5px 0 8px!important}.garden-history{margin:24px 0}.garden-history>small{display:block;font-size:10px;color:#a9babd;margin-top:5px}.garden-history ol{list-style:none;padding:0;margin:10px 0;max-height:260px;overflow-y:auto;overscroll-behavior:contain}.garden-history li{position:relative;display:flex;justify-content:space-between;gap:10px;padding:12px 0 15px;border-bottom:1px solid #e7eed211;font-size:12px;color:#d8e5df}.garden-history li span{white-space:nowrap;color:#ffecb4}.garden-history li i{position:absolute;bottom:5px;left:0;width:var(--day-fill);height:2px;max-width:100%;background:#8fc4b3}.garden-history li:first-child{color:#fff6d3}#garden .brain-moment{margin:22px 0 0;padding:20px 14px}#garden .brain-moment h3{font-size:23px}@media(max-width:360px){#garden .journal-body{padding:12px}.garden-hero{padding:18px 12px}.garden-times b{font-size:16px}.garden-hero h3{font-size:21px}}
/* Painted collectible flowers. Only two clipped waves animate in the open detail dialog. */
#brain-open.brain-home{position:relative;display:block;isolation:isolate;overflow:hidden;min-height:146px;margin:14px 0;padding:18px 16px;border:1px solid #d9d1a36b;border-radius:22px;background:#173a37;color:#fff3cd;box-shadow:inset 0 1px #fff4,0 5px 14px #10233333;text-align:left}
#brain-open .garden-home-copy{position:relative;z-index:2;display:block;width:58%;min-width:0;text-shadow:0 1px 4px #102520}
#brain-open .garden-home-copy>small{display:block;margin:0 0 7px;font-size:11px;line-height:1.4;color:#d5e9d7}
#brain-open .garden-home-copy>b{font-size:21px;line-height:1.3;word-break:keep-all;overflow-wrap:anywhere;color:#fff0bd}
#brain-open .garden-home-copy>span{display:block;font-size:13px;margin-top:7px;color:#fff4d8}
#brain-open .garden-home-copy em{font-size:10px;font-style:normal;color:#c3d8d2;white-space:nowrap}
#brain-open .garden-home-copy .garden-home-cta{display:inline-flex;align-items:center;gap:16px;margin-top:12px;font-size:11px;color:#e4eed4}
#brain-open .garden-home-cta i{display:grid;place-items:center;width:22px;height:22px;line-height:1;border-radius:50%;background:#eddfa42b;font-size:19px;font-style:normal}
.garden-painted{display:block;position:relative;isolation:isolate;width:100%;aspect-ratio:3/2;overflow:hidden;border-radius:16px;background:#1a3026 url('./art/collection-bed-v2.webp') center/cover}
.garden-flower{display:block;position:absolute;left:var(--flower-x);top:var(--flower-y);width:var(--flower-size);aspect-ratio:3/4;transform:translateX(-50%) rotate(var(--flower-turn));transform-origin:50% 90%;background-image:url('./art/collected-flowers-v2.webp');background-size:400% 300%;background-position:var(--sprite-x) var(--sprite-y);background-repeat:no-repeat;pointer-events:none}
#brain-open .garden-miniature{position:absolute;z-index:0;width:66%;height:100%;right:-7%;top:0;aspect-ratio:auto;border-radius:0;background-position:center}
#brain-open:after{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#173a37 33%,#173a37e0 49%,#173a3700 74%);pointer-events:none}
#garden .garden-hero{padding:17px 18px 13px;background:radial-gradient(ellipse at 50% 30%,#526d7655,transparent 60%),linear-gradient(135deg,#344a59,#343550);border-color:#cecfb74d}
#garden .garden-hero h3{font-size:23px;margin:0;color:#fff0c5;letter-spacing:-.025em}
.garden-brain-level{display:inline-flex;align-items:center;gap:6px;margin:12px 0 0;padding:5px 14px;border:1px solid #d9daba66;border-radius:20px;background:#162a3c88;color:#dcf0e2;font-size:12px}
.garden-brain-level b{font-size:16px;color:#ffe7a0;letter-spacing:.035em;font-variant-numeric:tabular-nums}
#garden .garden-brain{width:min(230px,100%);margin:-1px auto -2px}
.garden-wave{animation:none;transform-box:view-box;transform-origin:0 0}
#garden[open] .garden-wave-front{animation:garden-liquid-front 5s linear infinite}
#garden[open] .garden-wave-back{animation:garden-liquid-back 7s linear infinite}
@keyframes garden-liquid-front{from{transform:translateX(0)}to{transform:translateX(80px)}}
@keyframes garden-liquid-back{from{transform:translate(80px,-3px)}to{transform:translate(0,-3px)}}
#garden .garden-refresh{margin:14px 0 1px!important;color:#f2e9c8!important;font-size:13px!important;line-height:1.7!important;word-break:keep-all;overflow-wrap:anywhere}
#garden .garden-refresh span{color:#bcd6d2;font-size:12px}
#garden .garden-level-label{font-size:11px;margin-bottom:6px}
#garden .garden-gauge{height:8px}
#garden .garden-bed{padding:16px 12px 14px;background:linear-gradient(130deg,#284539,#243c3d);border-color:#bfcda255;margin-top:16px}
.garden-bed-heading{display:flex;align-items:center;gap:8px;justify-content:space-between;height:auto!important;margin:0 0 14px;padding:0;background:none}
.garden-bed-heading>div:first-child{min-width:0}
.garden-bed-heading small{display:block;font-size:10px;line-height:1.5;color:#b6d0b8;margin-bottom:5px}
#garden .garden-bed-heading h3{font-size:21px;color:#fff0ba;line-height:1.3;word-break:keep-all}
#garden .garden-bed-heading .garden-count{flex:none;display:flex;gap:4px;margin:0}
#garden .garden-count strong{font-size:30px;color:#ffedaf}
#garden .garden-count span{font-size:11px}
.garden-plot-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin:9px 0}
#garden .garden-plot-nav button{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;margin:0;border:1px solid #bfd4b955;border-radius:50%;background:#aecbad16;color:#e7efd0;font-size:24px;line-height:1}
#garden .garden-plot-nav button:disabled{opacity:.28;cursor:default}
.garden-plot-nav>span{font-size:12px;color:#e4eace;text-align:center;line-height:1.6}
.garden-plot-nav small{display:block;font-size:10px;color:#aec4b8}
#garden .garden-times{margin:14px 0 8px}
#garden .garden-times>div{padding:10px 4px}
#garden .garden-times b{font-size:17px}
#garden .garden-tracking{font-size:11px;line-height:1.6;color:#bac9d0}
body.scene-paused #garden .garden-wave{animation-play-state:paused}
body.low-quality #garden .garden-wave{animation:none}
@media(prefers-reduced-motion:reduce){#garden .garden-wave{animation:none!important}}
@media(max-width:360px){#brain-open.brain-home{min-height:138px;padding:14px 12px}#brain-open .garden-home-copy{width:64%}#brain-open .garden-home-copy>b{font-size:19px}#brain-open .garden-home-copy em{display:block;margin-top:3px}#garden .garden-hero{padding:16px 12px 12px}#garden .garden-hero h3{font-size:21px}#garden .garden-bed-heading h3{font-size:18px}#garden .garden-count strong{font-size:26px}}
/* Player-arranged pixel garden: saved grid positions; no per-frame drawing. */
.garden-painted{background-image:url('./art/collection-bed-v2.webp');image-rendering:pixelated}
.garden-flower,.garden-sprite{background-image:url('./art/collected-flowers-v2.webp');image-rendering:pixelated}
#garden .garden-plant-hint{font-size:12px;line-height:1.65;margin:0 0 12px;color:#d1e5cd;text-align:left}
.garden-editor-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));aspect-ratio:1.2;position:relative;padding:8% 5% 7%;border-radius:14px;background-size:100% 100%;overflow:visible}
#garden .garden-slot{position:relative;min-width:0;min-height:0;width:100%;height:100%;border-radius:5px!important;border:1px dashed #eeebbb38!important;background:#27453315!important;margin:0;padding:0;overflow:visible;touch-action:manipulation}
#garden .garden-slot.occupied{touch-action:none;border-color:transparent!important;background:transparent!important;cursor:grab}
#garden .garden-slot.empty span{font-size:13px;color:#e8edb559;line-height:1}
.garden-sprite{display:block;aspect-ratio:3/4;background-size:400% 300%;background-position:var(--sprite-x) var(--sprite-y);pointer-events:none;width:100%}
.garden-slot .garden-sprite{position:absolute;width:125%;left:-12.5%;bottom:0}
#garden .garden-slot[aria-pressed=true]{border:2px solid #fff2ad!important;background:#fff2ad25!important;z-index:2}
#garden .garden-slot.garden-dragging{z-index:5;opacity:.8;cursor:grabbing}
.garden-inventory{margin-top:16px}.garden-inventory>b{display:block;font-size:12px;color:#ebedd1;text-align:left}.garden-inventory>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
#garden .garden-inventory button{position:relative;width:48px;height:59px;min-height:44px;padding:2px 7px 10px;margin:0;border-radius:10px!important;background:#536d5622!important;border:1px solid #a7c69555!important}
#garden .garden-inventory button[aria-pressed=true]{background:#edd58133!important;border-color:#ffe4a2!important}
.garden-inventory small{position:absolute;bottom:2px;right:4px;font-size:10px;color:#f2edce}
#garden .garden-inventory p{font-size:12px;color:#d1e5cd;line-height:1.5}
/* Same direct manipulation as puzzle pieces, including the unplanted inventory. */
#garden [data-garden-pick]{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
#garden .garden-dragging{opacity:.35;cursor:grabbing}
#garden .garden-drag-ghost{position:fixed;left:0;top:0;margin:0;z-index:20;pointer-events:none;will-change:transform;filter:drop-shadow(0 4px 3px #13271b80)}
#garden .garden-drop-target{border:2px solid #fff2ad!important;background:#fff2ad38!important}
#garden .garden-home-copy,#garden .garden-bed-heading>div{min-width:0}
#garden h3,#brain-open .garden-home-copy b{overflow-wrap:break-word;word-break:normal}
#store-dialog .store-offer-tag,#store-open .store-ribbon{white-space:normal;text-align:center}