#moon-garden{position:fixed;inset:0;z-index:101;overflow:hidden;isolation:isolate;background:#07101b;color:#f5f1e8;font-family:var(--sans,system-ui)}.garden-stage,.garden-entry,.garden-stage>img,.garden-fireflies{position:absolute;inset:0;width:100%;height:100%}.garden-stage>img{object-fit:cover;filter:brightness(.78) saturate(.88);transition:transform 1.5s cubic-bezier(.22,.7,.16,1),filter 2.8s;transform-origin:55% 52%;animation:garden-breathe 8s ease-in-out infinite}.garden-stage:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#030a12a8,transparent 38%),linear-gradient(90deg,#03091278,transparent 48%)}.garden-moonlight,.garden-flowerglow{position:absolute;z-index:1;pointer-events:none;mix-blend-mode:screen}.garden-moonlight{right:8%;top:-7%;width:40vw;height:40vw;border-radius:50%;background:radial-gradient(circle,#d9e7ff26,transparent 64%);animation:moon-shimmer 6s ease-in-out infinite}.garden-flowerglow{inset:24% 0 0;background:radial-gradient(circle at 28% 55%,#f3d9a324,transparent 9%),radial-gradient(circle at 52% 48%,#e9edcf20,transparent 10%),radial-gradient(circle at 78% 62%,#f5d9a81f,transparent 11%);animation:flower-shimmer 4.8s ease-in-out infinite}.garden-fireflies{z-index:2;touch-action:none;cursor:crosshair}.garden-entry{z-index:3;pointer-events:none}.garden-entry-copy{position:absolute;left:5%;bottom:15%;max-width:470px;text-shadow:0 2px 20px #020810}.garden-entry-copy>span{font-size:10px;letter-spacing:2px;color:#e7c989}.garden-entry-copy h2{font:400 clamp(30px,3.7vw,52px)/1.4 var(--serif,serif);letter-spacing:2px;margin:12px 0}.garden-entry-copy p{font-size:13px;letter-spacing:.6px;color:#e5e2dc}#moon-garden button{border:1px solid #e8ddc955;border-radius:28px;padding:10px 17px;color:#f8f3e9;background:#0b1722c2;cursor:pointer;backdrop-filter:blur(9px)}.garden-enter{position:absolute;left:57%;bottom:15%;transform:translateX(-50%);pointer-events:auto;background:#eee4d0e5!important;color:#18231f!important;padding:14px 24px!important}.garden-top{position:absolute;left:4%;right:4%;top:24px;z-index:5;display:flex;align-items:center;justify-content:space-between}.garden-top>span{font:18px var(--serif,serif);letter-spacing:2px}.garden-top nav{display:flex;gap:8px}.garden-hand{color:#e9d49f!important}.garden-guide{position:absolute;z-index:5;left:24%;right:24%;bottom:25px;text-align:center;font-size:12px;letter-spacing:.8px;color:#eee4d3;text-shadow:0 2px 14px #020812}#moon-garden[data-state=view] .garden-stage>img{transform:scale(1.045)}#moon-garden[data-hand=true] .garden-hand{border-color:#8edac688;background:#153126cc;color:#c9f4e5!important}body.garden-active>header,body.garden-active>footer,body.garden-active>.gesture-button,body.garden-active>.scene-picker{visibility:hidden}body.garden-active #hand-preview{z-index:130}body.garden-active #hand-cursor{z-index:131}@keyframes garden-breathe{50%{filter:brightness(.83) saturate(.93)}}@keyframes moon-shimmer{50%{opacity:.56;transform:scale(1.06)}}@keyframes flower-shimmer{50%{opacity:.54;filter:blur(2px)}}@media(max-height:500px) and (orientation:landscape){.garden-entry-copy{left:5%;bottom:19%;max-width:390px}.garden-entry-copy h2{font-size:26px;line-height:1.3}.garden-entry-copy p{font-size:11px}.garden-enter{left:66%;bottom:20%;font-size:11px;padding:10px 16px!important}.garden-top{top:14px}.garden-top>span{font-size:15px}.garden-top button{font-size:10px;padding:7px 11px!important}.garden-guide{bottom:13px;font-size:10px}}@media(prefers-reduced-motion:reduce){.garden-stage>img,.garden-moonlight,.garden-flowerglow{transition:none;animation:none}}

#moon-garden[data-reduced=true] .garden-stage>img,#moon-garden[data-reduced=true] .garden-moonlight,#moon-garden[data-reduced=true] .garden-flowerglow{animation:none;transition:none}

/* Keep the garden as calm as the room outside: water and sky lead, lights stay secondary. */
.garden-stage>img{filter:brightness(.97) saturate(1.02)}
.garden-stage:after{background:linear-gradient(0deg,#06102058,transparent 38%),linear-gradient(90deg,#040c1740,transparent 42%)}
.garden-flowerglow{opacity:.45}
@keyframes garden-breathe{50%{filter:brightness(1.01) saturate(1.06)}}
.garden-bloom-hint{position:absolute;z-index:4;left:34%;top:36%;width:92px;height:78px;padding:0!important;border:0!important;background:none!important;backdrop-filter:none!important;opacity:0;pointer-events:none;transform:translate(-50%,-50%)}
#moon-garden[data-state=view] .garden-bloom-hint:not(.is-used){opacity:1;pointer-events:auto}
.garden-bloom-hint i{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#fff1bb;box-shadow:0 0 9px 3px #fff4c6,0 0 24px 8px #e9d49b88;animation:garden-hint-glow 2.4s ease-in-out infinite}
.garden-bloom-hint i:nth-child(2){transform:translate(-24px,8px) scale(.7);animation-delay:.55s}.garden-bloom-hint i:nth-child(3){transform:translate(21px,-16px) scale(.55);animation-delay:1.1s}
@keyframes garden-hint-glow{50%{opacity:.45;filter:brightness(1.3);translate:0 -5px}}
@media(prefers-reduced-motion:reduce){.garden-bloom-hint i{animation:none}}

#moon-garden .garden-entry{pointer-events:auto}#moon-garden .garden-entry-copy{pointer-events:none}