
#natalie-integrated-garden{padding:12px 0;font-family:'Trebuchet MS',ui-rounded,system-ui,sans-serif;color:#5d4c73;color-scheme:light}
#natalie-integrated-garden *{box-sizing:border-box}
#natalie-integrated-garden .ng-world{background:#fffaf6;border:5px solid #fffdf8;border-radius:17px 7px 21px 9px;box-shadow:0 5px 0 #e0d6e8,0 12px 24px #88738d14;overflow:hidden}
#natalie-integrated-garden .ng-tabs{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px 0;background:#f7f1fa}
#natalie-integrated-garden .ng-tab{padding:10px 14px 12px;background:#fffdf8;border-radius:11px 11px 0 0;color:#7b638d;font-size:12px;font-weight:700}
#natalie-integrated-garden .ng-next{font-size:11px;color:#a28dab}
#natalie-integrated-garden .ng-stage{position:relative;isolation:isolate;height:485px;overflow:hidden;background:linear-gradient(180deg,#e3f3f8,#f1f8f8 65%,#f0f6e8)}
#natalie-integrated-garden .ng-sun{position:absolute;left:1%;top:5%;width:128px;height:128px;background:#fffbe1;border-radius:50%;filter:blur(2px);opacity:.85}
#natalie-integrated-garden .ng-cloud{position:absolute;width:105px;height:30px;background:#fffdf7;border-radius:50%;opacity:.8}
#natalie-integrated-garden .ng-cloud::before,#natalie-integrated-garden .ng-cloud::after{content:'';position:absolute;border-radius:50%;background:inherit;width:48px;height:48px;left:15px;top:-22px}
#natalie-integrated-garden .ng-cloud::after{width:62px;height:62px;left:39px;top:-30px}
#natalie-integrated-garden .ng-cloud-one{top:47%;left:7%;transform:scale(.75)}
#natalie-integrated-garden .ng-cloud-two{top:27%;right:6%;transform:scale(.8)}
#natalie-integrated-garden .ng-hill{position:absolute;left:-12%;width:125%;height:58%;bottom:-15%;border-radius:50% 55% 0 0;z-index:-1;box-shadow:0 -5px 0 #edf5e3}
#natalie-integrated-garden .ng-hill-back{background:#d5e8c7;transform:rotate(-7deg);bottom:-5%;left:-25%}
#natalie-integrated-garden .ng-hill-front{background:#c4dfbd;transform:rotate(8deg);left:25%;bottom:-20%;height:65%}
#natalie-integrated-garden .ng-path{position:absolute;left:31%;bottom:-80px;width:180px;height:230px;background:#f8efd5;border-radius:70% 5% 0 0;transform:rotate(-20deg);z-index:-1;opacity:.8}
#natalie-integrated-garden .ng-story-paper{position:absolute;left:5%;top:5%;width:65%;max-width:440px;padding:19px 22px 17px;background:#fffdf6;border-radius:4px 9px 5px 7px;box-shadow:2px 4px 0 #e0d9e844,0 8px 20px #7e64830d;transform:rotate(-1deg)}
#natalie-integrated-garden .ng-story-paper::before{content:'';position:absolute;top:-9px;left:27px;width:65px;height:20px;transform:rotate(-5deg);background:repeating-linear-gradient(45deg,#e5dbeeaa 0 7px,#f5eef8bb 7px 14px)}
#natalie-integrated-garden .ng-story-paper small{display:block;font-size:10px;letter-spacing:.12em;font-weight:800;color:#a28aaa}
#natalie-integrated-garden h3{margin:8px 0;font-size:24px;line-height:1.15;letter-spacing:-.045em;color:#685077}
#natalie-integrated-garden .ng-message{margin:0 0 13px;font-size:13px;line-height:1.6;min-height:42px;color:#8a7396}
#natalie-integrated-garden .ng-watch{appearance:none;border:2px solid #fffaf5;min-height:43px;padding:10px 19px;border-radius:40px;font:700 12px 'Trebuchet MS',sans-serif;color:#7a5e8d;background:linear-gradient(180deg,#fae8f1,#f0cee3);box-shadow:0 3px 0 #d8bedb,inset 0 2px 2px #ffffffc9}
#natalie-integrated-garden .ng-watch:disabled{opacity:.6}
#natalie-integrated-garden .ng-progress{position:absolute;right:5%;top:7%;background:#fffaf3ed;border-radius:9px 5px 11px 4px;padding:11px 13px;transform:rotate(3deg);color:#9b7aa6;box-shadow:2px 3px 0 #e9ddeb77}
#natalie-integrated-garden .ng-count{font-size:12px}
#natalie-integrated-garden .ng-dots{display:flex;gap:5px;margin-top:8px}
#natalie-integrated-garden .ng-dots i{width:8px;height:8px;border-radius:50%;background:#eadfed}
#natalie-integrated-garden .ng-dots i.done{background:#b9cda9}
#natalie-integrated-garden .ng-flowers{position:absolute;inset:0;pointer-events:none}
#natalie-integrated-garden .ng-flower{position:absolute;left:var(--x);bottom:var(--y);width:62px;height:120px;border:0;background:none;padding:0;transform:translateX(-50%);pointer-events:auto;touch-action:manipulation;transition:filter .35s,translate .35s}
#natalie-integrated-garden .ng-stem{position:absolute;bottom:19px;left:29px;width:6px;height:70px;background:#a1c99f;border-radius:8px;transform:rotate(-8deg)}
#natalie-integrated-garden .ng-stem::before{content:'';position:absolute;left:3px;bottom:20px;width:24px;height:13px;border-radius:90% 0 90% 0;background:#a5cea2;transform:rotate(-15deg)}
#natalie-integrated-garden .ng-bloom{position:absolute;left:7px;top:3px;width:48px;height:48px;transition:scale .35s,filter .35s;filter:drop-shadow(0 3px 1px #7f9c7022)}
#natalie-integrated-garden .ng-petal{position:absolute;left:14px;top:0;width:22px;height:32px;border-radius:60%;background:var(--petal);transform-origin:50% 80%}
#natalie-integrated-garden .ng-petal:nth-child(2){transform:rotate(72deg)}#natalie-integrated-garden .ng-petal:nth-child(3){transform:rotate(144deg)}#natalie-integrated-garden .ng-petal:nth-child(4){transform:rotate(216deg)}#natalie-integrated-garden .ng-petal:nth-child(5){transform:rotate(288deg)}
#natalie-integrated-garden .ng-center{position:absolute;left:16px;top:17px;width:18px;height:18px;border-radius:50%;background:#fff0ad;box-shadow:inset 0 1px 1px #fff8;display:grid;place-items:center;font:700 11px 'Trebuchet MS',sans-serif;color:#b6a078}
#natalie-integrated-garden .ng-flower-label{position:absolute;bottom:0;left:50%;transform:translateX(-50%) rotate(-3deg);padding:4px 7px;background:#fffdf0d9;border-radius:3px;font:500 11px 'Trebuchet MS',sans-serif;color:#8a7b90;white-space:nowrap}
#natalie-integrated-garden .ng-flower.lit .ng-bloom{scale:1.16;filter:drop-shadow(0 0 9px #fff0ad) drop-shadow(0 0 16px #ffffff)}
#natalie-integrated-garden .ng-flower.lit{translate:0 -5px}
#natalie-integrated-garden .ng-flower:disabled{opacity:1}
#natalie-integrated-garden .ng-flower:hover:not(:disabled) .ng-bloom{scale:1.08}
#natalie-integrated-garden .ng-natalie{position:absolute;right:1%;bottom:5%;width:100px;height:auto;pointer-events:none;filter:drop-shadow(0 4px 2px #7f688820)}
#natalie-integrated-garden .ng-butterfly{position:absolute;left:77%;top:29%;width:47px;height:auto;pointer-events:none;transform:rotate(9deg)}
#natalie-integrated-garden .ng-pocket{position:absolute;left:4%;bottom:3%;display:flex;align-items:center;gap:8px;background:#fffaf0e8;padding:8px 12px;border-radius:4px 10px 5px 8px;font-size:11px;color:#96819d;box-shadow:0 2px 0 #ded5df}
#natalie-integrated-garden .ng-pocket>span:first-child{font-size:18px;color:#d3a3bd}
@media(max-width:520px){#natalie-integrated-garden .ng-tabs{padding:8px 7px 0}#natalie-integrated-garden .ng-tab{font-size:11px;padding:9px}#natalie-integrated-garden .ng-next{font-size:10px;max-width:95px;text-align:right}#natalie-integrated-garden .ng-stage{height:610px}#natalie-integrated-garden .ng-story-paper{left:5%;top:4%;width:90%;padding:17px 17px 15px}#natalie-integrated-garden h3{font-size:22px}#natalie-integrated-garden .ng-message{font-size:12px;min-height:39px}#natalie-integrated-garden .ng-progress{top:43%;right:6%;padding:8px 11px}#natalie-integrated-garden .ng-progress strong{font-size:11px}#natalie-integrated-garden .ng-dots{display:none}#natalie-integrated-garden .ng-flower{left:var(--mx);bottom:var(--my);width:58px;height:112px}#natalie-integrated-garden .ng-natalie{width:74px;right:0;bottom:11%}#natalie-integrated-garden .ng-butterfly{top:39%;left:9%;width:38px}#natalie-integrated-garden .ng-pocket{left:4%;bottom:2.5%;font-size:10px;padding:7px 9px;max-width:92%}#natalie-integrated-garden .ng-cloud-one{top:43%}#natalie-integrated-garden .ng-hill-back{height:54%;bottom:-5%}#natalie-integrated-garden .ng-path{height:170px;left:28%;width:105px}}
@media(prefers-reduced-motion:reduce){#natalie-integrated-garden .ng-flower,#natalie-integrated-garden .ng-bloom{transition:none}#natalie-integrated-garden .ng-flower.lit{translate:0 0}}


#natalie-integrated-garden .ng-stage{overflow:clip}
#natalie-integrated-garden .ng-stage{transition:background 1.2s ease}
#natalie-integrated-garden .ng-progress .ng-phase{display:block;margin-top:5px;font-size:10px;color:#a18bab}
#natalie-integrated-garden .ng-bloom::before{content:'';position:absolute;inset:-23px;border-radius:50%;background:radial-gradient(circle,#fff8cae8,#fffdf57a 42%,transparent 72%);opacity:0;scale:.7;transition:opacity .25s,scale .45s;z-index:-1;pointer-events:none}
#natalie-integrated-garden .ng-flower.lit .ng-bloom{isolation:isolate;scale:1.2;filter:drop-shadow(0 0 7px #fff6b5) drop-shadow(0 0 20px #fffef4)}
#natalie-integrated-garden .ng-flower.lit .ng-bloom::before{opacity:1;scale:1.15}
#natalie-integrated-garden .ng-flower.lit .ng-center{background:#fffbe7;color:#a78a58;box-shadow:0 0 9px #fff8c9}
#natalie-integrated-garden .ng-spark{position:absolute;z-index:12;font-family:Georgia,serif;color:#dcbcd8;pointer-events:none;line-height:1;text-shadow:0 0 5px #fffdf4;animation:ng-spark-out 1.2s cubic-bezier(.2,.6,.35,1) both}
#natalie-integrated-garden .ng-spark:nth-of-type(3n){color:#e8d8a6}
#natalie-integrated-garden .ng-spark:nth-of-type(3n + 1){color:#fff9df}
#natalie-integrated-garden.ng-won .ng-stage{background:linear-gradient(180deg,#eaf4fa,#fdf6eb 62%,#e7f2df)}
#natalie-integrated-garden.ng-won .ng-flower .ng-bloom{scale:1.16;filter:drop-shadow(0 0 6px #fff5cbaa)}
#natalie-integrated-garden.ng-won .ng-flower{animation:ng-garden-cheer 1.7s ease-in-out both;animation-delay:calc(var(--flower-order)*.1s)}
#natalie-integrated-garden .ng-reward[hidden]{display:none}
#natalie-integrated-garden .ng-reward{position:absolute;inset:0;z-index:15;display:grid;place-items:center;padding:20px;background:#f5f8ee42;backdrop-filter:blur(1px)}
#natalie-integrated-garden .ng-reward-paper{position:relative;width:min(330px,100%);padding:22px 23px 24px;text-align:center;border:3px solid #fffdf8;border-radius:18px 9px 21px 10px;background:linear-gradient(155deg,#fffdf3,#fcf0f8);box-shadow:0 5px 0 #e0cfe7,0 14px 35px #947aa533;animation:ng-reward-appear .9s cubic-bezier(.2,.65,.3,1) both}
#natalie-integrated-garden .ng-reward-paper::before{content:'';position:absolute;top:-11px;left:calc(50% - 34px);width:68px;height:22px;background:repeating-linear-gradient(45deg,#e6def0bb 0 7px,#f8f2fbbb 7px 14px);transform:rotate(-4deg)}
#natalie-integrated-garden .ng-reward-kicker{display:block;color:#ad8fb2;letter-spacing:.1em;font-size:10px;font-weight:800}
#natalie-integrated-garden .ng-reward-title{font-size:25px;line-height:1.2;margin:9px 0;color:#8b6498}
#natalie-integrated-garden .ng-reward-copy{font-size:13px;line-height:1.65;color:#9b829f;margin:9px 0 16px}
#natalie-integrated-garden .ng-seed{position:relative;width:92px;height:96px;margin:12px auto 8px;isolation:isolate}
#natalie-integrated-garden .ng-seed::before{content:'';position:absolute;inset:-15px;border-radius:50%;z-index:-1;background:radial-gradient(circle,#fff4c9,transparent 69%);animation:ng-seed-reveal 1.3s ease-out both}
#natalie-integrated-garden .ng-seed-core{position:absolute;width:42%;height:52%;left:30%;bottom:7%;border-radius:65% 35% 57% 43%;transform:rotate(-17deg);background:linear-gradient(135deg,#fff2cd,#e8d7a8);box-shadow:inset 3px 3px 0 #fff9e1,2px 3px 0 #d8cda744,0 0 17px #f4e4b9}
#natalie-integrated-garden .ng-seed-core::after{content:'♡';position:absolute;left:23%;top:21%;font-size:21px;color:#caa3b5}
#natalie-integrated-garden .ng-seed-stem{position:absolute;left:51%;top:23%;width:4px;height:39%;background:#bad3a5;border-radius:8px}
#natalie-integrated-garden .ng-seed-leaf{position:absolute;left:51%;top:14%;width:33%;height:24%;border-radius:95% 5% 80% 15%;background:linear-gradient(150deg,#e7f1cf,#b6d0a4);transform:rotate(-16deg);box-shadow:inset 0 2px 0 #f0f8df}
#natalie-integrated-garden .ng-seed-leaf.second{left:24%;top:24%;width:28%;height:20%;border-radius:5% 95% 15% 80%;transform:rotate(9deg);background:#cde0b9}
#natalie-integrated-garden .ng-reward-replay[hidden]{display:none}
#natalie-integrated-garden .ng-reward-replay{margin:13px auto 0;border:0;background:none;padding:8px 12px;min-height:36px;font:600 11px 'Trebuchet MS',sans-serif;color:#a68cab;text-decoration:underline;text-underline-offset:3px}
#natalie-integrated-garden .ng-seed-flying{position:absolute;z-index:30;margin:0;pointer-events:none;width:64px;height:68px;animation:ng-seed-to-pocket 1.1s cubic-bezier(.5,0,.3,1) both}
#natalie-integrated-garden .ng-seed-flying::before{animation:none}
#natalie-integrated-garden.ng-claimed .ng-pocket{background:#fff5d9;color:#8d7951;box-shadow:0 0 0 4px #fff5d488,0 0 21px #f4e5bc;animation:ng-pocket-celebrate 1s ease-out both}
#natalie-integrated-garden.ng-claimed .ng-reward .ng-seed{opacity:.3}
@keyframes ng-spark-out{0%{opacity:0;transform:translate(0,0) scale(.4) rotate(0)}20%{opacity:1}100%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.1) rotate(65deg)}}
@keyframes ng-reward-appear{0%{opacity:0;translate:0 22px;scale:.91;rotate:-3deg}100%{opacity:1;translate:0 0;scale:1;rotate:0deg}}
@keyframes ng-seed-reveal{0%{opacity:0;scale:.4}75%{opacity:1;scale:1.2}100%{opacity:1;scale:1}}
@keyframes ng-seed-to-pocket{0%{translate:0 0;scale:1;opacity:1}25%{translate:calc(var(--flight-x)*.15) -35px;scale:1.05}85%{opacity:1}100%{translate:var(--flight-x) var(--flight-y);scale:.23;opacity:0}}
@keyframes ng-garden-cheer{0%,100%{translate:0 0}35%{translate:0 -8px}65%{translate:0 -2px}}
@keyframes ng-pocket-celebrate{0%,100%{scale:1}45%{scale:1.035}}
@media(max-width:520px){#natalie-integrated-garden .ng-reward-paper{width:min(300px,100%);padding:21px 18px}#natalie-integrated-garden .ng-reward-title{font-size:23px}#natalie-integrated-garden .ng-reward-copy{font-size:12px}#natalie-integrated-garden .ng-phase{font-size:10px}}
@media(prefers-reduced-motion:reduce){#natalie-integrated-garden .ng-spark{display:none}#natalie-integrated-garden .ng-reward-paper,#natalie-integrated-garden .ng-seed::before,#natalie-integrated-garden .ng-seed-flying,#natalie-integrated-garden.ng-won .ng-flower,#natalie-integrated-garden.ng-claimed .ng-pocket{animation:none}#natalie-integrated-garden .ng-bloom::before,#natalie-integrated-garden .ng-stage{transition:none}}

#natalie-integrated-garden.ng-restored .ng-reward-paper,#natalie-integrated-garden.ng-restored .ng-seed::before,#natalie-integrated-garden.ng-restored .ng-flower,#natalie-integrated-garden.ng-restored .ng-pocket{animation:none}
#natalie-integrated-garden .ng-sound{appearance:none;flex-shrink:0;min-height:40px;margin:0 0 5px;padding:8px 13px;border:1px solid #fffaf7;border-radius:30px;font:700 11px Trebuchet MS,sans-serif;background:linear-gradient(180deg,#fffafc,#eee3f3);color:#927a9f;box-shadow:0 2px 0 #dfd0e7}#natalie-integrated-garden .ng-sound[aria-pressed="false"]{color:#a898af;background:#f6f0f7;box-shadow:0 1px 0 #e4d9e9}@media(max-width:520px){#natalie-integrated-garden .ng-sound{font-size:10px;padding:7px 10px;min-height:38px}}
#jardim .rpg-book.ng-integrated{display:block;max-width:960px}
#jardim .ng-integrated>.rpg-scenery{display:none}
#jardim .ng-integrated>.rpg-page{padding:12px 18px 22px;min-height:0}
#jardim .ng-integrated #natalie-integrated-garden{padding:0}
#jardim .ng-integrated .ng-world{border-radius:12px}
#jardim .ng-integrated .ng-reward-replay{text-decoration:none;border:2px solid #fffaf5;border-radius:30px;background:linear-gradient(#fffafc,#ede2f1);box-shadow:0 3px 0 #d8bedb;padding:10px 16px;min-height:44px}
@media(max-width:600px){#jardim .ng-integrated>.rpg-page{padding:10px 8px 16px}}
