/* Round image controls share the user's 50% white transparent fill. */
body button.garden-ui-button:not([hidden]){--garden-icon-size:60px;display:inline-flex!important;align-items:center;justify-content:center;flex:none!important;width:var(--garden-icon-size)!important;height:var(--garden-icon-size)!important;min-width:44px!important;min-height:44px!important;max-width:none!important;margin:0!important;padding:8px!important;border:1px solid #ffffffe6!important;border-radius:50%!important;background:rgba(255,255,255,.5)!important;box-shadow:0 2px 7px #26362b2b;backdrop-filter:blur(4px);position:relative;color:#35514d;gap:0!important;aspect-ratio:1;}
body button.garden-ui-button:disabled{opacity:.5}
body button.garden-ui-button[aria-pressed=true]{outline:3px solid #477d59;outline-offset:2px;background:rgba(255,255,255,.5)!important}
body button.garden-ui-button:focus-visible{outline:3px solid #2b7156;outline-offset:3px}
body .garden-ui-icon{display:block;position:relative;width:100%;height:100%;pointer-events:none;flex:none}
body .garden-ui-icon>.garden-ui-svg,body .garden-ui-icon>.garden-ui-tool-art{display:block!important;position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:contain;margin:0!important;padding:0!important}
body .garden-ui-source-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
body .garden-ui-control{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;min-width:0;position:relative;vertical-align:top}
body .garden-ui-caption{display:block;max-width:12em;color:#263e35;font-size:11px;line-height:1.45;font-weight:700;text-align:center;overflow-wrap:anywhere;padding:1px 4px;border-radius:6px;background:#ffffff80;text-shadow:0 1px 2px white;pointer-events:none}
body .destinations{align-items:start;margin-top:10px}
body .destinations .garden-ui-control{width:100%}
body .destinations button.garden-ui-button{--garden-icon-size:72px}
body .mini-nav{align-items:start;justify-content:center;flex-wrap:wrap}
body .mini-nav>.garden-ui-control{flex:1;min-width:66px}
body .tools{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start}
body .tools button.garden-ui-button{--garden-icon-size:56px}
body .tools .garden-ui-caption{font-size:10px}
body .seed-choices{gap:10px;align-items:start}
body .seed-choices>.garden-ui-control{width:78px}
body .seed-choices .garden-ui-caption{font-size:10px}
body .garden-ui-seed-packet>.garden-ui-crop-thumbnail{position:absolute!important;left:29%!important;top:45%!important;width:39%!important;height:39%!important;z-index:1;background-color:#f9edcc;border-radius:3px;box-shadow:0 0 0 1px #ae91602b}
body .garden-ui-crop-thumbnail>canvas,body .garden-ui-harvest-art>canvas{display:block;width:100%!important;height:100%!important;object-fit:contain}
body .card .garden-ui-control{align-self:center;margin-top:auto;padding-top:7px}
body .card .garden-ui-caption{max-width:100%;font-size:11px}
body .card .garden-seed-card-art{width:84px;height:84px}
body .garden-result-icon{display:grid;place-items:center;width:84px;height:84px;flex:none;padding:7px;border:3px solid #c6a23e;border-radius:14px;box-shadow:inset 0 0 0 1px #ffe6a1,0 2px 5px #72582920;background:#fff;overflow:hidden}
body .garden-result-icon>i.sprite,body .garden-result-icon>canvas.sprite{width:100%!important;height:100%!important;object-fit:contain}
body .garden-result-icon[data-rarity="R"]{background:#70b1ec}
body .garden-result-icon[data-rarity="SR"]{background:#b997e1}
body .garden-result-icon[data-rarity="SSR"]{background:#f6dc69}
body .garden-result-icon[data-rarity="UR"]{background:#e77775}
body .garden-result-icon[data-rarity="LR"]{background:linear-gradient(135deg,#ee8095,#f5bf6a,#f0e376,#8fcba3,#78b4e9,#b68fdf)}
body .appbar button.garden-ui-button,body button.garden-ui-button[data-garden-ui="close"]{--garden-icon-size:44px;padding:9px!important}
body button.garden-ui-button[data-garden-ui="close"]{padding:5px!important}
body button.garden-ui-button[data-garden-ui="pencil"]{--garden-icon-size:44px;padding:7px!important}
body .tutorial-controls button.garden-ui-button{--garden-icon-size:44px}
body #goHouse.garden-ui-button{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);--garden-icon-size:60px}
body #homeWaterTool.garden-ui-button{--garden-icon-size:56px}
body #enterGarden.garden-ui-button{--garden-icon-size:76px}
body .welcome .garden-ui-control{margin-top:14px}
body #woodLobby .garden-ui-control{display:inline-flex;vertical-align:top;max-width:180px;padding-inline:10px}
body #woodNext.garden-ui-button{position:fixed;z-index:41;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);min-width:60px!important}
body #riverStage #fishPull.garden-ui-button{--garden-icon-size:76px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;border:2px solid white!important}
body #riverStage #fishPull.garden-ui-button.holding{box-shadow:0 0 0 4px #15464c77,0 3px 10px #092b4977}
body .fish-place-nav{align-items:start;gap:14px}
body .fish-place-nav>.garden-ui-control:last-child{margin-left:auto}
body .river-actions{gap:12px;align-items:start}
/* Fishing always keeps the existing local return control in the visible viewport. */
body #sceneRiver #houseBack.garden-ui-button:not([hidden]){position:fixed;top:calc(var(--garden-appbar-height,72px) + 8px);left:max(10px,env(safe-area-inset-left));z-index:25;--garden-icon-size:48px;pointer-events:auto}
body button.garden-ui-farm-row{display:flex;align-items:center;gap:12px;min-height:56px;background:transparent;border:0;box-shadow:none;flex:1;text-align:left}
body button.garden-ui-farm-row>.garden-ui-icon{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.5);padding:7px;border:1px solid white}
body button.garden-ui-farm-row>.garden-ui-icon>.garden-ui-svg{inset:7px;width:calc(100% - 14px)!important;height:calc(100% - 14px)!important}
body .farm-name{overflow-wrap:anywhere;text-align:left}
body #sceneWood .wood-gauges .garden-ui-gauge{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;padding-bottom:52px!important}
body .garden-gauge-tap-icon{display:grid;place-items:center;position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:48px;height:48px;padding:7px;border:1px solid white;border-radius:50%;background:rgba(255,255,255,.5);box-shadow:0 2px 7px #26362b2b;pointer-events:none}
body .garden-gauge-tap-icon>.garden-ui-svg{display:block;width:100%;height:100%;object-fit:contain}
body .home-return.garden-ui-button{position:fixed;left:50%;bottom:24px;transform:translateX(-50%)}
body .home-empty .garden-ui-control:has(.home-return){position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:20}
body .home-empty .garden-ui-control .home-return{position:relative;left:auto;bottom:auto;transform:none}
@media(max-width:420px){body button.garden-ui-button{--garden-icon-size:56px}body .destinations button.garden-ui-button{--garden-icon-size:64px}body .tools{gap:4px}body .tools button.garden-ui-button{--garden-icon-size:50px}body .garden-ui-caption{font-size:10px}body .seed-choices>.garden-ui-control{width:70px}}
@media(max-height:400px){body #sceneWood .wood-gauges .garden-ui-gauge{padding-bottom:44px!important}body .garden-gauge-tap-icon{width:44px;height:44px;padding:6px}}
/* The icon display rule must never expose controls hidden by game or tutorial state. */
body button.garden-ui-button[hidden]{display:none!important}
body .garden-ui-control[hidden]{display:none!important}
body.tutorial-mode #fieldPlotClose.garden-ui-button{display:none!important}
body .mini-help{padding-bottom:25px}
body summary.garden-ui-summary{display:inline-flex;position:relative;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:24px;padding:9px;border:1px solid white;border-radius:50%;background:rgba(255,255,255,.5);box-shadow:0 2px 7px #26362b2b;cursor:pointer;list-style:none}
body summary.garden-ui-summary::marker,body summary.garden-ui-summary::-webkit-details-marker{display:none}
body summary.garden-ui-summary::after{content:attr(data-garden-ui-label);position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);width:max-content;max-width:12em;font-size:11px;font-weight:700;line-height:1.4;color:#263e35;background:#ffffff80;border-radius:5px;padding:1px 4px;pointer-events:none}
body summary.garden-ui-summary:focus-visible{outline:3px solid #2b7156;outline-offset:3px}