@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@400;500;600&display=swap');
/* itch.io disables scrolling on its game iframe, so the game owns its viewport scroll. */
:root{font-family:'DM Sans',system-ui,sans-serif;color:#29443e;background:#f9f6ea}*{box-sizing:border-box}body{margin:0}.app{max-width:1600px;min-height:100vh;margin:auto;overflow:hidden}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,70px);background:#fffdf5;border-bottom:1px solid #e6eadb}.brand{display:flex;align-items:center;gap:11px;font-family:Fredoka,system-ui;font-size:23px;font-weight:600;letter-spacing:.08em;line-height:.9;color:#315b46}.brand small{display:block;margin-top:7px;font:700 9px 'DM Sans',sans-serif;letter-spacing:.24em;color:#83a28a}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:#d8e9c4;color:#608e5e;font-size:27px}.top-actions{display:flex;gap:12px;align-items:center}.count-pill,.progress-pill{background:#eaf2db;border-radius:40px;padding:10px 16px;font-size:13px;font-weight:700;color:#547a55}.icon-btn{border:1px solid #d9e5d1;background:#fff;border-radius:50%;width:39px;height:39px;color:#558462;font-size:22px;cursor:pointer}.screen{display:none}.screen.active{display:block}.eyebrow{font-weight:700;font-size:11px;letter-spacing:.18em;color:#81a077}.world-copy{position:absolute;z-index:2;padding:clamp(32px,5vw,85px) 0 0 clamp(25px,6vw,92px);pointer-events:none}.world-copy>*{pointer-events:auto}h1,h2,h3{font-family:Fredoka,system-ui;margin:0;font-weight:500}h1{font-size:clamp(40px,5vw,76px);line-height:1.02;letter-spacing:-.025em;margin:13px 0 16px;color:#244d41}.world-copy p{max-width:360px;color:#678277;font-size:17px;line-height:1.55;margin:0 0 28px}.primary-btn{border:0;border-radius:14px;background:#e98166;color:#fff;padding:16px 23px;font:700 15px 'DM Sans',sans-serif;box-shadow:0 6px 0 #c8654f,0 13px 22px #9e714026;cursor:pointer;transition:transform .15s}.primary-btn:hover{transform:translateY(-2px)}.primary-btn:active{transform:translateY(3px);box-shadow:0 3px 0 #c8654f}.primary-btn span{margin-left:23px}.world-wrap{height:min(68vw,660px);min-height:490px;position:relative;overflow:hidden;background:#dce8ce}.forest{width:100%;height:100%;display:block}.world-friends{position:absolute;inset:0;pointer-events:none}.world-friend{position:absolute;width:clamp(110px,13vw,190px);height:clamp(110px,13vw,190px);border:0;background:none;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 16px 9px #4b6d4d44);animation:bob 3s ease-in-out infinite}.world-friend svg{width:100%;height:100%}.world-friend:nth-child(1){left:44%;top:49%}.world-friend:nth-child(2){left:62%;top:55%;animation-delay:.8s}.world-friend:nth-child(3){left:28%;top:57%;animation-delay:1.5s}.world-friend.hello{animation:hello .6s ease-in-out 2}.sleeping{opacity:0;transition:opacity .6s}.sleeping.awake{opacity:1}.empty-note{position:absolute;left:50%;bottom:22%;transform:translateX(-50%);background:#fffdf2e8;padding:13px 18px;border-radius:50px;color:#5b7568;font-size:14px;font-weight:700;white-space:nowrap;box-shadow:0 10px 20px #455a3922}.world-footer{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);background:#edf1df;color:#66806c;font-size:13px}.world-footer b{color:#335b47}.section-head,.paint-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:43px clamp(20px,5vw,72px) 30px}.section-head>div:nth-child(2),.paint-heading>div:nth-child(2){flex:1}.section-head h2,.paint-heading h2{font-size:clamp(29px,3vw,43px);margin-top:7px;color:#2b5144}.section-note{color:#789080;font-size:14px}.back-btn{border:0;background:#e9efdf;color:#53775e;border-radius:12px;padding:11px 15px;font-weight:700;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 clamp(20px,5vw,72px)}.card{background:#fffef6;border:1px solid #e4e9d9;border-radius:22px;overflow:hidden;box-shadow:0 15px 28px #35584412}.card-art{height:250px;display:grid;place-items:center;background:radial-gradient(circle at 50% 80%,#dceeb8 0 38%,transparent 39%),linear-gradient(#dcead8,#f5edcf)}.card-art svg{width:200px;height:200px;filter:drop-shadow(0 13px 7px #5c785448)}.card-body{padding:21px}.card-top{display:flex;justify-content:space-between;align-items:center}.card h3{font-size:27px;color:#2d5644}.card p{color:#789083;margin:6px 0 18px;font-size:14px}.tag{background:#e9f1df;color:#638562;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:700}.card button{width:100%;padding:12px;border-radius:10px;border:0;background:#5d926b;color:#fff;font-weight:700;font-size:14px;cursor:pointer}.card button:hover{background:#467e58}.card button.recolor{background:#e9efdc;color:#477257}.footnote{margin:28px clamp(20px,5vw,72px);font-size:13px;color:#829384;line-height:1.5}.paint-heading{padding-bottom:23px}.paint-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;padding:0 clamp(20px,5vw,72px) 40px}.paint-stage{min-height:520px;position:relative;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 50% 60%,#fbf6d9 0,#edf1df 45%,#dce9d7 100%);display:flex;align-items:center;justify-content:center;flex-direction:column}.paint-stage:after{content:'';position:absolute;width:350px;height:70px;left:50%;top:75%;transform:translateX(-50%);background:#b0d497;border-radius:50%;z-index:0}.paint-character{width:min(48vw,400px);height:min(48vw,400px);z-index:1;filter:drop-shadow(0 17px 8px #72936e55);animation:bob 3s ease-in-out infinite}.paint-character svg{width:100%;height:100%}.paint-character [data-zone]{cursor:pointer;transition:filter .15s}.paint-character [data-zone]:hover{filter:brightness(1.16) drop-shadow(0 0 5px #fff)}.paint-stage p{z-index:2;margin:0 20px 12px;text-align:center;color:#68806f;font-size:14px;font-weight:700}.stage-sparkle{position:absolute;font-size:28px;color:#e9b865}.s1{left:22%;top:25%}.s2{right:20%;top:37%}.paint-tools{border:1px solid #e3e8d7;background:#fffef7;border-radius:23px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.paint-tools h3{font-size:27px;margin:7px 0 19px;color:#34594a}.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.swatch{aspect-ratio:1;border-radius:50%;border:3px solid #fff;outline:1px solid #dce4d5;cursor:pointer;box-shadow:0 2px 5px #4c65442a}.swatch.selected{outline:3px solid #315b46;outline-offset:2px}.paint-tools p{font-size:14px;color:#75887a;line-height:1.55}.tool-actions{display:flex;gap:9px}.secondary-btn{flex:1;border:1px solid #dde6d4;border-radius:10px;background:#eef3e5;padding:10px;color:#5c8065;font-weight:700;cursor:pointer}.finish-btn{width:100%;text-align:left}.finish-btn span{float:right}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#2c5946;color:white;padding:13px 20px;border-radius:30px;font-weight:700;font-size:14px;z-index:10;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes hello{0%,100%{transform:rotate(0) scale(1)}40%{transform:rotate(-10deg) scale(1.12)}70%{transform:rotate(8deg) scale(1.1)}}@media(max-width:800px){.topbar{height:64px}.brand{font-size:17px}.brand small{font-size:7px}.brand-mark{width:31px;height:31px;font-size:22px}.world-copy{position:relative;padding:29px 24px 20px;background:#f9f6ea}.world-copy h1{font-size:39px}.world-copy p{font-size:14px;margin-bottom:18px}.world-wrap{height:55vh;min-height:360px}.world-friend:nth-child(1){left:41%;top:49%}.world-friend:nth-child(2){left:64%;top:56%}.world-friend:nth-child(3){left:21%;top:57%}.world-footer{height:auto;min-height:60px;gap:8px;flex-wrap:wrap;padding:12px 24px}.cards{grid-template-columns:1fr 1fr}.paint-layout{grid-template-columns:1fr}.paint-stage{min-height:430px}.paint-character{width:320px;height:320px}.paint-tools{gap:24px}.palette{grid-template-columns:repeat(8,1fr)}.section-note{display:none}}@media(max-width:520px){.count-pill{font-size:11px;padding:8px 10px}.world-wrap{height:340px;min-height:340px}.empty-note{font-size:11px;padding:9px 12px}.cards{grid-template-columns:1fr}.card-art{height:210px}.card-art svg{width:180px;height:180px}.section-head,.paint-heading{align-items:flex-start;padding-top:22px}.paint-heading{flex-wrap:wrap}.paint-heading>div:nth-child(2){order:2;flex-basis:100%}.progress-pill{font-size:11px}.paint-stage{min-height:350px}.paint-character{width:260px;height:260px}.palette{grid-template-columns:repeat(6,1fr)}.paint-tools{padding:20px}}
.category-tabs{display:flex;gap:10px;padding:0 clamp(20px,5vw,72px) 24px;overflow-x:auto}.category-tab{border:1px solid #dce7d7;background:#fffdf5;border-radius:24px;color:#5e806a;font:700 14px "DM Sans",sans-serif;padding:11px 18px;white-space:nowrap;cursor:pointer}.category-tab span{font-size:11px;opacity:.7;margin-left:5px}.category-tab.active{background:#4f8c65;color:#fff;border-color:#4f8c65}.world-pager{display:flex;align-items:center;gap:8px;font-weight:700;color:#466d53}.world-pager button{width:30px;height:30px;border:1px solid #cbdcbb;background:#fffdf5;border-radius:9px;color:#4f8061;cursor:pointer}.world-pager button:disabled{opacity:.35;cursor:default}.world-friend{z-index:1}.paint-character [data-zone] *{cursor:pointer}
.world-friend.movable-object{cursor:grab;touch-action:none}.world-friend.movable-object.dragging{cursor:grabbing;animation:none;z-index:5;filter:drop-shadow(0 20px 10px #355b4a88)}.world-friend.movable-object:focus-visible{outline:3px solid #2f7751;border-radius:18px}
.world-friend.movable-item{cursor:grab;touch-action:none}.world-friend.movable-item.dragging{cursor:grabbing;animation:none;z-index:5;filter:drop-shadow(0 20px 10px #355b4a88)}.world-friend.movable-item.selected{outline:3px solid #f7df93;border-radius:24px}.world-friend.movable-item:focus-visible{outline:3px solid #2f7751;border-radius:18px}.selected-item{display:flex;align-items:center;gap:12px;min-height:58px;padding:10px clamp(20px,5vw,80px);background:#fff6dd;color:#466b52;font-size:13px}.selected-item[hidden]{display:none}.selected-item #selected-name{font:600 20px Fredoka,system-ui;color:#315b46}.selected-help{margin-right:auto}.selected-item button{border:1px solid #bdd3b8;border-radius:10px;background:#fffef5;color:#416f50;padding:9px 12px;font-weight:700;cursor:pointer}#selected-remove{border-color:#e7c6b8;color:#a45f4c}@media(max-width:520px){.selected-item{flex-wrap:wrap}.selected-help{display:none}.selected-item button{flex:1}}
.size-controls{display:flex;align-items:center;gap:8px;background:#fffef5;border:1px solid #d5dfc8;border-radius:12px;padding:3px}.size-controls button{min-width:32px;min-height:32px;padding:3px;font-size:19px}.size-controls span{min-width:45px;text-align:center;font-weight:700;color:#315b46}.size-controls button:disabled{opacity:.35;cursor:default}
.theme-picker{background:#fffdf5;padding:24px clamp(20px,5vw,80px) 30px;border-top:1px solid #e5e9d8}.theme-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;color:#77917d;font-size:12px;font-weight:700}.theme-options{display:flex;gap:10px;overflow-x:auto;padding:3px 2px 10px;scrollbar-color:#b8d0b5 transparent}.theme-option{flex:0 0 auto;display:flex;align-items:center;gap:9px;border:2px solid #e0e8d9;border-radius:15px;background:#fff;padding:7px 13px 7px 7px;color:#496d56;font:700 13px "DM Sans",sans-serif;cursor:pointer;white-space:nowrap}.theme-option.active{border-color:#5a9b6d;background:#edf7e7;box-shadow:0 3px 0 #b2d0aa}.theme-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;font-size:20px}.theme-option:hover{border-color:#8fb99b}
.grownups-btn{border:1px solid #d8e5d1;background:#fffdf5;color:#5e8068;border-radius:18px;padding:9px 13px;font:700 12px "DM Sans",sans-serif;cursor:pointer}.grownups-btn:hover{background:#edf5e9}.parent-screen{padding:25px clamp(20px,5vw,72px) 50px;min-height:calc(100vh - 80px);background:#f9f6ea}.parent-card{max-width:560px;margin:35px auto;background:#fffef7;border:1px solid #e5e9da;border-radius:24px;padding:34px;box-shadow:0 16px 32px #34544115}.parent-card h2{font-size:38px;color:#2c5342;margin:8px 0 12px}.parent-card p{color:#698171;line-height:1.55;font-size:15px}.parent-card label{display:block;font:600 22px Fredoka,system-ui;color:#315b46;margin:22px 0 10px}.parent-card input{width:100%;max-width:190px;padding:12px;border:2px solid #b9d4b8;border-radius:10px;background:#fff;font:600 20px "DM Sans",sans-serif;color:#315b46}.gate-error{min-height:22px;color:#a85045!important}.parent-wide{max-width:930px}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.offer{border:1px solid #dce9d7;background:#f7fbf2;border-radius:18px;padding:22px;display:flex;flex-direction:column}.offer.premium{background:#fff5e9;border-color:#efdbc5}.offer-kicker{font-weight:700;color:#72927a;font-size:11px;letter-spacing:.14em}.offer h3{color:#345b48;font-size:27px;margin:11px 0 5px}.offer p{flex:1;margin:0 0 20px}.offer strong{color:#365e48;font-size:16px}.billing-status{display:flex;gap:6px;flex-direction:column;padding:15px 18px;border-radius:13px;background:#edf2e5;color:#607767;font-size:13px}.billing-status b{font-size:15px;color:#335c43}.parent-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.parent-actions .secondary-btn{flex:0 0 auto}.parent-actions button:disabled{opacity:.5;cursor:default}.parent-note{font-size:12px!important;color:#849487!important;margin-bottom:0}@media(max-width:800px){.parent-screen{min-height:calc(100vh - 64px)}.offer-grid{grid-template-columns:1fr}}@media(max-width:520px){.top-actions{gap:5px}.top-actions .count-pill{display:none}.grownups-btn{padding:8px;font-size:10px}.icon-btn{width:32px;height:32px;font-size:18px}.parent-card{padding:22px;margin-top:20px}.parent-card h2{font-size:31px}.parent-actions{flex-direction:column}.parent-actions button{width:100%}}
.recovery-panel{margin-top:24px;padding:20px;border:1px solid #dae6d7;border-radius:15px;background:#f8fbf5}.recovery-panel[hidden]{display:none}.recovery-panel h3{font-size:23px;color:#355d48}.recovery-panel p{font-size:13px}.recovery-panel code{display:block;max-width:100%;overflow-wrap:anywhere;padding:12px;background:#fff;border:1px solid #d7e3d2;border-radius:8px;font-size:13px;margin:10px 0}.recovery-panel label{font:700 13px "DM Sans",sans-serif;color:#486f53;margin:18px 0 8px}.recovery-panel input{max-width:100%;font-size:14px}.recovery-panel button{flex:0 0 auto}.parent-actions button[hidden]{display:none}

html,body{height:100%}.app{height:100vh;height:100dvh;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}