/* Picturebook garden skin. Scoped to the garden so other kingdom pages stay stable. */
.sg{--ink:#365941;--leaf:#456d4c;--cream:#fffcf1;--gold:#e3b853}.sg-title{margin:4px 0 22px}.sg h1{font-family:Georgia,'STKaiti','KaiTi',serif;font-size:42px;letter-spacing:4px;color:#355941}.sg h1>span{font-family:inherit;font-size:14px;letter-spacing:2px;color:#899378}.sg-wallet{background:linear-gradient(135deg,#fffced,#f4e8bc);border:1px solid #dbc898;box-shadow:0 4px 0 #e4d8b2,0 10px 28px #6d805410;rotate:2deg;border-radius:5px 21px 6px 20px}.sg-wallet strong{color:#9e7937}.sg-shop-layout{grid-template-columns:minmax(320px,1.05fr) minmax(330px,1fr);gap:30px}.sg-preview{border:6px solid #fffdf2;border-radius:90px 90px 25px 25px;box-shadow:0 0 0 1px #dce2cd,0 14px 36px #5a70441c;background:#fffdf3}.sg-sky{height:285px;background:#d7e6ce url('garden-scene.svg?v=book1') center/cover;min-height:0}.sg-sky>*{display:none}.sg-sky:after{content:'MOMO’S LITTLE GARDEN';position:absolute;bottom:15px;left:50%;translate:-50% 0;font-size:9px;letter-spacing:3px;white-space:nowrap;color:#fffbe2;text-shadow:0 2px 4px #536c48}.sg-preview-copy{padding:24px 29px}.sg h2{font-family:Georgia,'STKaiti','KaiTi',serif;font-size:25px;letter-spacing:1px}.sg-round-stats{margin:18px 0;padding:13px 0}.sg-round-stats b{font-family:Georgia,serif}.sg-primary{background:linear-gradient(#668860,#4b724d);border:1px solid #466342;border-radius:9px 13px 10px 15px;box-shadow:0 5px 0 #37563b,0 8px 14px #4d69401a;color:#fff8db;letter-spacing:1px}.sg-primary:hover{background:linear-gradient(#78996b,#5f8157)}.sg-store{padding-top:13px}.sg-store-title{border-bottom:2px solid #ddd5b8;margin-bottom:16px;padding-bottom:8px;position:relative}.sg-store-title:after{content:'';position:absolute;bottom:-7px;left:8%;right:8%;height:3px;background:#eae1c8}.sg-store-title>span{background:#f5ecd5;color:#9a875d;border-radius:3px;rotate:3deg}.sg-upgrades{grid-template-columns:1fr 1fr;gap:13px}.sg-upgrade{display:flex;flex-direction:column;gap:0;align-items:flex-start;border:1px solid #ded5b8;background:linear-gradient(145deg,#fffdf4,#f7f1df);padding:12px 13px;border-radius:5px 15px 5px 15px;position:relative;min-height:167px;box-shadow:0 3px 0 #e8e0c9}.sg-upgrade:not(:disabled):hover{transform:translateY(-4px) rotate(-1deg);box-shadow:0 7px 0 #e8e0c9;border-color:#a5b27f}.sg-upgrade:disabled{opacity:1;background:#f5f3e7;color:#919579;box-shadow:0 3px 0 #e9e5d6}.sg-upgrade:disabled .sg-up-icon{opacity:.72;filter:saturate(.65)}.sg-upgrade:disabled b{color:#7e8b72}.sg-upgrade b{font-size:13px}.sg-upgrade small{font-size:10px;line-height:1.6;min-height:32px;margin:5px 0;color:#8c917b}.sg-upgrade em{display:block;font-size:9px}.sg-upgrade em strong{font-size:12px;background:#f2e5bb;padding:3px 7px;border-radius:8px;margin-left:6px;display:inline-block}.sg-up-icon{width:64px;height:55px;background:none;border-radius:0;align-self:center;margin-bottom:5px}.sg-tool-art{width:64px;height:58px;overflow:visible}.sg-up-icon .sg-flower{width:54px;height:59px}.sg-rebirth{background:linear-gradient(130deg,#f6efdc,#f1f0df);border-style:dashed;border-radius:14px;color:#8e7f5e}.sg-purchased:after{content:'✦ 升级完成';position:absolute;right:7px;top:9px;font-size:9px;background:#dfebca;color:#5d804b;padding:5px 7px;border-radius:8px;rotate:7deg}.sg-play{border:5px solid #fffdf1;border-radius:23px;box-shadow:0 0 0 1px #d7dfc6,0 16px 40px #45623d17;overflow:visible}.sg-hud{border-radius:20px 20px 0 0;background:linear-gradient(110deg,#fcf9ed,#f2eedb);padding:13px 22px}.sg-hud b{font-family:Georgia,serif;font-size:31px}.sg-hud small{letter-spacing:2px}.sg-time-track{height:4px}.sg-time-track i{background:linear-gradient(90deg,#8da56d,#e8c365);box-shadow:0 0 10px #e7c66255}.sg-field{padding:155px 7% 35px;background:#a9c28c url('garden-scene.svg?v=book1') center top/100% auto no-repeat;isolation:isolate;overflow:hidden;min-height:490px}.sg-field:before{inset:110px 5% 12px;border-radius:50%;opacity:1;background:radial-gradient(ellipse,#c2d19b70,transparent 70%);z-index:-1}.sg-field:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 45%,#fffbc4 0 2px,transparent 3px),radial-gradient(circle at 76% 20%,#fff9cd 0 2px,transparent 4px),radial-gradient(circle at 83% 71%,#fff8d9 0 1.5px,transparent 3px);animation:sg-fireflies 5s ease-in-out infinite alternate}.sg-field-heading{position:absolute;top:20px;left:25px;right:25px;align-items:center}.sg-field-heading>span{background:#fcf6dfdd;box-shadow:0 3px 0 #baaa7c44;border:1px solid #d9cea9;border-radius:3px 10px 4px 8px;padding:9px 13px;color:#6f7c58;rotate:-2deg}.sg-field-heading>b{background:#fffae4dc;backdrop-filter:blur(4px);color:#718052;border:1px solid #e4d7ac}.sg-plots{max-width:770px;gap:8px 15px;position:relative;z-index:1}.sg-plot{background:none!important;border:0!important;box-shadow:none!important;height:155px;border-radius:45%;padding:8px;transition:filter .2s}.sg-plot:hover{filter:brightness(1.08)}.sg-soil{width:95%;height:58px;bottom:20px;background:radial-gradient(ellipse at 46% 18%,#b79b6c,#9b7e55 75%);border:2px solid #b99c6a;border-radius:49% 47% 43% 48%;box-shadow:0 6px 0 #806b49,0 10px 0 #8fa469,0 13px 10px #536e3b22,inset 0 4px 9px #715d3433}.sg-soil:after{content:'';inset:9px 10px;position:absolute;border-radius:50%;background:radial-gradient(ellipse at 15% 44%,#d0b386 0 2px,transparent 3px),radial-gradient(ellipse at 60% 24%,#755f3e 0 2px,transparent 3px),radial-gradient(ellipse at 81% 61%,#d0b386 0 3px,transparent 4px),radial-gradient(ellipse at 37% 67%,#8a714a 0 3px,transparent 4px)}.sg-crop{height:116px;width:105px;display:flex;align-items:flex-end;justify-content:center;transform:none}.sg-flower{width:100px;height:115px;position:relative;display:block;pointer-events:none}.sg-flower svg{width:100%;height:100%;overflow:visible;display:block}.sg-plot-label{border:1px solid #d0bb8b88;border-radius:8px;background:#fff5d9cd;padding:3px 9px;font-size:10px;color:#907e56;margin-top:-5px;z-index:2}.sg-plot.empty .sg-plot-label{background:#a8906270;color:#fff3d1;border-color:#d3bc9166}.sg-sprout{font-size:22px;padding-top:0;margin-bottom:29px;color:#f2d7a0;text-shadow:0 2px #7e6a43}.sg-plot.growing .sg-flower{transform:scale(var(--sg-growth,.45));opacity:1;transform-origin:50% 100%;transition:transform .2s}.sg-plot.growing .sg-bloom{transform:scale(var(--sg-bloom,.1));transform-origin:50px 39px;transition:transform .3s}.sg-plot.ready .sg-flower{filter:drop-shadow(0 0 8px #fff2a966);animation:sg-flower-breeze 2.6s ease-in-out infinite alternate}.sg-plot.ready .sg-bloom{animation:sg-open .55s cubic-bezier(.16,1.4,.5,1) both}.sg-plot:nth-child(2n) .sg-flower{animation-delay:-1s}.sg-plot.ready:after{content:'✧';position:absolute;top:10px;right:20%;color:#fff7cc;font-size:22px;text-shadow:0 0 10px #fff3a2;animation:sg-sparkle 1.7s ease-in-out infinite;pointer-events:none}.sg-plot.ready .sg-plot-label{background:#fff0b0;color:#a47c2a;border-color:#dcb659;box-shadow:0 2px 0 #b39b60}.sg-grow{bottom:7px;width:28%;background:#5c733e33}.sg-grow i{background:#f7e1a3}.sg-toolbar{margin:0 15px;padding:18px 0 5px;gap:14px}.sg-seed{height:67px;background:#f8f2df;border:1px solid #d9cea8;border-radius:5px 10px 5px 12px;box-shadow:0 3px 0 #e1d6b7;padding:5px 10px}.sg-seed .sg-flower{width:45px;height:58px;transform:none;margin:0 8px 0 0}.sg-seed.selected{border-color:#91a977;background:#edf1da;box-shadow:0 3px 0 #abb98b}.sg-seed:disabled{opacity:.48}.sg-seed small{color:#9b997f}.sg-fever{background:#b4c792 url('garden-scene.svg?v=book1') center top/100% auto no-repeat!important;box-shadow:inset 0 0 90px #ffdf7899}.sg-fever:after{background:linear-gradient(130deg,#ffed9270,transparent 40%,#fff2a750);animation:sg-fireflies .6s ease-in-out infinite alternate}.sg-fever .sg-field-heading>b{background:#fff1b6;color:#a67b28}.sg-round-sun{position:relative}.sg-round-sun:before{content:'';position:absolute;inset:-5px -22px;background:radial-gradient(ellipse,#edcc6524,transparent 70%);pointer-events:none}.sg-light-orb{position:fixed;width:13px;height:13px;background:#fff0a8;border:2px solid #efd275;border-radius:50%;box-shadow:0 0 12px #ffd96e,0 0 22px #fce294;z-index:999;pointer-events:none;animation:sg-collect-light .65s cubic-bezier(.36,.05,.55,1) forwards}.sg-income-pop{animation:sg-income .3s ease}#sg-floats{z-index:3}#sg-floats span{font-family:Georgia,serif;font-size:27px;color:#fff4bd;text-shadow:0 2px 0 #95763f,0 0 9px #c4a059}.sg-play .sg-tip{margin-top:13px;color:#949981}#sg-overlay{border-radius:0;background:#f9f6e7be}#sg-overlay h2{font-family:Georgia,'STKaiti','KaiTi',serif;font-size:30px}.sg-foot{color:#a1a58f}.sg-rebirth summary{font-size:12px}@keyframes sg-open{from{transform:scale(.5)}to{transform:scale(1)}}@keyframes sg-flower-breeze{from{rotate:-3deg}to{rotate:4deg}}@keyframes sg-fireflies{from{opacity:.3}to{opacity:.9}}@keyframes sg-sparkle{0%,100%{opacity:.15;scale:.8}50%{opacity:1;scale:1.15}}@keyframes sg-collect-light{0%{translate:0 0;scale:.65;opacity:1}25%{scale:1.2}100%{translate:var(--sg-dx) var(--sg-dy);scale:.25;opacity:0}}@keyframes sg-income{50%{transform:scale(1.15);color:#d8a439}}@media(min-width:1400px){.sg-sky{height:330px}.sg-field{padding-top:190px}}@media(max-width:1050px){.sg-shop-layout{grid-template-columns:1fr}.sg-preview{display:grid;grid-template-columns:.95fr 1fr;border-radius:24px}.sg-sky{height:100%;min-height:290px;background-position:center}.sg-upgrades{grid-template-columns:repeat(3,1fr)}.sg-store-title{margin-bottom:20px}.sg-field{padding-top:150px}}@media(max-width:600px){.sg-title{gap:8px;margin-bottom:18px}.sg h1{font-size:29px;letter-spacing:2px}.sg h1>span{font-size:10px;letter-spacing:0}.sg-wallet{min-width:112px;padding:9px 11px}.sg-wallet strong{font-size:21px}.sg-preview{display:block;border-radius:50px 50px 18px 18px}.sg-sky{min-height:0;height:215px}.sg-preview-copy{padding:19px}.sg h2{font-size:22px}.sg-store{padding-top:0}.sg-upgrades{grid-template-columns:1fr 1fr;gap:12px}.sg-upgrade{padding:10px;min-height:158px}.sg-upgrade b{font-size:12px}.sg-upgrade small{font-size:10px}.sg-upgrade em strong{font-size:11px;margin-left:4px}.sg-field{padding:112px 10px 22px;background-size:auto 440px;min-height:400px}.sg-field-heading{top:15px;left:10px;right:10px;gap:5px}.sg-field-heading>span{font-size:10px;padding:7px}.sg-field-heading>b{font-size:9px;padding:7px}.sg-plots{gap:6px}.sg-plot{height:127px;padding:4px}.sg-crop{width:81px;height:100px;transform:none}.sg-flower{width:81px;height:98px}.sg-soil{height:39px;bottom:20px;width:98%;box-shadow:0 4px 0 #806b49,0 7px 0 #8fa469,0 9px 8px #536e3b22}.sg-plot-label{font-size:9px;padding:2px 5px;margin-top:-5px}.sg-plot.ready:after{font-size:15px;right:9%;top:7px}.sg-toolbar{gap:7px;margin:0 6px;padding-top:13px}.sg-seed{padding:3px 6px;height:58px;font-size:10px!important}.sg-seed .sg-flower{width:31px;height:43px;margin-right:4px;transform:none}.sg-seed small{font-size:8px}.sg-hud{padding:12px 11px}.sg-hud b{font-size:24px}.sg-hud small{font-size:9px;letter-spacing:1px}.sg-hud button{font-size:9px;padding:6px}.sg-fever{background-size:auto 440px!important}.sg-grow{bottom:8px}.sg-plots{grid-template-columns:repeat(min(var(--cols),4),minmax(0,1fr))}.sg-play{border-width:3px}}@media(prefers-reduced-motion:reduce){.sg-light-orb{display:none}.sg *{animation:none!important;transition:none!important}}
