:root{--bg: #fdf3f6;--ink: #6f5a85;--card: #fff8fb;--pink: #ff9aa8;--shadow: 0 6px 16px rgba(154, 127, 176, .28);--target: 84px}:root[data-age="3-4"]{--target: 92px}:root[data-age="7-9"]{--target: 80px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#app{position:fixed;inset:0}button{font:inherit;color:inherit;border:0;padding:0;cursor:pointer;background:none}img{display:block;pointer-events:none}.btn,.tool,.corner,.share{width:var(--target);height:var(--target);border-radius:28px;background:var(--card);box-shadow:var(--shadow);padding:14px;flex:none}.btn:active,.tool:active,.tile:active,.card:active,.swatch:active{transform:scale(.94)}.home{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:3vw}.tile{position:relative;width:min(27vw,52vh);aspect-ratio:1;border-radius:15%;padding:12%;box-shadow:var(--shadow);transition:transform .1s}.tile-color{background:#ffe0e9}.tile-chase{background:#cfe8f5}.tile-talk{background:#fff0c4}.tile>svg:first-child{position:absolute;inset:14%;width:72%;height:72%}.tile.sleepy>svg:first-child{filter:saturate(.8) brightness(1.05)}.tile .zzz{position:absolute;right:8%;top:6%;width:28%;height:28%}.wiggle{animation:wiggle .4s}@keyframes shake{20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.tool.shake{animation:shake .5s}@keyframes wiggle{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.corner{position:absolute}.corner-fridge{left:20px;top:20px}.corner-lock{right:20px;top:20px;width:72px;height:72px;opacity:.8}.picker{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.picker .back{position:absolute;left:20px;top:20px}.cards{display:grid;grid-template-columns:repeat(3,min(28vw,37vh));gap:2.4vw}.card{border-radius:26px;overflow:hidden;background:var(--card);box-shadow:var(--shadow);aspect-ratio:4 / 3;padding:0}.card img{width:100%;height:100%;object-fit:cover}.coloring{position:absolute;inset:0;display:flex;align-items:stretch;padding:12px;gap:12px}.left{display:flex;flex-direction:column;gap:8px;align-items:center;width:calc(2 * (var(--target) - 8px) + 24px)}.swatches{display:grid;grid-template-columns:repeat(2,calc(var(--target) - 8px));gap:8px}.swatch{width:calc(var(--target) - 8px);height:calc(var(--target) - 8px);border-radius:50%;background:var(--c);border:4px solid #fff;box-shadow:0 0 0 3px #c9bdd6,var(--shadow)}.swatch.on{box-shadow:0 0 0 6px var(--ink),var(--shadow);transform:scale(1.06)}.stage{flex:1;min-width:0;display:flex;align-items:center;justify-content:center}.wrap{position:relative;aspect-ratio:4 / 3;width:min(100%,calc((100vh - 24px) * 4 / 3));background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.cv{position:absolute;inset:0;width:100%;height:100%;display:block}.cv-decor{pointer-events:none}.cv-line{mix-blend-mode:multiply;pointer-events:none}.cv-fx{touch-action:none}.ref{position:absolute;left:10px;top:10px;width:19%;border-radius:14px;overflow:hidden;border:3px solid #fff;box-shadow:var(--shadow);background:#fff;transition:width .15s,left .15s,top .15s}.ref img{width:100%}.ref-big .ref{width:70%;left:15%;top:15%}.rail{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;width:var(--target)}.tool.on{box-shadow:0 0 0 5px var(--ink),var(--shadow)}.tool.done{background:#fff0c4}.coloring[data-ready="0"] .wrap{opacity:.4}.gallery{position:absolute;inset:0;padding:20px}.gallery .back{position:absolute;left:20px;top:20px}.fridge-title{position:absolute;right:24px;top:20px;width:72px;height:72px}.pics{position:absolute;left:20px;right:20px;top:calc(var(--target) + 40px);bottom:20px;overflow-y:auto;touch-action:pan-y;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;align-content:start}.pic{position:relative;border-radius:20px;overflow:hidden;background:#fff;box-shadow:var(--shadow);aspect-ratio:4 / 3}.pic img{width:100%;height:100%;object-fit:cover}.share{position:absolute;right:8px;bottom:8px;width:72px;height:72px;border-radius:22px}.gate{position:fixed;inset:0;background:#6a587899;display:flex;align-items:center;justify-content:center;z-index:50;touch-action:none}.gate-card{position:relative;width:min(560px,88vw);background:var(--card);border-radius:28px;padding:28px;text-align:center;box-shadow:var(--shadow)}.gate-card p{margin:8px 0;font-size:26px}.gate-small{font-size:20px!important;opacity:.8}.gate-close{position:absolute;left:12px;top:12px;width:72px;height:72px;padding:16px;border-radius:22px}.gate-corner{position:absolute;right:24px;bottom:24px;width:120px;height:120px;border-radius:50%;background:#fff;box-shadow:var(--shadow);padding:8px}.gate-ring-bg{fill:none;stroke:#e9dff0;stroke-width:10}.gate-ring{fill:none;stroke:var(--ink);stroke-width:10;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:50% 50%;stroke-linecap:round}.gate-q{font-size:44px!important;font-weight:600}.gate-ans{min-height:56px;font-size:40px!important;letter-spacing:6px}.gate-keys{display:grid;grid-template-columns:repeat(3,76px);gap:8px;justify-content:center}.gate-keys button{width:76px;height:76px;border-radius:20px;background:#fff;box-shadow:var(--shadow);font-size:30px}.gate-msg{min-height:30px;font-size:20px!important}[hidden]{display:none!important}.parent-area{overflow:auto;touch-action:pan-y}.settings{max-width:640px;margin:0 auto;padding:40px 24px;font-size:22px}.ages{display:flex;gap:12px}.ages button,.settings-back{min-width:96px;height:72px;padding:0 24px;border-radius:22px;background:var(--card);box-shadow:var(--shadow);font-size:26px}.ages button.on{background:var(--pink);color:#fff}.settings-back{margin-top:24px}.hint{opacity:.75}.chase{position:absolute;inset:0;background:#fde9f1;overflow:hidden;touch-action:none;user-select:none}.chase-cv{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.chase .back{position:absolute;left:20px;top:20px}.chase-hint{position:absolute;top:50%;width:72px;height:72px;margin-top:-36px;opacity:0;pointer-events:none;animation:chase-hint 6s ease-out}.chase-hint svg{width:100%;height:100%}.chase-hint-l{left:24px}.chase-hint-r{right:24px;transform:scaleX(-1)}@keyframes chase-hint{0%,70%{opacity:.55}to{opacity:0}}.corner-request{right:20px;bottom:20px;width:72px;height:72px;opacity:.85}.request label{display:block;margin:16px 0;font-size:22px}.request input,.request textarea{display:block;width:100%;margin-top:6px;padding:14px 16px;border:3px solid #e9dff0;border-radius:18px;font:inherit;font-size:22px;color:var(--ink);background:#fff;user-select:text;-webkit-user-select:text;touch-action:auto}.request textarea{resize:vertical}.request .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.request-row{display:flex;gap:16px;align-items:center}.request-row .settings-back{margin-top:0}.request-send{height:72px;padding:0 28px;border-radius:22px;background:var(--pink);color:#fff;box-shadow:var(--shadow);font-size:26px}.request-send:disabled{opacity:.6}.request-msg{min-height:30px;font-size:22px}