.pet-png{background-image:url('assets/pets-pixel-v5.png');background-size:400% 300%;background-position:0 var(--pet-row);background-repeat:no-repeat;image-rendering:pixelated;display:block}.sleeping .pet-png{background-position-x:100%}.walking .pet-png{animation:pet-frames .55s steps(1,end) infinite,pet-walk .4s steps(2,end) infinite}.pet-habitat .pet-png{width:100%;height:100%}#desktop-pet{width:104px;height:120px}#desktop-pet .pet-sprite{width:104px;height:100px}.pet-bubble{bottom:126px}.pet-menu{bottom:105px}.habitat-pet{width:150px;height:145px}.happy .pet-png{animation:pet-hop .55s ease-in-out 3}.playing .pet-png{animation:pet-hop .5s ease-in-out infinite}.eating .pet-png{animation:pet-nibble .3s steps(2,end) infinite}@keyframes pet-frames{0%,100%{background-position-x:33.333333%}50%{background-position-x:66.666667%}}@keyframes pet-nibble{50%{transform:translateY(2px)}}
.garden-toolbar{padding:8px 10px;background:#ece9d8;border-bottom:1px solid #c4c1b4;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.garden-tools{display:flex;gap:5px}.garden-tools button{display:flex;align-items:center;gap:6px;min-width:78px;height:29px}.garden-tools button[aria-pressed=true]{background:#dad7c5;box-shadow:inset 1px 1px 3px #8c8874;outline:1px dotted #726b58;outline-offset:-4px}.garden-tools button span{font-size:20px;line-height:15px}.tool-seed{color:#6b883c}.tool-water{color:#3a81c6}.tool-harvest{color:#9c683e}.garden-wallet{display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap;color:#69512b}.pixel-coin{display:inline-block;width:16px;height:16px;background:#eec655;border:3px solid #a37628;box-shadow:inset 2px 2px #fff4a7,inset -2px -2px #d69737;clip-path:polygon(25% 0,75% 0,75% 12%,100% 12%,100% 88%,75% 88%,75% 100%,25% 100%,25% 88%,0 88%,0 12%,25% 12%)}.garden-wallet strong{font:bold 16px Tahoma}.garden-content{flex:1;overflow:auto;background:#f5f2e6;padding:13px 14px;color:#332f25}.garden-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.garden-title h2{font:bold 18px Tahoma;color:#49642f;margin:0 0 4px}.garden-title p{font:11px Tahoma;color:#78705b;margin:0}.garden-title button{min-width:0;padding:4px 10px}.garden-main{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px}.garden-scene{position:relative;height:320px;min-height:0;background:#b5c578 url('assets/garden-pixel-v5.png') center/cover no-repeat;image-rendering:pixelated;border:3px solid #6f613e;box-shadow:inset 0 0 0 2px #e0c994,2px 2px #d6ceb7;overflow:hidden}.garden-bed-grid{position:absolute;left:23%;top:33%;width:57%;height:52%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:9px 14px}.garden-plot{all:unset;cursor:pointer;position:relative;display:block;touch-action:manipulation;isolation:isolate}.plot-earth{position:absolute;inset:25% 0 0;background:repeating-linear-gradient(0deg,#8a5c38 0 5px,#96683d 5px 7px,#aa784b 7px 10px);border:3px solid #67432d;box-shadow:inset 0 3px #c2945e,inset -2px -2px #70492d,2px 3px #0003;clip-path:polygon(5% 0,95% 0,95% 8%,100% 8%,100% 92%,95% 92%,95% 100%,5% 100%,5% 92%,0 92%,0 8%,5% 8%)}.garden-plot:hover .plot-earth,.garden-plot:focus-visible .plot-earth,.garden-plot.selected .plot-earth{filter:brightness(1.18)}.garden-plot.selected:after,.garden-plot:focus-visible:after{content:'';position:absolute;inset:19% -2px -2px;border:2px dashed #ffec9e;pointer-events:none;z-index:4}.garden-plot.wet .plot-earth{background:repeating-linear-gradient(0deg,#60432e 0 5px,#7a5539 5px 7px,#895b3a 7px 10px)}.plant-sprite{display:block;aspect-ratio:1;image-rendering:pixelated;overflow:hidden}.garden-plot>.plant-sprite{position:absolute;left:-5%;bottom:0;width:110%;height:155%;aspect-ratio:auto;pointer-events:none;z-index:2}.plot-number{position:absolute;bottom:3px;right:5px;color:#e5caa1;font:bold 9px Tahoma;text-shadow:1px 1px #51361e;z-index:3}.empty-plot-plus{position:absolute;inset:38% 0 0;text-align:center;color:#d5ad72;font:18px 'Lucida Console',monospace;opacity:.65}.ripe-spark{position:absolute;top:-12%;right:1%;color:#fff6ac;text-shadow:1px 1px #986523;font-size:16px;z-index:3;animation:garden-spark 2s steps(2,end) infinite}.garden-sign{position:absolute;bottom:4%;left:6%;max-width:39%;padding:5px 9px;color:#f7e6bb;background:#81562e;border:2px solid #54351f;box-shadow:inset 1px 1px #b68b52,2px 3px #0004;font:bold 10px Tahoma;overflow-wrap:anywhere;transform:rotate(-3deg)}.garden-info{display:flex;flex-direction:column;gap:9px}.garden-detail{background:#fffdf4;border:1px solid #d2c9aa;padding:10px;text-align:center;flex:1;min-height:150px}.garden-detail h3{font:bold 11px Tahoma;color:#8c7853;text-transform:uppercase;letter-spacing:1px;margin:0}.garden-detail>.plant-sprite{width:76px;height:76px;margin:2px auto 0}.garden-detail>strong{font:bold 12px Tahoma;display:block;margin-top:2px}.garden-detail p{margin:5px 0;color:#6d7850;font-size:11px}.garden-detail small{font-size:10px;color:#84785b;display:block;line-height:1.5}.growth-dots{display:flex;justify-content:center;gap:4px;margin:8px 0}.growth-dots i{width:19px;height:6px;border:1px solid #b6bc99;background:#e9eadb}.growth-dots i.filled{background:#91a956;border-color:#677b3e}.garden-empty-icon{font-size:45px;color:#9bae65;padding:18px}.garden-goal-note{background:#e7edd6;border:1px solid #bac898;padding:10px}.garden-goal-note img{width:24px;height:24px;float:left;margin:0 6px 5px 0}.garden-goal-note strong{display:block;font:bold 11px/1.4 Tahoma;color:#536934}.garden-goal-note p{font:10px/1.55 Tahoma;color:#63724b;margin:7px 0}.garden-goal-note button{width:100%;min-width:0;font-size:10px;height:24px}.garden-stats{text-align:center;font-size:10px;color:#8c7a51}.garden-seed-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:13px 0 7px}.garden-seed-title strong{color:#6a623e}.garden-seed-title span{font-size:10px;color:#8a8169}.garden-seeds{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.garden-seed{display:flex;align-items:center;gap:4px;min-width:0;padding:3px 7px;text-align:left;background:#fffdf3;border:1px solid #c9bea1;box-shadow:inset 1px 1px white;border-radius:2px}.garden-seed>.plant-sprite{width:48px;height:48px;flex-shrink:0}.garden-seed>span+span{min-width:0}.garden-seed strong{display:block;font-size:11px;color:#544527;overflow-wrap:anywhere}.garden-seed small{display:block;font-size:9px;color:#8f7b52;margin-top:5px;line-height:1.4}.garden-seed.chosen{background:#eef2db;border:2px solid #869d54;padding:2px 6px}.garden-message{margin-top:10px;padding:8px 10px;background:#fffce8;border:1px solid #e3d8a4;font:11px/1.4 Tahoma;min-height:32px;color:#786334}.garden-butterfly{position:absolute;width:9px;height:7px;background:#ffd783;border:1px solid #b48a3f;box-shadow:6px 0 #ecb574;z-index:3;pointer-events:none;animation:butterfly-flight 6s ease-in-out infinite}.garden-butterfly.b1{left:16%;top:40%}.garden-butterfly.b2{right:12%;top:60%;background:#c3a5de;box-shadow:6px 0 #a47bbf;animation-delay:-3s}.garden-plot.just-watered:before{content:'· · ·';color:#aee0ff;position:absolute;top:-20px;left:25%;z-index:5;font:bold 30px monospace;text-shadow:1px 1px #326c9e;animation:garden-water .9s ease-in forwards;pointer-events:none}.garden-plot.just-harvested{animation:garden-harvest .5s ease-in-out}@keyframes garden-spark{50%{opacity:.35}}@keyframes butterfly-flight{50%{transform:translate(15px,-15px) scaleX(.6)}}@keyframes garden-water{to{transform:translateY(45px);opacity:0}}@keyframes garden-harvest{50%{transform:translateY(-4px)}}@media(max-width:800px){.garden-main{grid-template-columns:1fr}.garden-info{display:grid;grid-template-columns:1fr 1fr}.garden-detail{min-height:150px}.garden-detail>.plant-sprite{width:72px;height:72px}.garden-stats{grid-column:1/-1}.garden-seeds{grid-template-columns:repeat(2,1fr)}.garden-scene{height:auto;aspect-ratio:3/2;min-height:0}.garden-content{padding:10px}.garden-seed-title span{max-width:55%}.garden-toolbar{flex-wrap:wrap;gap:6px}.garden-wallet{font-size:10px}.garden-title h2{font-size:16px}.garden-title p{font-size:10px}.garden-bed-grid{gap:5px 7px}.garden-plot>.plant-sprite{left:-5%;bottom:0;width:110%;height:155%}.garden-sign{font-size:8px;padding:3px 5px}.garden-goal-note{padding:8px}.garden-goal-note strong{font-size:10px}.garden-detail{padding:8px}.garden-empty-icon{padding:9px}}@media(prefers-reduced-motion:reduce){.pet-png,.garden-butterfly,.ripe-spark,.garden-plot.just-watered:before,.garden-plot.just-harvested{animation:none!important}}

.app-pet-icon{display:inline-block;background:url('assets/pets-pixel-v5.png') 0 0/400% 300% no-repeat;image-rendering:pixelated}.app-garden-icon{display:inline-block;image-rendering:pixelated;overflow:hidden}.app-pet-icon,.app-garden-icon{width:16px;height:16px;flex-shrink:0}.desktop-icon .app-pet-icon,.desktop-icon .app-garden-icon{width:40px;height:40px;pointer-events:none}.app-heading .app-pet-icon,.app-heading .app-garden-icon{width:42px;height:42px}.start-columns .app-pet-icon,.start-columns .app-garden-icon{width:32px;height:32px}.desktop-icon>svg{pointer-events:none}
.pet-habitat{background:#b5c578 url('assets/garden-pixel-v5.png') center/cover no-repeat;image-rendering:pixelated}.habitat-cloud,.habitat-grass{display:none}.pet-habitat>span{background:#fff7d9bd;padding:2px 7px;border:1px solid #907c43}
#desktop-pet.facing-left .pet-sprite{transform:scaleX(-1)}