/* Painted plants (Codex, 2026-10). The game is a built React bundle, so the art goes in here
   instead of a rebuild: once art.js has loaded every painting it adds .zf-art to <html>, the
   CSS-drawn stem/leaf/bloom parts hide and the painting fills the same sprite box (the
   bundle's vigor-N filters and transforms still apply). Until then the drawn plants show. */
.zf-art .plant-sprite[class*="sprite-"] { background: center bottom / contain no-repeat; }
.zf-art .plant-sprite[class*="sprite-"] > i { display: none; }
.zf-art .plant-sprite.sprite-sunflower { background-image: url(img/plant-sunflower.webp?v=1); }
.zf-art .plant-sprite.sprite-coneflower { background-image: url(img/plant-coneflower.webp?v=1); }
.zf-art .plant-sprite.sprite-bee-balm { background-image: url(img/plant-bee-balm.webp?v=1); }
.zf-art .plant-sprite.sprite-hosta { background-image: url(img/plant-hosta.webp?v=1); }
.zf-art .plant-sprite.sprite-tomato { background-image: url(img/plant-tomato.webp?v=1); }
.zf-art .plant-sprite.sprite-basil { background-image: url(img/plant-basil.webp?v=1); }
.zf-art .plant-sprite.sprite-marigold { background-image: url(img/plant-marigold.webp?v=1); }
.zf-art .plant-sprite.sprite-black-eyed-susan { background-image: url(img/plant-black-eyed-susan.webp?v=1); }