:root{color:#365c36;background:#f1f9e8}body{background:radial-gradient(ellipse at 10% 0,#e2f4dc,transparent 55%),#f4faec}h1{color:#3f713d}.brand small{color:#7e9b66}.sun-logo{color:#efba43;text-shadow:0 2px 0 #d9a63b}.header-actions button{background:#fffef5;border:2px solid #d0e2bb;color:#578847;box-shadow:0 3px 0 #dbe8c9}.metrics{background:#fffef7;border:2px solid #d7e8c6;box-shadow:0 5px 0 #dfeccc}.metrics>div{border-color:#e1eccf}.metrics small{color:#7c945d}.metrics b{color:#4b783e}.farm-scene{border-color:#fffef6;box-shadow:0 7px 0 #b4d18f,0 12px 25px #476b2f15}.landscape{background:linear-gradient(#c4eaf0,#d9f3e2)}.sun{background:#ffda6c;border-color:#ffedaa;box-shadow:0 0 0 7px #fff3b730}.cloud{background:#fffdf0;opacity:.95}.hill{background:#a3cc79}.h2{background:#8abb64}.barn{background-color:#e99368;border:3px solid #fff0c5;border-radius:5px;background-image:repeating-linear-gradient(90deg,transparent 0 17px,#d97f58 18px 20px);box-shadow:0 4px 0 #739b51}.roof{background:#527d63;filter:drop-shadow(0 2px 0 #40634f)}.barn span{background:#ae7952;border-color:#ffe9b8;border-radius:7px 7px 0 0}.barn span:before,.barn span:after{background:#ffdf9d}.barn i{background:#a8d8dd;border-color:#fff7d6;border-radius:3px}.tree i{background:#7ebc58;border:2px solid #6aa348}.tree i:nth-child(2){background:#94ca65}.tree i:nth-child(3){background:#83ba54}.tree{background:#a17b49}.scene-title b{color:#4e7939;text-shadow:0 1px 0 #dbefb7}.scene-title small{color:#69934a}.fence{background:repeating-linear-gradient(90deg,#fff5d3 0 12px,transparent 12px 47px);border-top-color:#fff9df;border-bottom-color:#dbd3a6}.field{background-color:#bfdf91;background-image:radial-gradient(ellipse at 20% 40%,#9cc975 0 1px,transparent 2px);background-size:31px 27px}.field-title{color:#638a43}.soil{background:repeating-linear-gradient(168deg,#b48354 0 14px,#c49965 15px 23px,#bd905c 24px 30px);border:4px solid #8c653f;border-radius:18px;box-shadow:inset 0 4px 0 #e0b77e,0 6px 0 #916f43,0 10px 0 #93bc6c}.plot .soil:before{content:'';position:absolute;inset:4px;border-radius:11px;border-top:2px solid #edcb8d;opacity:.7}.plot.locked .soil{background:repeating-linear-gradient(165deg,#b2d28b 0 17px,#bbd994 18px 31px);border:3px dashed #8cb669;box-shadow:0 5px 0 #91b56b}.plot.locked .soil:before{border:0}.plot.locked .lock{color:#7fa05b}.plot:not(.locked) .lock{color:#e6c490}.plot .number{color:#ffe9be;font-weight:bold}.plot .label{background:#fff9df;border:1px solid #c2a46b;color:#6e623b;box-shadow:0 3px 0 #8ba85d}.plot.ready .label{background:#ffdc78;border:1px solid #c79c3f;color:#76571d;box-shadow:0 3px 0 #af913a}.plot.ready .soil{border-color:#b78b3d;box-shadow:inset 0 4px 0 #e9c68e,0 6px 0 #96733d,0 0 0 4px #ebf7a780}.plot.ready .plants:after{content:'✦';position:absolute;right:4%;top:7px;color:#fff4ac;font-size:17px;text-shadow:0 1px 0 #ba973a}.plants svg{filter:drop-shadow(0 3px 0 #6d513b28)}.plot .timer{display:flex;align-items:center;gap:3px;background:#f9ffe7;border:1px solid #a6c578;color:#60823a;font-weight:600;z-index:3}.timer-crop{width:14px;height:14px;flex:none}.plot[data-watered=true]:not(.ready) .soil:after{content:'';position:absolute;right:7px;bottom:6px;background:#8bcbd8;border:1px solid #5a9daa;width:7px;height:10px;border-radius:60% 40% 60% 40%;transform:rotate(30deg)}.seed-shelf{background:#e9f4cd;border:2px solid #a9c97b;box-shadow:0 3px 0 #9bb971}.seed{background:#fffbe5;border:1px solid #d7d9a6;color:#698343}.seed.active{border:2px solid #6e9d45;background:#fff3b9;box-shadow:0 3px 0 #94b263}.seed small{color:#9a9463}.seed b{color:#64813c}.shelf-label{color:#7a9650}.order-card,.market{background:#fffff6;border:2px solid #d7e7bd;box-shadow:0 3px 0 #e2edcd}.card-head{color:#7d9d52}.order-card h2{color:#447336}.need{background:#edf5d7;border:1px solid #d8e8b4}.need b{color:#919b6a}.need.fulfilled{background:#e1f2c5;border-color:#a9ca7d}.need.fulfilled b{color:#578343}.primary{background:#8fbd56;border:1px solid #60883b;color:#284d24;box-shadow:0 4px 0 #69973d}.primary:hover{filter:brightness(1.04)}.primary:disabled{background:#dbe7be;color:#728b53;border-color:#bacd97;box-shadow:0 3px 0 #bbd09a;opacity:1}.order-note{color:#93a070}.stock-row b{color:#58783c}.stock-row small{color:#94a16c}.sell{background:#f8f7db;border:1px solid #cdd8a3;color:#789447;box-shadow:0 2px 0 #e0e8bd}.sell:disabled{opacity:.55}.tools{background:#daedbf;border:2px solid #b0cf88;color:#5d823b;box-shadow:0 3px 0 #c1dba1}.tools small{color:#7f9957}footer{color:#779549}.secondary,.upgrade{background:#edf5d8;border:1px solid #c9dea8;color:#60823a}.text-btn{color:#809559}dialog{background:#fffff1;border:3px solid #b6d28b;box-shadow:0 18px 0 #436c2315,0 25px 80px #3c5c2a35;color:#4c7738}dialog::backdrop{background:#50794270;backdrop-filter:blur(4px)}dialog h2{color:#487938}dialog p{color:#7e9460}.rules{background:#eff5db;color:#758951}.modal-tip{background:#fff4ce;color:#a48a43}.menu-garden{display:flex;align-items:end;justify-content:center;gap:3px;height:105px;position:relative;margin-bottom:15px;background:radial-gradient(ellipse at 50% 90%,#dcebbd 0 45%,transparent 46%)}.menu-garden svg{width:82px;height:82px;filter:drop-shadow(0 4px 0 #70954022);z-index:1}.menu-garden svg:nth-child(2){width:96px;height:96px}.menu-garden:after{content:'';position:absolute;width:190px;height:11px;border-radius:50%;background:#bcd88d;bottom:0}
@media(max-width:760px){.timer-crop{width:11px;height:11px}.plot .timer{gap:1px;padding:1px 4px}.plot.ready .plants:after{font-size:12px;right:0;top:0}.soil{border-width:3px}.order-card,.market{border-width:1px}.seed-shelf{border-width:1px}}
@media(orientation:landscape) and (max-height:560px){.timer-crop{width:10px;height:10px}.plot .timer{font-size:8px;top:-2px;padding:0 4px}.menu-garden{height:64px;margin-bottom:10px}.menu-garden svg{width:53px;height:53px}.menu-garden svg:nth-child(2){width:64px;height:64px}.menu-garden:after{width:140px}.tools{border-width:1px}.seed-shelf{border-width:1px}}
@media(orientation:portrait) and (max-height:620px){.timer-crop{width:9px;height:9px}.plot .timer{top:-2px;font-size:7px;padding:0 3px}.plot.ready .plants:after{font-size:10px}.menu-garden{height:75px}.menu-garden svg{width:60px;height:60px}.menu-garden svg:nth-child(2){width:74px;height:74px}.tools{border-width:1px}}
@media(orientation:portrait) and (max-width:400px) and (max-height:620px){.field{padding-top:4px;padding-bottom:4px}}