/* Garden display: retain the original screens, artwork, controls and game rules. */
body #gardenApp>.appbar{grid-template-rows:44px 20px;padding-top:max(4px,env(safe-area-inset-top));padding-bottom:4px}
body #gardenApp>.appbar>.heading{overflow:hidden;white-space:nowrap}
body #gardenApp>.appbar>.heading strong{overflow:hidden;text-overflow:ellipsis}
body #gardenApp>.appbar>#gardenCalendarButton{min-height:44px;height:44px;max-width:160px;gap:5px;padding:3px 6px}
body #gardenApp>.appbar>#gardenCalendarButton img{width:32px;height:32px;flex:none}
body #gardenApp>.appbar>#gardenCalendarButton span{font-size:11px}
body #gardenApp>.appbar>.gardenWallet{min-height:20px;overflow:hidden;white-space:nowrap}
body .location{padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
body #gardenLocalNav{flex:none;gap:12px;padding:4px 8px;align-items:flex-start}
body #gardenLocalNav button.garden-ui-button{--garden-icon-size:48px;padding:7px!important}
body .garden-v192-door-control>.garden-ui-icon{visibility:visible}
body #goHouse.garden-ui-button,body #houseExit.garden-ui-button,body #houseRest.garden-ui-button{--garden-icon-size:56px;padding:6px!important}
body #sceneRiver:not([hidden]){display:flex;flex-direction:column;gap:4px;padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
body #sceneRiver>.mini-info{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:3px 10px;min-height:24px;font-size:12px;line-height:1.4}
body #sceneRiver>.fish-place-nav{flex:none;justify-content:center;margin:0;padding:2px 10px;gap:16px}
body #sceneRiver>.fish-place-nav .garden-ui-control{gap:2px}
body #sceneRiver>.fish-rare-note{flex:none;margin:0;padding:2px 10px;font-size:10px;line-height:1.35}
body #sceneRiver>#riverStage{position:relative;inset:auto;flex:1 1 0;width:100%;height:auto;min-height:0;margin:0;overflow:visible}
body #sceneRiver>.mini-controls{position:relative;inset:auto;flex:none;width:calc(100% - 20px);max-width:none;margin:0 10px;padding:6px 60px 6px 8px;min-height:48px;pointer-events:none}
body #sceneRiver>.mini-controls .mini-help{pointer-events:auto}
body #sceneRiver #fishControl{z-index:12}
body #fishBook,body #gardenCalendar{max-width:calc(100vw - 24px);max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)))}
body #fishBook>header,body #gardenCalendar>header{align-items:center;gap:10px}
body #fishBook>header h2,body #gardenCalendar>header h2{min-width:0;overflow-wrap:anywhere}
@media(max-width:350px){body #gardenLocalNav{gap:8px}body #gardenLocalNav .garden-ui-caption{font-size:10px}body #gardenApp>.appbar{gap:2px 6px;padding-inline:8px}body #gardenApp>.appbar>#gardenCalendarButton{max-width:142px;padding-inline:4px}}
@media(max-height:480px) and (min-aspect-ratio:4/3){
 body #sceneRiver:not([hidden]){display:grid;grid-template-columns:170px minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:4px;padding-left:6px;padding-right:6px;padding-bottom:max(6px,env(safe-area-inset-bottom))!important}
 body #sceneRiver>#gardenLocalNav{grid-column:1;grid-row:1;padding:0;gap:4px;justify-content:flex-start}
 body #sceneRiver>#gardenLocalNav button.garden-ui-button{--garden-icon-size:44px;padding:6px!important}
 body #sceneRiver>#gardenLocalNav .garden-ui-control{gap:1px}
 body #sceneRiver>#gardenLocalNav .garden-ui-caption{font-size:9px;line-height:1.2}
 body #sceneRiver>.mini-info{grid-column:1;grid-row:2;position:relative;padding:0;font-size:10px;min-height:0;flex-wrap:wrap;gap:2px}
 body #sceneRiver>.fish-place-nav{grid-column:1;grid-row:3;position:relative;inset:auto;width:auto;padding:0;gap:10px;justify-content:flex-start;flex-wrap:nowrap}
 body #sceneRiver>.fish-rare-note{grid-column:1;grid-row:4;position:relative;inset:auto;width:auto;max-height:none;padding:0;font-size:9px;line-height:1.3;align-self:start}
 body #sceneRiver>#riverStage{grid-column:2;grid-row:1/5;min-width:0;min-height:0;height:100%}
 body #sceneRiver>.mini-controls{grid-column:2;grid-row:5;width:100%;margin:0;padding:4px 54px 4px 6px;min-height:44px}
 body #sceneRiver #fishHint{font-size:10px;line-height:1.3}
 body #sceneRiver #fishFight .force-labels,body #sceneRiver #fishFight .gauge-instruction{font-size:9px;line-height:1.2;margin-bottom:2px}
 body #sceneRiver #fishFight .fight-bars progress{height:10px}
}
/* Keep the existing lists and their action controls visible in compact views. */
body #fieldFarmPicker .field-dialog{display:grid;grid-template-columns:minmax(0,1fr) 76px;grid-template-rows:44px minmax(64px,1fr) auto auto;gap:8px;padding:8px;align-items:center}
body #fieldFarmPicker .field-dialog>.field-dialog-head{grid-column:1/-1;grid-row:1;min-width:0;width:100%}
body #fieldFarmRows{grid-column:1/-1;grid-row:2;width:100%;height:100%;min-height:64px;max-height:110px;align-self:start}
body #fieldFarmPicker #elioPanel,body #fieldFarmPicker #fieldEncounter{grid-column:1/-1;grid-row:3;width:100%;min-width:0}
body #fieldFarmPicker .field-expansions{grid-column:2;grid-row:4;margin:0;justify-content:center}
body #fieldFarmPicker #fieldExpansionInfo{grid-column:1;grid-row:4;margin:0;min-width:0;text-align:left;font-size:11px;line-height:1.4}
body #fieldFarmPicker #farmRenameForm{grid-column:1/-1;grid-row:2/-1;width:100%;align-self:stretch}
@media(max-height:700px){
 body #shopItems>.card,body #requestCards>.card{gap:4px;padding:8px}
 body #shopItems .card .art,body #requestCards .card .art{max-height:84px}
 body #shopItems .card h3,body #requestCards .card h3{font-size:14px;line-height:1.3}
 body #shopItems .card small,body #requestCards .card small{font-size:11px;line-height:1.4}
 body #shopItems .card button.garden-ui-button,body #requestCards .card button.garden-ui-button{--garden-icon-size:48px}
}
@media(max-height:480px) and (min-aspect-ratio:4/3){
 body #sceneShop>.content,body #sceneBoard>.content{display:grid;grid-template-columns:170px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);gap:6px 8px;padding:6px}
 body #sceneShop>.content>#gardenLocalNav,body #sceneBoard>.content>#gardenLocalNav{grid-column:1;grid-row:1;justify-content:flex-start;padding:0;gap:4px}
 body #sceneShop>.content>#gardenLocalNav button.garden-ui-button,body #sceneBoard>.content>#gardenLocalNav button.garden-ui-button{--garden-icon-size:44px;padding:6px!important}
 body #sceneShop>.content>#gardenLocalNav .garden-ui-control,body #sceneBoard>.content>#gardenLocalNav .garden-ui-control{gap:1px}
 body #sceneShop>.content>#gardenLocalNav .garden-ui-caption,body #sceneBoard>.content>#gardenLocalNav .garden-ui-caption{font-size:9px;line-height:1.2}
 body #sceneShop>.content>.shop-tabs{grid-column:1;grid-row:2;justify-content:flex-start;gap:12px}
 body #sceneShop>.content>#shopEncounter{grid-column:1;grid-row:3;align-self:start;max-height:none;flex-wrap:wrap}
 body #sceneShop>.content>#shopItems,body #sceneBoard>.content>#requestCards{grid-column:2;grid-row:1/-1;height:100%;padding:0;grid-auto-columns:min(280px,100%)}
 body #sceneShop>.content::after{display:none}
 body #sceneBoard>.content>.request-renewal{grid-column:1;grid-row:2;align-self:start;padding:4px;font-size:10px}
 body #shopItems>.card,body #requestCards>.card{display:grid;grid-template-columns:70px minmax(0,1fr);grid-auto-rows:min-content;align-content:center;gap:3px 8px;padding:6px}
 body #shopItems>.card>.art,body #requestCards>.card>.art{grid-column:1;grid-row:1/span 3;width:70px;height:64px;max-height:64px;align-self:center}
 body #shopItems>.card>:not(.art),body #requestCards>.card>:not(.art){grid-column:2;min-width:0}
 body #shopItems>.card>.garden-ui-control,body #requestCards>.card>.garden-ui-control{grid-column:1;grid-row:4;margin:0;padding:0;align-self:start}
 body #shopItems>.card>.garden-ui-control .garden-ui-caption,body #requestCards>.card>.garden-ui-control .garden-ui-caption{display:none}
 body #shopItems .card small,body #requestCards .card small{font-size:10px;line-height:1.3}
 body #shopItems .card h3,body #requestCards .card h3{font-size:13px;line-height:1.3}
 body #shopItems .card button.garden-ui-button,body #requestCards .card button.garden-ui-button{--garden-icon-size:44px}
 body #fieldFarmPicker .field-dialog{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:44px minmax(64px,1fr) 44px;gap:4px;padding:7px}
 body #fieldFarmRows{grid-column:1;grid-row:2;max-height:none;min-height:64px}
 body #fieldFarmPicker #elioPanel,body #fieldFarmPicker #fieldEncounter{grid-column:2;grid-row:2;min-height:64px;max-height:none;height:100%;align-items:center}
 body #fieldFarmPicker #elioPortrait{height:60px;width:44px}
 body #fieldFarmPicker #elioPanel>div{padding-right:54px}
 body #fieldFarmPicker #elioInfo{font-size:9px;line-height:1.3}
 body #fieldFarmPicker #elioPanel .garden-ui-control{width:48px}
 body #fieldFarmPicker #elioPanel .garden-ui-caption{font-size:8px;line-height:1.2}
 body #fieldFarmPicker .field-expansions{grid-column:1;grid-row:3;justify-content:flex-start}
 body #fieldFarmPicker .field-expansions .garden-ui-caption{display:none}
 body #fieldFarmPicker #fieldExpansionInfo{grid-column:2;grid-row:3;font-size:10px;line-height:1.3}
}
@media(max-height:700px) and (max-aspect-ratio:13/10){
 body #shopItems>.card,body #requestCards>.card{display:grid;grid-template-columns:84px minmax(0,1fr);grid-auto-rows:min-content;align-content:center;gap:4px 8px;padding:8px}
 body #shopItems>.card>.art,body #requestCards>.card>.art{grid-column:1;grid-row:1/span 3;width:84px;height:84px;align-self:center}
 body #shopItems>.card>:not(.art),body #requestCards>.card>:not(.art){grid-column:2;min-width:0}
 body #shopItems>.card>.garden-ui-control,body #requestCards>.card>.garden-ui-control{grid-column:1;grid-row:4;margin:0;padding:0;align-self:start}
}
@media(max-aspect-ratio:13/10){
 body #sceneRiver:not([hidden]){display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:4px;padding-left:10px;padding-right:10px}
 body #sceneRiver>#gardenLocalNav,body #sceneRiver>.fish-place-nav{display:contents}
 body #sceneRiver>#gardenLocalNav>.garden-ui-control,body #sceneRiver>#gardenLocalNav>#houseBack,body #sceneRiver>.fish-place-nav>.garden-ui-control{grid-row:1;justify-self:center;align-self:start;width:100%;gap:2px}
 body #sceneRiver>#gardenLocalNav>#houseBack{grid-column:1;width:48px}
 body #sceneRiver>#gardenLocalNav>.garden-ui-control:has(#gardenSceneShop){grid-column:2}
 body #sceneRiver>#gardenLocalNav>.garden-ui-control:has(#gardenSceneBoard){grid-column:3}
 body #sceneRiver>.fish-place-nav>.garden-ui-control:has(#fishToRiver),body #sceneRiver>.fish-place-nav>.garden-ui-control:has(#fishToSea){grid-column:4}
 body #sceneRiver>.fish-place-nav>.garden-ui-control:has(#fishBookOpen){grid-column:5}
 body #sceneRiver .garden-local-nav button.garden-ui-button,body #sceneRiver>.fish-place-nav button.garden-ui-button{--garden-icon-size:48px;padding:7px!important}
 body #sceneRiver>#gardenLocalNav .garden-ui-caption,body #sceneRiver>.fish-place-nav .garden-ui-caption{font-size:10px;line-height:1.3;max-width:100%;padding:1px 2px}
 body #sceneRiver>.mini-info{grid-column:1/-1;grid-row:2}
 body #sceneRiver>.fish-rare-note{grid-column:1/-1;grid-row:3}
 body #sceneRiver>#riverStage{grid-column:1/-1;grid-row:4;height:100%}
 body #sceneRiver>.mini-controls{grid-column:1/-1;grid-row:5;width:100%;margin:0}
}
@media(max-height:480px) and (min-aspect-ratio:4/3){
 body #sceneExchange:not([hidden]),body #sceneCenter:not([hidden]){display:grid;grid-template-columns:170px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);gap:6px 8px;padding-left:12px!important;padding-right:12px!important}
 body #sceneExchange>#gardenLocalNav,body #sceneCenter>#gardenLocalNav{grid-column:1;grid-row:1;justify-content:flex-start;gap:4px;padding:0}
 body #sceneExchange>#gardenLocalNav button.garden-ui-button,body #sceneCenter>#gardenLocalNav button.garden-ui-button{--garden-icon-size:44px;padding:6px!important}
 body #sceneExchange>#gardenLocalNav .garden-ui-control,body #sceneCenter>#gardenLocalNav .garden-ui-control{gap:1px}
 body #sceneExchange>#gardenLocalNav .garden-ui-caption,body #sceneCenter>#gardenLocalNav .garden-ui-caption{font-size:9px;line-height:1.2}
 body #sceneExchange>h2,body #sceneCenter>h2{grid-column:1;grid-row:2;margin:0;padding:4px;font-size:16px}
 body #sceneExchange>p{grid-column:1;grid-row:3;margin:0;align-self:start;font-size:11px;line-height:1.4;padding:4px}
 body #sceneExchange>.cards,body #sceneCenter>.cards{grid-column:2;grid-row:1/-1;min-height:0;max-height:none;height:100%;margin:0;padding:6px;grid-auto-columns:min(280px,100%)}
 body #sceneExchange>.cards>.card,body #sceneCenter>.cards>.card{min-height:0;height:100%;padding:10px;gap:5px;justify-content:center}
 body #sceneExchange>.cards>.card h3,body #sceneCenter>.cards>.card h3{margin:0;font-size:14px;line-height:1.3}
 body #sceneExchange>.cards>.card p{margin:0;font-size:11px;line-height:1.4}
 body #sceneExchange>.cards>.card button.garden-ui-button,body #sceneCenter>.cards>.card button.garden-ui-button{--garden-icon-size:48px}
}
/* A compact field keeps each plot tappable; only the plot area can pan. */
body #fieldPlotOverlay{padding-bottom:max(8px,env(safe-area-inset-bottom))}
body #fieldPlotMenu{padding:6px}
body #fieldPlotMenu>.field-dialog-head{min-height:44px;padding-bottom:0}
body #fieldPlotMenu>.field-body{gap:4px}
body #fieldPlotMenu #seedChoices{max-height:58px;padding:0}
body #fieldPlotMenu .garden-plots-area{margin:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;align-items:start;justify-items:center}
body #fieldPlotMenu #gardenPlots{--plot-size:max(44px,min(calc((100cqw - (var(--farm-cols,2) - 1) * 2px) / var(--farm-cols,2)),calc((100cqh - 8px) / 5),90px));gap:2px;width:calc(var(--plot-size) * var(--farm-cols,2) + (var(--farm-cols,2) - 1) * 2px);height:calc(var(--plot-size) * 5 + 8px);max-height:none}
body #gardenCalendar{width:min(540px,calc(100vw - 24px));height:min(580px,calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom))));padding:12px;border:2px solid white;border-radius:20px;background:#fffffff2;color:#26362b;overflow:hidden}
body #gardenCalendar[open]{display:flex;flex-direction:column;gap:8px}
body #gardenCalendar:not([open]){display:none!important}
body #gardenCalendar>header{display:flex;justify-content:space-between;flex:none}
body #gardenCalendar>header h2{margin:0;font-size:18px;line-height:1.4}
body #gardenCalendarSummary{margin:0;flex:none;font-size:13px;line-height:1.4}
body #gardenCalendarDays{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:36px;gap:4px;align-content:start;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:3px}
body #gardenCalendarDays>span{display:grid;place-items:center;min-width:0;background:#e7ede1;border:1px solid #a2baa5;border-radius:7px;font-size:12px;line-height:1}
body #gardenCalendarDays>[aria-current="date"]{background:#355f50;border-color:#214535;color:white;font-weight:700;outline:2px solid #d7b967;outline-offset:1px}
/* The existing hold-to-pull action now uses the reel; release keeps its original effect. */
body #riverStage #fishPull[data-phase="fight"] .garden-ui-svg{transition:transform .08s ease-out,filter .08s ease-out;transform-origin:50% 65%}
body #riverStage #fishPull[data-phase="fight"].holding{border-color:#fff1b0!important}
body #riverStage #fishPull[data-phase="fight"].holding .garden-ui-svg{transform:translateY(1px) rotate(-4deg) scale(.94);filter:brightness(1.08)}
@media(prefers-reduced-motion:reduce){body #riverStage #fishPull[data-phase="fight"] .garden-ui-svg{transition:none}}
/* Existing shared HOME/SCORE controls own the left of the garden header. */
body #gardenApp[data-nanamono-settlement-surface="garden"]>.appbar{grid-template-columns:116px minmax(0,1fr)}
body #gardenApp[data-nanamono-settlement-surface="garden"]>.appbar>#gardenCalendarButton{grid-column:2;grid-row:1;justify-self:end}
body #gardenApp[data-nanamono-settlement-surface="garden"]>.appbar>.gardenWallet{grid-column:2;grid-row:2}
/* Keep the refill controls below the front path, away from the sea path. */
body #sceneHome{--garden-water-bottom:calc(20px + env(safe-area-inset-bottom));--garden-water-meter-height:18px;--garden-front-limit:calc(100dvh - var(--garden-water-bottom) - 56px - var(--garden-water-meter-height) - 42px)}
body #sceneHome .home-water-tools{left:50%;top:auto;bottom:var(--garden-water-bottom);transform:translateX(-50%);gap:8px}
body #sceneHome #homeRefillWater.garden-ui-button,body #sceneHome #homeWaterTool.garden-ui-button{--garden-icon-size:56px;padding:7px!important}
body #sceneHome #homeWaterChargeCount{position:absolute;left:50%;top:calc(-1 * var(--garden-water-meter-height));transform:translateX(-50%);height:var(--garden-water-meter-height);margin:0;padding:1px 5px;font-size:11px;line-height:14px}
body #sceneHome [data-garden-route-hotspot="goBoard"]{top:min(var(--garden-route-y),calc(var(--garden-front-limit) - 68px))!important}
body #sceneHome [data-garden-route-hotspot="goRiver"]{top:min(var(--garden-route-y),var(--garden-front-limit))!important}
@media(max-height:480px) and (min-aspect-ratio:4/3){
 body #sceneHome{--garden-water-bottom:calc(6px + env(safe-area-inset-bottom));--garden-water-meter-height:16px}
 body #sceneHome #homeWaterChargeCount{font-size:10px;line-height:12px}
}
body #gardenApp[data-nanamono-settlement-surface="garden"]>.appbar>.heading{grid-column:2;grid-row:1;justify-self:start;max-width:calc(100% - 170px)}
body #gardenApp[data-nanamono-settlement-surface="garden"]>.appbar>.heading strong{font-size:16px;line-height:20px}
body #sceneHome [data-garden-route-hotspot]{gap:2px!important}
body #sceneHome [data-garden-route-hotspot]>.garden-ui-caption{line-height:1.2;padding:1px 2px}
@media(max-width:420px){body #gardenApp[data-nanamono-settlement-surface="garden"]>.appbar>.heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
/* The house exposes only exit, rest, calendar and cooking. */
body:has(#sceneHouse:not([hidden])) .nm-game-topbar,body:has(#sceneHouse:not([hidden])) .nm-game-home,body:has(#sceneHouse:not([hidden])) #appHome{display:none!important}
body #houseCook.garden-ui-button{position:fixed!important;left:var(--garden-door-x,90vw)!important;top:var(--garden-door-y,65dvh)!important;transform:translate(-50%,-50%)!important;z-index:18;--garden-icon-size:56px;padding:6px!important}
body #houseRest.garden-overslept{animation:garden-oversleep-bed .7s ease-out}
body #gardenCalendarButton.garden-overslept{animation:garden-oversleep-clock .7s ease-out}
@keyframes garden-oversleep-bed{0%,100%{filter:none}25%{filter:brightness(1.25);rotate:-5deg}50%{rotate:5deg}75%{rotate:-3deg}}
@keyframes garden-oversleep-clock{0%,100%{filter:none}40%,70%{filter:brightness(1.45)}}
@media(prefers-reduced-motion:reduce){body #houseRest.garden-overslept,body #gardenCalendarButton.garden-overslept{animation:none;filter:brightness(1.15)}}
body #houseCook.garden-ui-button:disabled{opacity:.8;cursor:default}
body #gardenCalendarDays>.garden-calendar-empty{background:transparent;border:0}
/* Match the shared adventure GOLD/COIN exchange rows and currency artwork. */
body #sceneExchange>.garden-exchange-options{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:12px;flex:1;min-height:0;width:min(480px,100%);margin:0 auto;padding:8px}
body #sceneExchange button.garden-currency-exchange{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:72px;margin:0;padding:10px;border:1px solid white;border-radius:14px;background:rgba(255,255,255,.5);color:#26362b}
body #sceneExchange .garden-currency-exchange>span:not(.garden-exchange-arrow){display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:2px 6px;min-width:0}
body #sceneExchange .garden-currency-exchange img{grid-column:1;grid-row:1/span 2;width:32px;height:32px;object-fit:contain}
body #sceneExchange .garden-currency-exchange b{grid-column:2;grid-row:1;font-size:15px;line-height:1.2;text-align:left;white-space:nowrap}
body #sceneExchange .garden-currency-exchange small{grid-column:2;grid-row:2;font-size:10px;line-height:1.2;text-align:left}
body #sceneExchange .garden-exchange-arrow{font-size:22px;line-height:1;text-align:center}
@media(max-width:350px){body #sceneExchange button.garden-currency-exchange{gap:5px;padding:8px;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}body #sceneExchange .garden-currency-exchange b{font-size:14px}}
@media(max-height:480px) and (min-aspect-ratio:4/3){body #sceneExchange>.garden-exchange-options{grid-column:2;grid-row:1/-1;width:100%;height:100%;margin:0;padding:6px;gap:10px}body #sceneExchange button.garden-currency-exchange{min-height:68px;padding:8px}}
/* Shared currency art with numeric values; currency names remain accessible image labels. */
body .garden-currency-img{display:inline-block;width:24px;height:24px;object-fit:contain;vertical-align:middle;flex:none}
body .garden-currency-value{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;white-space:nowrap}
body .gardenWallet .gold,body .gardenWallet .garden-coin{display:inline-flex;align-items:center;gap:3px}
body .gardenWallet .garden-currency-img{width:22px;height:22px}
body #gardenApp>.appbar>.garden-good-status{grid-column:1;grid-row:2;justify-self:center;align-self:center;display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:20px;font-variant-numeric:tabular-nums;white-space:nowrap}
/* Rain belongs to the outdoor artwork only; controls and indoor rooms stay clear. */
body[data-garden-weather=rain] :is(#sceneHome,#sceneField,#sceneBoard)>.hero::after,
body[data-garden-weather=rain] :is(#riverStage,#woodStage)::after{content:'';position:absolute;inset:-180px -52px 0 0;z-index:6;pointer-events:none;background-image:repeating-linear-gradient(108deg,transparent 0 40px,#c5e8f3a8 41px,transparent 42px 82px);background-size:160px 180px;animation:garden-rain-fall .7s linear infinite;opacity:.6}
@keyframes garden-rain-fall{to{transform:translate3d(-52px,180px,0)}}
@media(prefers-reduced-motion:reduce){body[data-garden-weather=rain] :is(#sceneHome,#sceneField,#sceneBoard)>.hero::after,body[data-garden-weather=rain] :is(#riverStage,#woodStage)::after{animation:none;opacity:.45}}
/* Ten active requests stay in the specified five columns and two rows. */
body:not(.tutorial-mode) #sceneBoard>.content{display:flex;flex-direction:column;gap:4px;min-height:0;overflow:hidden;padding:4px 8px max(8px,env(safe-area-inset-bottom))}
body .garden-board-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:none;min-height:44px;font-size:12px;line-height:1.2;font-variant-numeric:tabular-nums}
body #boardRefresh{width:44px;height:44px;padding:8px;flex:none}
body #boardRefresh img{width:26px;height:26px}
body:not(.tutorial-mode) #requestCards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;flex:1;min-height:0;width:100%;height:100%;gap:4px;padding:4px;overflow:hidden;max-height:none}
body:not(.tutorial-mode) #requestCards>.garden-board-order{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(24px,1fr) 22px 14px 26px 44px;gap:2px;min-width:0;min-height:0;height:100%;padding:4px;overflow:hidden}
body .garden-board-order::before{display:none}
body .garden-board-order>.art{display:grid;place-items:center;min-width:0;min-height:0;height:100%}
body .garden-board-order>.art canvas{width:100%;height:100%;max-width:52px;max-height:52px;object-fit:contain}
body .garden-board-order>h3{font-size:11px!important;line-height:1!important;height:22px;margin:0!important;text-align:center;overflow-wrap:anywhere}
body .garden-board-meta{font-size:10px;line-height:14px;text-align:center;white-space:nowrap}
body .garden-board-order>.garden-board-reward{display:flex;flex-direction:column;align-items:center;gap:0;font-size:10px;line-height:12px;min-width:0}
body .garden-board-order>.garden-board-reward img{width:14px;height:14px;flex:none}
body .garden-board-order>.garden-board-reward b{font-size:10px;line-height:12px;white-space:nowrap}
body .garden-board-order>.garden-board-deliver{width:100%;height:44px;min-height:44px;min-width:0;padding:6px;margin:0}
body .garden-board-deliver img{width:26px;height:26px;object-fit:contain}
body.tutorial-mode .garden-board-toolbar{display:none}
@media(max-height:700px) and (max-aspect-ratio:13/10){body:not(.tutorial-mode) #requestCards>.garden-board-order{grid-template-rows:minmax(24px,1fr) 20px 12px 24px 44px;gap:1px;padding:2px}body .garden-board-order>h3{font-size:10px!important;height:20px}body .garden-board-meta{font-size:9px;line-height:12px}body .garden-board-order>.garden-board-reward img{width:12px;height:12px}}
@media(max-height:480px) and (min-aspect-ratio:4/3){body:not(.tutorial-mode) #requestCards>.garden-board-order{grid-template-columns:28px minmax(0,1fr) 44px;grid-template-rows:repeat(3,minmax(0,1fr));gap:1px 3px;padding:2px}body .garden-board-order>.art{grid-column:1;grid-row:1/span 2;width:28px}body .garden-board-order>h3{grid-column:2;grid-row:1;font-size:10px!important;height:auto}body .garden-board-meta{grid-column:2;grid-row:2;font-size:9px}body .garden-board-order>.garden-board-reward{grid-column:1/span 2;grid-row:3;flex-direction:row;justify-content:center;gap:2px}body .garden-board-order>.garden-board-reward img{width:12px;height:12px}body .garden-board-order>.garden-board-deliver{grid-column:3;grid-row:1/span 3;width:44px;height:100%;padding:4px}body #sceneBoard>#gardenLocalNav .garden-ui-button{--garden-icon-size:44px}body #sceneBoard>#gardenLocalNav .garden-ui-caption{font-size:9px;line-height:10px}body .garden-board-toolbar{min-height:44px}}
body .garden-exchange-balances{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}
body .garden-exchange-balances>span{display:inline-flex;align-items:center;gap:4px}
body #sceneExchange .garden-currency-exchange>span:not(.garden-exchange-arrow){grid-template-columns:32px minmax(0,1fr)}
body #sceneExchange .garden-currency-exchange img{grid-row:1}
body #sceneExchange .garden-currency-exchange b{grid-row:1}
body #shopItems small .garden-currency-img,body #requestCards small .garden-currency-img,body #fieldExpansionInfo .garden-currency-img{width:20px;height:20px}

body .garden-ui-caption .garden-currency-img{width:18px;height:18px}
body .garden-ui-caption .garden-currency-value{gap:2px}
/* Short, narrow landscape: the whole request remains the delivery hit area. */
@media(max-height:480px) and (min-aspect-ratio:4/3) and (max-width:700px){body:not(.tutorial-mode) #requestCards>.garden-board-order{position:relative;grid-template-columns:24px minmax(0,1fr);grid-template-rows:20px 16px minmax(28px,1fr);gap:1px 2px;padding:2px}body .garden-board-order>.art{grid-column:1;grid-row:1/span 2;width:24px}body .garden-board-order>h3{grid-column:2;grid-row:1;font-size:8px!important;line-height:10px!important;overflow-wrap:anywhere}body .garden-board-meta{grid-column:2;grid-row:2;font-size:8px;line-height:12px}body .garden-board-order>.garden-board-reward{grid-column:1/-1;grid-row:3;align-self:end;justify-self:start;flex-direction:row;gap:1px;padding-bottom:3px;pointer-events:none}body .garden-board-order>.garden-board-reward b{font-size:9px}body .garden-board-order>.garden-board-deliver{position:absolute;inset:0;width:100%;height:100%;min-height:44px;padding:0;border:1px solid #fff9;border-radius:inherit;background:transparent}body .garden-board-order>.garden-board-deliver img{position:absolute;right:2px;bottom:2px;width:20px;height:20px}body .garden-board-order>.garden-board-deliver:disabled{background:#b8b8aa33}}