.care-dashboard{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;align-items:center;gap:24px;background:#eee0fa;border:1.5px solid var(--ink);border-radius:17px;padding:18px 24px;margin-bottom:24px}.wellbeing{display:grid;grid-template-columns:1fr auto;gap:4px 12px}.wellbeing>span{font-size:12px;font-weight:800;letter-spacing:1px}.wellbeing strong{grid-column:2;grid-row:1/3;font-size:32px;font-family:Outfit}.wellbeing small{font-size:13px}.need label{display:flex;justify-content:space-between;font-weight:700;font-size:14px;margin-bottom:9px}.need progress{appearance:none;width:100%;height:17px;border:1px solid var(--ink);border-radius:12px;overflow:hidden;background:#fffcf5}.need progress::-webkit-progress-bar{background:#fffcf5}.need progress::-webkit-progress-value{background:#f7a6cb;border-radius:10px;transition:width 1s linear}.need progress::-moz-progress-bar{background:#f7a6cb;border-radius:10px}#hydration::-webkit-progress-value{background:#6fddce}#hydration::-moz-progress-bar{background:#6fddce}#energy::-webkit-progress-value{background:#f4cd64}#energy::-moz-progress-bar{background:#f4cd64}.pet-stage{position:absolute;width:33%;left:33%;bottom:13%;display:flex;align-items:center;flex-direction:column;pointer-events:none;filter:drop-shadow(0 7px 3px #543b7830)}.game-pet{width:100%;aspect-ratio:1;background-image:url('/assets/mimo-sprites.webp');background-size:400% 400%;background-repeat:no-repeat;background-position:0 0;animation:pet-frames 1.8s step-end infinite}.game-pet.eat{background-position-y:33.333%;animation-duration:.85s}.game-pet.drink{background-position-y:66.667%;animation-duration:1s}.game-pet.sleep{background-position-y:100%;animation-duration:3s}#pet-state{font-size:11px;font-weight:800;padding:5px 10px;border-radius:20px;background:#fffaf0ee;color:var(--ink);white-space:nowrap}.shop-scene.night>.scene{filter:brightness(.63) saturate(.72);transition:filter 1s}.sleep-controls{display:flex;gap:16px;align-items:center;margin-top:15px}.sleep-controls button{background:#e7dbf7;color:var(--ink);border:1.5px solid var(--ink);padding:12px 18px;border-radius:10px;font-weight:700;font-size:14px}.sleep-controls span{font-size:12px;line-height:1.6;color:#786481}.mood-market{margin-top:32px;border:1.5px solid var(--ink);border-radius:18px;background:#fffaf0;padding:26px}.chart-heading{display:flex;justify-content:space-between;gap:24px}.chart-heading .eyebrow{font-size:12px;letter-spacing:1px;margin-bottom:10px}.chart-heading h2{font-size:30px;letter-spacing:-1px}.chart-heading h2 span{color:#7850b0;margin-left:8px}.chart-heading p:not(.eyebrow){font-size:14px;color:#7d678e}.care-level{text-align:right;display:flex;flex-direction:column;gap:8px;font-size:14px}.care-level span{font-size:12px;color:#806394}#mood-chart{width:100%;height:auto;display:block;margin-top:12px;overflow:visible}.chart-axis{display:flex;justify-content:space-between;gap:10px;color:#7b6b88;font-size:12px}.unlocks{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.unlocks span{font-size:12px;border:1px dashed #d1bedf;color:#877b90;background:#f1ecf5;padding:8px 11px;border-radius:8px}.unlocks span.earned{background:#ddf3d6;border:1px solid #94b48b;color:#334c2d}.mood-market details{margin-top:22px;font-size:14px;color:#776383;line-height:1.7}.mood-market summary{cursor:pointer;color:var(--ink);font-weight:700}.mood-market details p{max-width:800px}.game-pet{transition:filter .3s}.game-pet.low{filter:saturate(.75)}@keyframes pet-frames{0%,100%{background-position-x:0}25%{background-position-x:33.333%}50%{background-position-x:66.667%}75%{background-position-x:100%}}@media(max-width:900px){.care-dashboard{gap:16px;padding:16px}.chart-heading h2{font-size:26px}.sleep-controls{flex-wrap:wrap;gap:9px}}@media(max-width:650px){.care-dashboard{grid-template-columns:1fr 1fr;gap:18px}.mart-heading{margin-bottom:22px}.mood-market{padding:20px 16px}.chart-heading{display:block}.care-level{text-align:left;flex-direction:row;margin:18px 0}.chart-axis{font-size:11px}.chart-axis span:nth-child(2){display:none}#pet-state{font-size:10px;padding:4px 6px}.pet-stage{width:38%;left:31%}.unlocks{gap:6px}.unlocks span{font-size:11px}.chart-heading .eyebrow{font-size:11px}.need label{font-size:14px}}@media(prefers-reduced-motion:reduce){.game-pet{animation:none}.need progress::-webkit-progress-value{transition:none}}
/* Stage 1: all care controls live inside the game frame. */
.shop-scene{background:#ded0f0}.playfield{position:relative}.care-dashboard{margin:0;border:0;border-bottom:2px solid var(--ink);border-radius:0;padding:15px 12px;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;background:#f1e6fc}.care-dashboard .need label{font-size:12px;gap:4px;flex-wrap:wrap}.care-dashboard .need progress{height:14px}.shop-scene>.station-nav{margin:0;padding:13px 13px 0}.shop-scene>.sleep-controls{margin:0;padding:12px 13px 15px}.shop-scene.night .scene{filter:brightness(.6) saturate(.7)}.shop-scene .shop-caption{font-size:12px;letter-spacing:.6px;min-height:39px}.pet-stage{bottom:5%;width:35%;left:32.5%}.pet-stage.zoomies{animation:zoomies 2s ease-in-out 5}.pet-stage.zoomies .game-pet{filter:drop-shadow(-12px 0 5px #f9da8170)}#health::-webkit-progress-value{background:#f692ad}#health::-moz-progress-bar{background:#f692ad}#fomo::-webkit-progress-value{background:#b386ee}#fomo::-moz-progress-bar{background:#b386ee}.birth-scene{position:absolute;inset:0;z-index:5;background:#f4eafaFA;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;border-radius:16px}.birth-scene[hidden]{display:none}.birth-scene img{width:145px;height:145px;object-fit:contain;animation:seed-bob 2s ease-in-out infinite}.birth-scene h2{font-size:30px;letter-spacing:-1px}.birth-scene p:not(.eyebrow){font-size:15px;line-height:1.6;max-width:410px;margin:14px 0}.birth-scene .eyebrow{margin-bottom:8px;font-size:12px}.birth-scene .button{font-size:14px;padding:12px 17px}.replay-close{border:0;background:transparent;text-decoration:underline;font-size:13px;color:var(--ink);padding:14px}.stage-note{margin-top:24px;font-size:13px;color:#7a628c}.stage-note b{font-size:12px;letter-spacing:1px}.stage-note p{line-height:1.7}#replay-birth{border:1px solid var(--ink);background:#eee1f7;border-radius:8px;padding:10px 14px;color:var(--ink);font-size:14px}.pet-stage.zoomies #pet-state{background:#fff0a0}.shop-scene:has(.birth-scene:not([hidden])){min-height:560px}.birth-scene:focus{outline:none}@keyframes seed-bob{50%{transform:translateY(-5px) rotate(3deg)}}@keyframes zoomies{0%,100%{transform:translate(0,0) rotate(0)}15%{transform:translate(90%,-40%) rotate(13deg)}35%{transform:translate(-82%,-18%) rotate(-12deg)}55%{transform:translate(55%,8%) rotate(9deg)}75%{transform:translate(-55%,-70%) rotate(-10deg)}}@media(max-width:1000px){.care-dashboard{grid-template-columns:repeat(3,1fr)}.health-need,.fomo-need{grid-column:auto}.care-dashboard .need label{font-size:12px}.birth-scene{padding:18px}.birth-scene img{width:120px;height:120px}}@media(max-width:650px){.care-dashboard{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px}.care-dashboard .health-need{grid-column:span 2}.care-dashboard .fomo-need{grid-column:span 2}.birth-scene h2{font-size:28px}.birth-scene p:not(.eyebrow){font-size:14px}.shop-scene:has(.birth-scene:not([hidden])){min-height:560px}}@media(prefers-reduced-motion:reduce){.pet-stage.zoomies,.birth-scene img{animation:none!important}.pet-stage.zoomies{outline:3px solid #efcb69;border-radius:20px}}
.origin-film{padding:0;justify-content:flex-start;background:#faf1ff;overflow:hidden;min-height:540px}.film-top{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 16px;background:#292044;color:#fff5e9;font-size:11px;letter-spacing:1px;z-index:3}.film-top button{color:#fff5e9;background:transparent;border:1px solid #baa6cd;border-radius:7px;padding:7px 10px;font-size:12px}.film-art{position:relative;width:100%;flex:1;min-height:190px;overflow:hidden;background:#3b2850}.film-art .origin-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:none;transition:transform 3.5s ease,filter 2s;transform:scale(1.6);transform-origin:15% 40%}.film-art[data-shot="1"] .origin-backdrop{transform:scale(1.5);transform-origin:45% 75%}.film-art[data-shot="2"] .origin-backdrop{transform:scale(1.35);transform-origin:85% 55%}.film-art[data-shot="3"] .origin-backdrop,.film-art[data-shot="4"] .origin-backdrop{transform:scale(1.1);filter:brightness(.5) blur(2px)}.film-art .origin-seed{position:absolute;width:160px;height:160px;object-fit:contain;left:50%;top:50%;transform:translate(-50%,-50%) scale(.3);opacity:0;animation:none;transition:opacity 1s,transform 2s;filter:drop-shadow(0 0 18px #c9ffb5)}.film-art[data-shot="3"] .origin-seed{opacity:1;transform:translate(-50%,-50%) scale(1)}.origin-baby{position:absolute;width:170px;height:170px;left:50%;top:50%;margin:-85px 0 0 -85px;opacity:0;transform:scale(.3);transition:opacity 1s,transform 1.4s;filter:drop-shadow(0 0 22px #e5b5ff)}.film-art[data-shot="4"] .origin-baby{opacity:1;transform:scale(1)}.dust-motes{position:absolute;left:38%;top:20%;font-size:24px;color:#ffe6a0;opacity:0;letter-spacing:8px}.film-art[data-shot="1"] .dust-motes{animation:fall-dust 2s ease-in infinite}.slurp-drop{position:absolute;right:30%;top:28%;color:#c390ef;font-size:30px;opacity:0}.film-art[data-shot="2"] .slurp-drop{animation:fall-dust 1.8s ease-in infinite}.film-story{padding:17px 22px 20px;width:100%;background:#faf1ff;z-index:2}.film-story h2{font-size:28px}.film-story p:not(.eyebrow){font-size:14px;min-height:44px;margin:10px auto}.film-story .eyebrow{font-size:11px}.film-actions{display:flex;align-items:center;justify-content:center;gap:16px}.film-actions>button:last-child{border:0;background:transparent;font-size:13px;color:var(--ink);text-decoration:underline}.film-note{display:block;font-size:11px;color:#8b749a;margin-top:15px}.growth-trail{padding:13px 14px 0;font-size:12px;line-height:1.7}.growth-trail>b,.growth-trail>span{display:block}.growth-trail>span{color:#776187}.growth-trail>div{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.growth-trail>div>span{padding:3px 7px;border:1px dashed #baa5cf;border-radius:6px;color:#7c6a8a}.growth-trail>div>.growth-earned{background:#d4f0c9;color:#395136;border-style:solid}.growth-trail small{font-size:11px}.pet-stage.baby .game-pet{scale:.75}.pet-stage:not(.baby) .game-pet{transition:scale 1.2s}.shop-scene:has(.origin-film:not([hidden])){min-height:630px}@keyframes fall-dust{0%{opacity:0;transform:translateY(0)}20%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translateY(110px)}}@media(prefers-reduced-motion:reduce){.origin-film *{transition:none!important;animation:none!important}.film-art[data-shot="1"] .dust-motes,.film-art[data-shot="2"] .slurp-drop{opacity:1}}@media(max-width:650px){.film-story{padding:15px}.film-story h2{font-size:26px}.film-top{font-size:10px}.origin-film{min-height:540px}}