/* Keep the existing controls over the scene, without a reserved painted strip. */
html{--garden-appbar-height:76px;--garden-play-height:calc(100dvh - var(--garden-safe-bottom))}
html body #gardenApp[data-nanamono-settlement-surface="garden"]{padding-top:0!important}
html body #gardenApp>.appbar,html body #gardenApp[data-nanamono-settlement-surface="garden"]>.appbar{position:fixed;top:0!important;left:0;right:0;display:grid;grid-template-columns:116px minmax(0,1fr);grid-template-rows:44px 22px;gap:2px 8px;height:auto;min-height:0;margin:0;padding:max(4px,env(safe-area-inset-top)) 10px 4px;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;pointer-events:none}
html body #gardenApp>.appbar>.garden-ui-control:has(>#appHome){display:contents}
html body #gardenApp>.appbar>.garden-ui-control:has(>#appHome)>.garden-ui-caption{display:none}
html body #gardenApp>.appbar>#gardenCalendarButton{grid-column:2;grid-row:1;justify-self:end;align-self:center;display:flex;min-height:40px;height:40px;max-width:100%;margin:0;padding:3px 7px;gap:5px;pointer-events:auto}
html body #gardenApp>.appbar>#gardenCalendarButton img{width:28px;height:28px;flex:none}
html body #gardenApp>.appbar>#gardenCalendarButton span{max-width:none;font-size:11px;line-height:1.25;white-space:nowrap}
html body #gardenApp>.appbar>.gardenWallet{grid-column:2;grid-row:2;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px;width:100%;min-height:22px;max-height:22px;margin:0;padding:0;overflow:visible;white-space:nowrap;font-size:12px;line-height:22px}
html body #gardenApp>.appbar>.gardenWallet>span{display:inline-flex;flex-direction:row;align-items:center;gap:3px;margin:0;padding:0;line-height:22px}
html body #gardenApp>.appbar>.gardenWallet img{width:22px;height:22px;object-fit:contain;flex:none}
html body #gardenApp>.appbar>.garden-good-status{grid-column:1;grid-row:2;justify-self:start;align-self:center;line-height:22px;padding:0 6px;border-radius:8px;background:#ffffffa6;text-shadow:none}
html body .nm-game-topbar[data-settlement-bar="garden"]{height:var(--garden-appbar-height);background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
html body .location>.hero,html body #sceneHome>.hero,html body.tutorial-mode #sceneHome>.hero{inset:0 0 var(--garden-safe-bottom)!important;height:calc(100dvh - var(--garden-safe-bottom))!important}
html body .mini-stage>.mini-backdrop{inset:0 0 var(--garden-safe-bottom)!important;height:calc(100dvh - var(--garden-safe-bottom))!important}
html body #sceneHome>.hero>img[data-art="home"],html body .location>.hero>img:not(.elio-on-field){object-fit:cover}
@media(min-width:640px){html body #gardenApp>.appbar>.heading{position:absolute;left:132px;top:12px;max-width:calc(100% - 340px)}}