/* v.192 garden overlay: same artwork, measured toolbar, uniform cover scaling. */
html{--garden-appbar-height:66px;--garden-safe-bottom:env(safe-area-inset-bottom,0px);--garden-play-height:calc(100dvh - var(--garden-appbar-height) - var(--garden-safe-bottom))}
body #gardenApp{width:100%;max-width:none;min-height:100dvh}
body .location>.hero,body #sceneHome>.hero,body.tutorial-mode #sceneHome>.hero{inset:var(--garden-appbar-height) 0 var(--garden-safe-bottom);height:var(--garden-play-height);width:100vw;aspect-ratio:auto}
body .location>.hero>img:not(.elio-on-field),body #sceneHome>.hero>img[data-art="home"],body.tutorial-mode #sceneHome>.hero>img[data-art="home"]{width:100%;height:100%;object-fit:cover;object-position:center}
body .mini-stage>.mini-backdrop{inset:var(--garden-appbar-height) 0 var(--garden-safe-bottom);height:var(--garden-play-height);width:100vw;object-fit:cover;object-position:center}
body #sceneField>.hero{--garden-art-width:max(100vw,calc(var(--garden-play-height) * 941 / 1671));--garden-art-height:max(var(--garden-play-height),calc(100vw * 1671 / 941))}
body #sceneField #fieldOpenButton{left:calc((100vw - var(--garden-art-width)) / 2 + var(--garden-art-width) * .28);top:calc((var(--garden-play-height) - var(--garden-art-height)) / 2 + var(--garden-art-height) * .50)}
body:not(.tutorial-mode) #sceneHome>.destinations>.garden-ui-control:has(#goShop),body:not(.tutorial-mode) #sceneHome>.destinations>.garden-ui-control:has(#goBoard){top:calc(var(--garden-appbar-height) + (var(--garden-play-height) - max(var(--garden-play-height),100vw * 1671 / 941)) / 2 + max(var(--garden-play-height),100vw * 1671 / 941) * .44)}
body:not(.tutorial-mode) #sceneHome>.destinations>.garden-ui-control:has(#goShop){left:clamp(42px,calc((100vw - max(100vw,var(--garden-play-height) * 941 / 1671)) / 2 + max(100vw,var(--garden-play-height) * 941 / 1671) * .18),calc(100vw - 42px))}
body:not(.tutorial-mode) #sceneHome>.destinations>.garden-ui-control:has(#goBoard){left:clamp(116px,calc((100vw - max(100vw,var(--garden-play-height) * 941 / 1671)) / 2 + max(100vw,var(--garden-play-height) * 941 / 1671) * .35),calc(100vw - 42px))}
body #gardenApp>.appbar{position:fixed;inset:0 0 auto;z-index:60;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:4px 8px;align-items:center;min-height:60px;padding:calc(6px + env(safe-area-inset-top)) 10px 6px;background:rgba(255,255,255,.3);border-bottom:1px solid #fff8;backdrop-filter:blur(5px)}
body #gardenApp>.appbar>.heading{min-width:0;grid-column:2;font-size:clamp(12px,3.7vw,18px)}
body #gardenApp>.appbar>#appHome{grid-column:1;grid-row:1/span 2}
body #gardenApp>.appbar>.gardenWallet{grid-column:2/4;display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:11px;min-width:0}
body #gardenApp>.appbar>.gardenWallet .gold,body #gardenApp>.appbar>.gardenWallet .garden-coin{white-space:nowrap}
body #gardenApp>.appbar>.gardenWallet .gold i{width:20px;height:20px}
body #gardenCalendarButton{display:flex;align-items:center;gap:4px;padding:2px 5px;border:1px solid #fff;background:#ffffff80;border-radius:10px;min-height:32px;max-width:160px;font-size:11px;color:#253344}
body #gardenCalendarButton img{width:28px;height:28px;object-fit:contain}
body #gardenCalendarButton span{font-size:10px;line-height:1.25;max-width:110px}
body .location{padding-top:calc(var(--garden-appbar-height) + 12px)!important;min-height:100dvh}
body #sceneHome{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;padding:calc(var(--garden-appbar-height) + 14px) 12px 20px!important;align-content:start}
body #sceneHome button.garden-ui-button{--garden-icon-size:clamp(44px,13vw,60px)}
body #sceneHome .garden-ui-caption{font-size:10px}
body #sceneHome .home-water-tools{position:fixed;z-index:20;left:12px;top:auto;bottom:calc(20px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px}
body #homeRefillWater{position:relative;display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;min-height:44px;margin:0;padding:5px;border:1px solid #fff;border-radius:50%;background:#ffffff80;box-shadow:0 2px 7px #26362b2b}
body #homeRefillWater b{font-size:10px;line-height:1.2}
body .home-water-charge-count,body .garden-water-meter{padding:3px 7px;background:#ffffffc9;border:1px solid #fff;border-radius:10px;font-size:11px;white-space:nowrap}
body #goHouse,body #houseExit,body #houseRest{position:fixed!important;left:var(--garden-door-x,70vw)!important;top:var(--garden-door-y,50dvh)!important;bottom:auto!important;transform:translate(-50%,-50%)!important;z-index:18;border:1px solid white;border-radius:50%;width:58px;height:58px;padding:6px;background:#ffffff80;pointer-events:auto}
body #houseExit b,body #houseRest b{font-size:11px;line-height:1.2}
body .garden-v192-door-control>.garden-ui-icon,body .garden-v192-door-control>b,body .garden-v192-door-control>svg{visibility:hidden}
body #gardenLocalNav{position:relative;z-index:15;display:flex;justify-content:center;align-items:start;gap:14px;padding:6px 8px;background:#ffffff30}
body #gardenLocalNav[hidden]{display:none!important}
body #gardenAkuamiActor{position:absolute;width:var(--garden-water-actor-width,160px);height:var(--garden-water-actor-height,200px);left:var(--garden-water-actor-left,66%);top:var(--garden-water-actor-top,60%);transform:translateX(-50%);z-index:14;pointer-events:none}
body #gardenAkuamiActor[hidden]{display:none!important}
body #gardenAkuamiMotion{width:100%;height:100%;transform-origin:50% 100%}
body #gardenAkuamiStand,body #gardenAkuamiWalk{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}
body #gardenAkuamiStand[hidden],body #gardenAkuamiWalk[hidden]{display:none!important}
body #gardenWaterStream{position:fixed;z-index:16;width:5px;pointer-events:none;background:linear-gradient(90deg,#c5efff55,#8ce5ffe0,#b3eeff88);border-radius:3px;overflow:hidden}
body #gardenWaterStream[hidden]{display:none!important}
body #gardenWaterStream i{position:absolute;left:0;right:0;height:8px;background:#f0ffffc0;border-radius:50%;animation:garden-water-droplet .4s linear infinite}
body #gardenWaterStream i:nth-child(2){animation-delay:-.13s}body #gardenWaterStream i:nth-child(3){animation-delay:-.26s}
@keyframes garden-water-droplet{from{top:-8px}to{top:100%}}
body.garden-resting .hero{filter:brightness(.35);transition:filter .45s ease}
body.settlement-paused .garden-roaming-canvas,body.settlement-paused .garden-water-stream{animation-play-state:paused}
@media(max-height:620px){body #sceneHome{gap:6px;padding-top:calc(var(--garden-appbar-height) + 8px)!important}body #sceneHome button.garden-ui-button{--garden-icon-size:44px}body #sceneHome .garden-ui-caption{font-size:9px}body #gardenApp>.appbar{gap:2px 6px}}

/* Preserve the existing garden controls without a pane over the game. */
body #gardenApp>.appbar{grid-template-rows:28px 20px;gap:2px 8px;min-height:0;padding:4px 10px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;pointer-events:none}
body #gardenApp>.appbar>.heading{grid-row:1}
body #gardenApp>.appbar>#gardenCalendarButton{grid-column:3;grid-row:1;min-height:28px;padding:1px 4px}
body #gardenApp>.appbar>#gardenCalendarButton img{width:24px;height:24px}
body #gardenApp>.appbar>.gardenWallet{grid-row:2;gap:8px;line-height:20px}
body #gardenApp>.appbar>.gardenWallet .gold i{width:20px!important;height:20px!important}
body #gardenApp>.appbar>button{pointer-events:auto}
body #gardenApp[data-nanamono-settlement-surface="garden"]>.appbar{grid-template-columns:0 minmax(0,1fr) auto}
body .nm-game-topbar[data-settlement-bar="garden"]{background:transparent;border:0;box-shadow:none;backdrop-filter:none}
body #fieldPlotOverlay,body #fieldFarmPicker{padding-top:calc(var(--garden-appbar-height) + 8px)}
body #sceneField:has(#fieldPlotOverlay:not([hidden])) #fieldOpenButton,body #sceneField:has(#fieldFarmPicker:not([hidden])) #fieldOpenButton{visibility:hidden}