/* Transparent growth HUD: all status/percent/time content remains live HTML. */
.farm-game-home .farm-growth-card,
.farm-game-home .farm-growth-card.is-harvestable {
    display:flex; flex-direction:column; gap:3px;
    width:min(84%,340px); min-height:100px; padding:4px 0 0;
    border:0; border-radius:0; background:none; box-shadow:none; backdrop-filter:none;
    color:#fff3c2; text-shadow:0 1px 2px #345116,0 0 3px #345116;
}
.farm-game-home .farm-growth-heading {
    order:0; justify-content:center; flex-wrap:wrap; gap:6px; min-height:24px;
}
.farm-game-home .farm-growth-heading strong {
    position:relative; max-width:65%; padding-left:25px;
    font-size:15px; line-height:1.2; color:#fff1b5; overflow-wrap:anywhere;
    text-shadow:0 2px 2px #36511a;
}
.farm-game-home .farm-growth-heading strong::before {
    content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
    width:23px; height:25px; background:url('../images/farm/market/panel-blossom.svg') center/contain no-repeat;
}
.farm-game-home .farm-growth-heading span {
    max-width:100%; padding:3px 10px; border:1px solid #c6de79; border-radius:65% 30% / 50%;
    background:linear-gradient(#77b946,#397e32); color:#fffad9; font-size:10px;
    line-height:1.2; overflow-wrap:anywhere; text-shadow:0 1px 1px #315522;
    box-shadow:inset 0 1px #e5f3b078,0 2px 2px #254a2730;
}
.farm-game-home .farm-growth-card > small {
    order:1; display:flex; align-items:baseline; justify-content:center; flex-wrap:wrap;
    gap:5px; min-height:27px; margin:0; color:#f7edaf; font-size:12px; line-height:1.25;
    text-shadow:0 1px 2px #33541d,0 0 3px #33541d;
}
.farm-game-home .farm-growth-card #farm-stage-countdown {
    color:#f5fff0; font:900 clamp(22px,6.6vw,27px)/1 Arial,sans-serif;
    font-variant-numeric:tabular-nums; text-shadow:0 2px 1px #174c2b,0 0 3px #174c2b;
}
.farm-game-home .farm-growth-card.is-harvestable > small { color:#ffed78; font-size:19px; font-weight:900; }
.farm-game-home .farm-growth-card .farm-progress {
    order:2; position:relative; width:100%; height:auto; aspect-ratio:10 / 1;
    margin:0; padding:0; border:0; border-radius:0; overflow:visible;
    background:url('../images/farm/home-growth-vine-base-v1.webp') center/100% 100% no-repeat;
    box-shadow:none;
}
.farm-game-home .farm-growth-card .farm-progress > span {
    position:absolute; inset:0; display:block; width:100%; height:100%; border-radius:0;
    background:url('../images/farm/home-growth-vine-fill-v1.webp') center/100% 100% no-repeat;
    box-shadow:none; clip-path:inset(0 calc(100% - var(--farm-progress,0%) * .81) 0 0);
}
.farm-game-home .farm-growth-card .farm-progress > span::after { display:none; }
.farm-growth-percent {
    position:absolute; left:82%; right:1.4%; top:0; bottom:0;
    display:flex; align-items:center; justify-content:center; padding-top:1px;
    color:#fff3b3; font:800 clamp(9px,2.6vw,11px)/1 Arial,sans-serif;
    text-shadow:0 1px 1px #3b3212; white-space:nowrap;
}
.farm-game-home .farm-growth-card .farm-demo-note {
    order:3; margin:0; padding:0; min-height:17px; color:#e4edaa;
    font-size:9px; line-height:1.3; text-shadow:0 1px 2px #345321;
}
.farm-game-home .farm-growth-card .farm-demo-note span { border-color:#d9e7a0; color:inherit; }
@media(max-width:350px) {
    .farm-game-home .farm-growth-heading strong { font-size:14px; }
    .farm-game-home .farm-growth-card > small { font-size:11px; }
    .farm-game-home .farm-growth-card .farm-demo-note { font-size:8px; }
}