:root{--ink:#363561;--purple:#6259a5;--peach:#fff5e7;--pink:#f47685;--soft:#f7f4ff;--line:#e7e1f4}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Nunito,system-ui,sans-serif;background:#f5f0ff;min-height:100vh}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) 326px;min-height:100vh}.playground{background:#fffdf8;min-width:0;display:flex;flex-direction:column}.topbar{height:82px;padding:13px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0ebf5;background:#fffdfa;position:relative;z-index:5}.brand{border:0;background:transparent;font:bold 28px/1 'Baloo 2',sans-serif;color:#4e4789;display:flex;align-items:center;gap:5px;cursor:pointer}.brand span span{color:#f37587}.brand-spark{color:#f5b84f;font-size:26px}.mode-switcher{display:flex;gap:5px;background:#f6f2fc;border-radius:18px;padding:5px}.mode{border:0;background:transparent;color:#77719b;font:800 14px Nunito;padding:9px 15px;border-radius:13px;cursor:pointer}.mode.active{background:#fff;color:#594f96;box-shadow:0 2px 8px #40366f18}.top-actions{display:flex;align-items:center;gap:15px}.circle-button{border:0;border-radius:50%;height:36px;width:36px;background:#f4effd;color:#5d539d;font-size:19px;cursor:pointer}.profile{border:0;background:#fbf3ff;border-radius:20px;padding:5px 10px 5px 5px;display:flex;align-items:center;gap:7px;color:#5d5493;font:800 12px Nunito;cursor:pointer}.avatar{height:28px;width:28px;display:grid;place-items:center;background:#ffcc92;border-radius:50%;color:#995e46}.world-stage{position:relative;isolation:isolate;flex:1;min-height:490px;overflow:hidden;background:linear-gradient(#bdeafe 0%,#e8f8fc 54%,#fbf7e9 54%)}.sky-decor.sun{position:absolute;right:11%;top:42px;width:75px;height:75px;border-radius:50%;background:#ffd666;box-shadow:0 0 0 8px #ffe89b77,0 0 30px #fff0a2;z-index:0;animation:glow 4s ease-in-out infinite}.sun:before,.sun:after{content:"";position:absolute;inset:-17px;background:repeating-conic-gradient(transparent 0deg 14deg,#ffd866 15deg 20deg,transparent 21deg 43deg);z-index:-1}.cloud{position:absolute;width:110px;height:32px;background:#fff;border-radius:50px;opacity:.9;z-index:0}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud:before{width:48px;height:48px;left:22px;bottom:0}.cloud:after{width:35px;height:35px;right:15px;bottom:0}.cloud-one{top:112px;left:9%;animation:drift 30s linear infinite}.cloud-two{top:54px;left:52%;transform:scale(.65);animation:drift 40s -16s linear infinite}.hills{position:absolute;left:-6%;width:112%;border-radius:50% 50% 0 0;z-index:0}.hill-back{height:220px;bottom:78px;background:#9cd7ad}.hill-front{height:170px;bottom:-44px;background:#72bf8b}.meadow{position:absolute;bottom:0;left:0;right:0;height:130px;background:linear-gradient(100deg,#58b782,#a1d663 50%,#76c583);z-index:0}.meadow:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#d4f2a3 1.4px,transparent 1.8px);background-size:20px 23px;opacity:.65}.living-world{position:absolute;inset:0;z-index:1;pointer-events:none}.living-object{position:absolute;font-size:clamp(38px,4.5vw,70px);filter:drop-shadow(0 6px 3px #385e4430);transform-origin:center bottom;animation:pop .5s cubic-bezier(.22,1.5,.4,1) both,var(--motion) var(--speed,3s) ease-in-out infinite .5s;cursor:pointer;pointer-events:auto;user-select:none}.living-object:hover{filter:drop-shadow(0 8px 6px #385e4450);scale:1.1}.world-label{position:absolute;left:50%;bottom:-21px;transform:translateX(-50%);background:#fff;border-radius:12px;padding:2px 9px;color:#665f96;font:bold 12px Nunito;white-space:nowrap;box-shadow:0 3px 8px #415b4c25}.welcome-card{position:absolute;top:36px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#fffdf9df;border:2px solid #fff;border-radius:20px;padding:11px 18px 11px 12px;box-shadow:0 8px 18px #58758926;z-index:3;transition:.35s}.welcome-card.hide{opacity:0;transform:translate(-50%,-18px);pointer-events:none}.mascot{font-size:36px;background:#fff0cc;border-radius:13px;padding:2px 7px}.welcome-card p{margin:0 0 1px;color:#7d759d;font-weight:800;font-size:12px}.welcome-card strong{font:800 17px 'Baloo 2',sans-serif;color:#514981}.canvas-hint{position:absolute;z-index:3;left:50%;top:54%;transform:translate(-50%,-50%);color:#8d87a4;font:800 16px 'Baloo 2';background:#fffdf8bd;border:2px dashed #cfc5e4;border-radius:18px;padding:11px 18px;pointer-events:none;transition:.25s}.canvas-hint span{font-size:23px;color:#f27888}.canvas-hint.hide{opacity:0}.world-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;touch-action:none;cursor:crosshair}.recognition-popover{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);width:230px;text-align:center;background:#fffdfb;border:3px solid #fff;border-radius:28px;padding:13px 16px 16px;box-shadow:0 15px 35px #4f4b7a40}.sparkle-row{color:#f5b94f;letter-spacing:8px;font-size:17px}.recognition-icon{font-size:48px;margin-top:-5px}.recognition-popover p{font:800 19px 'Baloo 2';margin:0 0 10px}.recognition-actions{display:flex;gap:8px}.recognition-actions button{border:0;border-radius:13px;flex:1;padding:9px 4px;font:800 14px Nunito;cursor:pointer}.yes{background:#66caa0;color:white;box-shadow:0 3px #41a97e}.not-quite{background:#f0ebfa;color:#706799}.reward-burst{position:absolute;inset:0;z-index:7;pointer-events:none;overflow:hidden}.confetti{position:absolute;font-size:20px;animation:confetti 1.7s ease-out forwards}.tool-dock{margin:0 24px 19px;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 7px 18px #48456f12;display:flex;align-items:center;gap:9px;z-index:5}.tool{border:0;background:transparent;color:#6f6795;border-radius:11px;width:39px;height:39px;font-size:22px;cursor:pointer}.tool:disabled{opacity:.3;cursor:default}.tool-active{background:#ece7fb}.tool-separator{height:26px;width:1px;background:#e6e1ef}.colour-picker{display:flex;gap:7px}.colour{height:23px;width:23px;border-radius:50%;border:2px solid white;background:var(--colour);box-shadow:0 0 0 1px #d8d1e8;cursor:pointer}.colour.active{box-shadow:0 0 0 3px #7165a4;transform:scale(1.05)}.size-control{display:flex;align-items:center;gap:5px;color:#736a9d;font-size:12px}.big-dot{font-size:19px}.size-control input{width:78px;accent-color:#7165aa}.save-doodle{margin-left:auto;border:0;border-radius:13px;background:#f8eef8;color:#7d5c91;font:800 13px Nunito;padding:10px 13px;cursor:pointer}.save-doodle span{color:#f37690;font-size:17px}.side-panel{background:#f8f4ff;padding:23px 18px;display:flex;flex-direction:column;gap:15px;border-left:1px solid #e8e1f5}.kid-card{display:flex;align-items:center;gap:9px;padding:3px 3px 6px}.kid-avatar{height:43px;width:43px;border-radius:15px;background:#ffd5a3;display:grid;place-items:center;font-size:28px}.kid-card p,.mission-header p{margin:0;color:#8b83a6;font-size:11px;font-weight:800}.kid-card strong{font:800 16px 'Baloo 2';display:block;line-height:1.1}.chevron{margin-left:auto;color:#9188aa}.stars-card{background:#fff;border:1px solid #eee7f8;border-radius:18px;padding:13px;display:flex;justify-content:space-between;box-shadow:0 5px 14px #7a699710}.star-stat,.streak{display:flex;align-items:center;gap:7px}.star-stat>span,.streak>span{font-size:26px}.star-stat b{font:800 21px 'Baloo 2';line-height:.8;display:block}.star-stat small{display:block;color:#9891ac;font-size:10px;font-weight:800}.streak{background:#fff5e9;border-radius:13px;padding:5px 8px}.streak b{color:#e47759;font-size:10px;line-height:1.05}.mission-card{background:#fff7da;border:1px solid #f5e7b2;border-radius:20px;padding:15px}.mission-header{display:flex;align-items:flex-start;gap:8px}.tiny-sun{font-size:27px}.mission-card h2{margin:0;color:#725f3b;font:800 19px 'Baloo 2';line-height:1}.mission-progress{display:flex;align-items:center;gap:7px;color:#a58e54;font:800 12px Nunito;margin-top:14px}.mission-progress div{height:7px;background:#eadcaa;border-radius:9px;flex:1;overflow:hidden}.mission-progress i{height:100%;background:#f4b74e;border-radius:inherit;display:block;width:0;transition:width .4s}.mission-copy{margin:8px 0 0;color:#a28f5e;font-size:11px;font-weight:700}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2{font:800 16px 'Baloo 2';margin:0}.section-heading button{background:none;border:0;color:#9c91b3;font:800 10px Nunito;cursor:pointer}.friend-list{display:flex;flex-direction:column;gap:7px;margin-top:7px;max-height:190px;overflow:auto;padding:1px}.empty-friends{background:#fff;border:1px dashed #d8ceeb;border-radius:16px;padding:17px 10px;text-align:center;color:#9a90aa;font-size:11px;font-weight:700}.empty-friends span{font-size:24px}.empty-friends p{margin:3px 0 0}.friend-item{background:#fff;border:1px solid #eee9f7;border-radius:14px;padding:7px 10px;display:flex;align-items:center;gap:8px;animation:slide .4s both}.friend-item .friend-icon{font-size:26px}.friend-item b{font:800 14px 'Baloo 2';display:block;line-height:1}.friend-item small{color:#9690aa;font-size:10px;font-weight:800}.friend-item .friend-star{margin-left:auto;color:#fac65d}.tip-card{display:flex;gap:8px;align-items:flex-start;background:#e8f7ff;border-radius:15px;padding:10px;color:#668198;font-size:10px;line-height:1.25}.tip-card span{font-size:20px}.tip-card p{margin:0}.tip-card b{display:block;color:#56809f}.parent-dialog{border:0;border-radius:26px;padding:27px;width:min(470px,calc(100vw - 34px));color:var(--ink);box-shadow:0 30px 70px #2f2b5340}.parent-dialog::backdrop{background:#342e5680;backdrop-filter:blur(4px)}.close-dialog{position:absolute;right:14px;top:8px;border:0;background:none;color:#807699;font-size:30px;cursor:pointer}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font:800 11px Nunito;color:#a28dc2;margin:0}.parent-dialog h2{font:800 30px 'Baloo 2';margin:2px 0 16px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.dashboard-stats div{background:#f4effd;border-radius:15px;padding:12px 7px;text-align:center}.dashboard-stats b{font:800 23px 'Baloo 2';display:block;color:#6259a5}.dashboard-stats span{font:800 10px Nunito;color:#81779c}.dashboard-note{font-size:13px;line-height:1.5;color:#756e8c}.download-button{border:0;background:#6259a5;color:#fff;border-radius:14px;padding:12px 15px;font:800 14px Nunito;cursor:pointer;width:100%}.toast{position:fixed;z-index:20;left:50%;bottom:23px;transform:translate(-50%,100px);background:#45406d;color:#fff;border-radius:16px;padding:11px 16px;font:800 13px Nunito;box-shadow:0 8px 20px #2a264640;transition:transform .35s}.toast.show{transform:translate(-50%,0)}@keyframes drift{to{translate:110vw 0}}@keyframes glow{50%{scale:1.08}}@keyframes pop{0%{scale:.1;opacity:0}80%{scale:1.12}100%{scale:1;opacity:1}}@keyframes fly{50%{translate:18px -23px;rotate:-5deg}}@keyframes float{50%{translate:0 -13px}}@keyframes bounce{50%{translate:0 -23px;scale:1.08 .9}}@keyframes sway{50%{rotate:5deg}}@keyframes spin{to{rotate:360deg}}@keyframes flutter{50%{scaleX(.72) translateY(-12px)}}@keyframes confetti{to{translate:var(--x) 170px;rotate:500deg;opacity:0}}@keyframes slide{from{opacity:0;translate:18px 0}to{opacity:1}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.side-panel{display:none}.world-stage{min-height:calc(100vh - 178px)}.mode-switcher{position:absolute;bottom:-48px;left:50%;transform:translateX(-50%);z-index:10;box-shadow:0 4px 10px #5c548921}.topbar{margin-bottom:47px}.mode{padding:7px 12px}.tool-dock{margin:0 12px 12px}.desktop-only,.save-doodle{display:none}}@media(max-width:550px){.topbar{padding:12px 15px;height:68px}.brand{font-size:23px}.parent-label,.sound-button{display:none}.world-stage{min-height:calc(100vh - 155px)}.welcome-card{width:max-content;max-width:90%;top:25px;padding:8px 12px}.welcome-card strong{font-size:14px}.mascot{font-size:26px}.tool-dock{gap:5px;padding:8px}.tool{width:33px;height:35px}.tool-separator{display:none}.colour-picker{gap:5px}.colour{height:20px;width:20px}.size-control input{width:46px}.canvas-hint{font-size:14px}.mode-switcher{width:94%;justify-content:space-around}.mode{font-size:12px;padding:7px 9px}}