:root{--color-cream:#fff7ef;--color-peach:#ffd9c0;--color-coral:#ff9d7e;--color-navy:#2b3a67;--color-sky:#a8d8ff;--color-leaf:#9be3a8;--color-sun:#ffd66e;--radius-lg:24px;--radius-md:16px;--touch-min:48px;--font-round:"Baloo 2", "Comic Sans MS", system-ui, sans-serif}*{box-sizing:border-box}body{font-family:var(--font-round);background:var(--color-cream);color:var(--color-navy);-webkit-tap-highlight-color:transparent;margin:0}#root{justify-content:center;min-height:100dvh;display:flex}.app{width:100%;max-width:480px;min-height:100dvh;padding:12px 12px calc(12px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.app-main{flex-direction:column;flex:1;display:flex}.app-nav{gap:12px;padding-top:12px;display:flex}.app-nav a{min-height:var(--touch-min);border:3px solid var(--color-navy);border-radius:var(--radius-md);background:#fff;flex:1;justify-content:center;align-items:center;font-size:2rem;text-decoration:none;display:flex}.app-nav a.active{background:var(--color-sun)}h1{text-align:center;margin:8px 0 16px;font-size:1.75rem}.placeholder-card{border:3px dashed var(--color-navy);border-radius:var(--radius-lg);text-align:center;background:#fff;padding:32px 16px;font-size:1.25rem}.teddy-stage{justify-content:center;padding:16px 0;display:flex}.teddy-sprite{transform-origin:bottom;-webkit-user-select:none;user-select:none;width:min(70vw,300px);height:auto}.teddy-float{animation:3s ease-in-out infinite teddy-float}.teddy-tap{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0}.room-page{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.room-scene{border-radius:var(--radius-lg);border:3px solid var(--color-navy);background:var(--color-cream,#fdf6ec);flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.room-bg{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.room-floor{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;position:absolute}.room-floor:focus-visible{outline:3px solid var(--color-navy);outline-offset:-4px}.room-poi{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;width:clamp(48px,16%,96px);height:clamp(48px,16%,96px);position:absolute;transform:translate(-50%,-50%)}.room-poi:focus-visible{outline:3px solid var(--color-navy);outline-offset:2px}.room-teddy{height:30%;transition-property:left,top;transition-duration:0s;transition-timing-function:linear;position:absolute;transform:translate(-50%,-100%)}.room-teddy-idle{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;height:100%;padding:0;display:block}.room-teddy-sprite{transform-origin:bottom;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;height:100%;display:block}.room-teddy-walk{aspect-ratio:417/520;background-image:url(/teddy/teddy-walk.webp);background-repeat:no-repeat;background-size:auto 100%;height:100%;animation:1.4167s steps(33,end) infinite room-walk}.room-teddy-walk.flipped{transform:scaleX(-1)}@keyframes room-walk{0%{background-position-x:0%}to{background-position-x:100%}}.room-fx{pointer-events:none;z-index:3;font-size:2rem;animation:1.6s ease-out forwards room-fx-rise;position:absolute;transform:translate(-50%,-100%)}@keyframes room-fx-rise{0%{opacity:0;translate:0 12%}25%{opacity:1}to{opacity:0;translate:0 -60%}}.room-star-chip{z-index:4;margin:0;position:absolute;top:10px;right:10px}.room-teddy-sprite.petting{animation:.42s ease-out room-pet-squash}@keyframes room-pet-squash{0%{transform:scale(1)}35%{transform:scale(1.15,.8)}70%{transform:scale(.95,1.05)}to{transform:scale(1)}}.wardrobe-panel{padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:10;background:#fdf6ecf5;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;max-height:46dvh;display:flex;position:fixed;inset:auto 0 0;overflow-y:auto}.wardrobe-art{border-radius:var(--radius-md);width:min(18vw,84px);height:auto}.wardrobe-strip{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex}.wardrobe-item{min-width:96px;min-height:var(--touch-min);color:var(--color-navy);border:3px solid var(--color-navy);border-radius:var(--radius-md);cursor:pointer;background:#fff;flex-direction:column;align-items:center;gap:6px;padding:10px 12px;font-family:inherit;display:flex}.wardrobe-item img{object-fit:contain;pointer-events:none;width:72px;height:72px}.wardrobe-item.worn{background:var(--color-peach);border-color:var(--color-coral)}.wardrobe-item-name{font-size:1rem;font-weight:700}.wardrobe-item-price{font-size:.95rem}.wardrobe-item.wiggle{animation:.4s ease-in-out wardrobe-wiggle}@keyframes wardrobe-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@media (prefers-reduced-motion:reduce){.wardrobe-item.wiggle{animation:none}}.mini-menu-panel{z-index:10;background:#fdf6ecf5;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:fixed;inset:0}.mini-menu-btn{min-width:200px;min-height:72px;color:var(--color-navy);border:3px solid var(--color-navy);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:1.4rem;font-weight:700;display:flex}.mini-menu-btn:active{transform:scale(.96)}.bubbles-page{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.bubbles-stage{border-radius:var(--radius-md);touch-action:manipulation;background:linear-gradient(#d9f1fa,#fff7ef);flex:1;position:relative;overflow:hidden}.bubble-pop-btn{cursor:pointer;background:0 0;border:none;padding:0;position:absolute}.bubble-pop-btn img{pointer-events:none;width:100%;height:100%;display:block}.bubble-rising{animation-name:bubble-rise;animation-timing-function:linear;animation-fill-mode:forwards;bottom:-96px}@keyframes bubble-rise{0%{transform:translateY(0)}to{transform:translateY(var(--rise-to))}}.bubble-burst{pointer-events:none;font-size:2rem;animation:.6s ease-out forwards bubble-burst-pop;position:absolute;transform:translate(-50%,-50%)}@keyframes bubble-burst-pop{0%{opacity:1;scale:.6}to{opacity:0;scale:1.8}}.bubble-counter{z-index:3;color:var(--color-navy);border:3px solid var(--color-navy);background:#ffffffd9;border-radius:999px;align-items:center;gap:6px;min-height:48px;padding:4px 14px;font-size:1.3rem;font-weight:700;display:flex;position:absolute;top:12px;right:12px}@media (prefers-reduced-motion:reduce){.bubble-rising{animation:none;top:40%}.bubble-burst{animation:none}}.puzzle-page{flex-direction:column;align-items:center;gap:12px;min-height:100%;padding:12px;display:flex}.puzzle-page h1{color:var(--color-navy);margin:0;font-size:1.6rem}.puzzle-pips{gap:8px;display:flex}.pip{border:2px solid var(--color-navy);background:#fff;border-radius:999px;width:14px;height:14px}.pip.current-pip{background:var(--color-navy)}.pip.done-pip{background:var(--color-peach)}.puzzle-board{aspect-ratio:1;border-radius:var(--radius-md);width:min(78vw,340px);position:relative;overflow:hidden;box-shadow:0 4px 14px #2b3a672e}.puzzle-slot{cursor:pointer;filter:brightness(.45)saturate(.5);background-color:#eef3f7;background-repeat:no-repeat;border:1px solid #2b3a6740;padding:0;position:absolute}.puzzle-slot-filled{filter:none;animation:.3s ease-out puzzle-pop}.puzzle-tray{min-inline-size:auto;border:none;flex-wrap:wrap;justify-content:center;gap:10px;min-height:76px;margin:0;padding:0;display:flex}.puzzle-piece-btn{border:3px solid var(--color-navy);border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;background-color:#fff;background-repeat:no-repeat;width:68px;height:68px;padding:0}.puzzle-piece-btn:active{transform:scale(.94)}.puzzle-piece-selected{animation:.5s ease-in-out infinite puzzle-wiggle;transform:translateY(-5px)scale(1.06)}.puzzle-piece-shake{animation:.45s ease-in-out puzzle-shake}.puzzle-card{flex-direction:column;align-items:center;gap:10px;padding:16px 22px;font-size:1.2rem;display:flex}@keyframes puzzle-pop{0%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes puzzle-wiggle{0%,to{transform:translateY(-5px)scale(1.06)rotate(0)}25%{transform:translateY(-5px)scale(1.06)rotate(-3deg)}75%{transform:translateY(-5px)scale(1.06)rotate(3deg)}}@keyframes puzzle-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){.puzzle-slot-filled,.puzzle-piece-selected,.puzzle-piece-shake{animation:none}.puzzle-piece-selected{transform:translateY(-4px)}}@media (orientation:landscape){.app{max-width:960px}.room-scene{aspect-ratio:16/9;flex:none;width:min(100%,177.778dvh - 213.333px);margin:0 auto}}@media (prefers-reduced-motion:reduce){.room-teddy-walk{background-position:bottom;animation:none}.room-fx{opacity:1;animation:none}.room-teddy-sprite.petting,.room-sleep,.room-bowl-hint.empty{animation:none}}.room-scene.night:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#1e2d5a47,#141e465c);position:absolute;inset:0}.room-poi[data-poi=bed]{transition:box-shadow .6s}.room-scene.night .room-poi[data-poi=bed]{box-shadow:0 0 26px 14px #ffcd6e61}.room-sleep{pointer-events:none;font-size:1.5rem;animation:2.8s ease-in-out infinite room-sleep-drift;position:absolute;bottom:88%;left:55%}@keyframes room-sleep-drift{0%,to{opacity:.85;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.room-bowl-hint{opacity:.45;pointer-events:none;z-index:3;font-size:1.25rem;position:absolute;transform:translate(-50%,-130%)}.room-bowl-hint.empty{animation:2.4s ease-in-out infinite room-bowl-wobble}@keyframes room-bowl-wobble{0%,to{transform:translate(-50%,-130%)rotate(0)}25%{transform:translate(-50%,-130%)rotate(-8deg)}75%{transform:translate(-50%,-130%)rotate(8deg)}}.room-teddy.droopy{rotate:4deg}.room-teddy.exhausted{rotate:7deg;scale:.97}.star-chip{border:3px solid var(--color-navy);background:#fff;border-radius:999px;width:fit-content;margin:0 auto 8px;padding:4px 16px;font-size:1.5rem}@keyframes teddy-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.teddy-float{animation:none}}.stat-list{border:3px solid var(--color-navy);border-radius:var(--radius-lg);background:#fff;flex-direction:column;gap:8px;padding:12px;display:flex}.stat-row{align-items:center;gap:8px;display:flex}.stat-icon{text-align:center;width:2rem;font-size:1.5rem}.stat-track{background:var(--color-peach);border:2px solid var(--color-navy);appearance:none;border-radius:999px;flex:1;height:16px;overflow:hidden}.stat-track::-webkit-meter-bar{background:var(--color-peach);border-radius:999px}.stat-track::-webkit-meter-optimum-value{background:var(--color-leaf);border-radius:999px}.stat-track::-moz-meter-bar{background:var(--color-leaf);border-radius:999px}.care-buttons{grid-template-columns:1fr 1fr;gap:12px;padding:16px 0 8px;display:grid}.care-btn{min-height:64px;color:var(--color-navy);background:var(--color-sun);border:3px solid var(--color-navy);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:1.25rem}.care-btn:active{transform:scale(.95)}.wardrobe-card{color:var(--color-navy);border:3px solid var(--color-navy);border-radius:var(--radius-md);background:#fff;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px 16px;font-size:1.15rem;display:flex}.wardrobe-card .care-btn{min-height:48px;padding:0 20px;font-size:1.1rem}.runner-track{border:3px solid var(--color-navy);border-radius:var(--radius-md);background:#cdeefb;width:100%;overflow:hidden}.runner-track canvas{width:100%;display:block}button{touch-action:manipulation}.jump-btn{width:100%;margin-top:12px}body.bedtime{background:#1b2340}body.bedtime .app-main{filter:brightness(.72)saturate(.85)}.parent-card{flex-direction:column;gap:12px;padding:16px 0;display:flex}.parent-card .care-btn{width:100%}.care-btn.danger{background:#f2b8b5}.parent-card p{color:var(--color-navy);margin:0;font-size:1rem}body.bedtime .parent-card p{color:#e8e4f5}