:root{--sky:#9fd8f5;--grass:#bfe9a8;--ink:#1f3b2a;color:var(--ink);background:var(--sky);font-family:system-ui,sans-serif}html,body,#root{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;margin:0;overflow:hidden}.world{width:100%;height:100%;display:block}.notice{background:var(--grass);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;font-size:1.5rem;display:flex;position:fixed;inset:0}.notice p{margin:0}.notice-picture{font-size:6rem}.rotate-prompt{display:none}@media (orientation:portrait){.rotate-prompt{display:flex}}.build{opacity:.5;font-size:.7rem;position:fixed;bottom:.25rem;right:.5rem}.honk{right:max(1.5rem, env(safe-area-inset-right));bottom:max(1.5rem, env(safe-area-inset-bottom));touch-action:none;background:#4aa8e8;border:.35rem solid #fff;border-radius:50%;width:6.5rem;height:6.5rem;padding:1rem;position:fixed;box-shadow:0 .4rem #2f7fc0}.honk.sleeping{opacity:.35}.honk:active{transform:translateY(.3rem);box-shadow:0 .1rem #2f7fc0}.honk svg{width:100%;height:100%}.help{left:max(1.5rem, env(safe-area-inset-left));bottom:max(1.5rem, env(safe-area-inset-bottom));touch-action:manipulation;background:#ffe9a8;border:.35rem solid #fff;border-radius:50%;width:6.5rem;height:6.5rem;padding:.6rem;position:fixed;box-shadow:0 .4rem #d0a43a}.help.sleeping{opacity:.35}.help:active{transform:translateY(.3rem);box-shadow:0 .1rem #d0a43a}.help svg{width:100%;height:100%}.help.stuck{border-color:#ff8a1f;animation:2.4s ease-in-out infinite help-wiggle}@keyframes help-wiggle{0%,60%,to{transform:rotate(0)}68%,84%{transform:rotate(-12deg)}76%,92%{transform:rotate(12deg)}}@media (prefers-reduced-motion:reduce){.help.stuck{animation:none}}.parent-gate{top:max(.75rem, env(safe-area-inset-top));left:max(.75rem, env(safe-area-inset-left));color:#1f3b2a99;touch-action:none;background:#ffffff59;border:none;border-radius:50%;width:2.75rem;height:2.75rem;padding:.6rem;position:fixed}.parent-gate svg{width:100%;height:100%}.parent-gate.holding{background:conic-gradient(var(--ink) var(--held,0%), #fff9 0);animation:3s linear forwards parent-hold}@property --held{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes parent-hold{to{--held:100%}}.parent-panel{touch-action:auto;-webkit-user-select:text;user-select:text;background:#fff;border-radius:1rem;flex-direction:column;gap:.9rem;width:min(28rem,90vw);height:-moz-fit-content;height:fit-content;max-height:90vh;margin:auto;padding:1.5rem;font-size:1.1rem;display:flex;position:fixed;inset:0;overflow:auto;box-shadow:0 .5rem 2rem #0000004d}.parent-panel h2,.parent-panel p{margin:0}.parent-panel button{background:var(--grass);color:var(--ink);border:none;border-radius:.5rem;padding:.6rem 1rem;font-size:1rem}.parent-numbers{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.parent-numbers button{font-size:1.5rem}.parent-volume{flex-direction:column;gap:.3rem;display:flex}.parent-bedtime{border:1px solid color-mix(in srgb, var(--ink) 25%, transparent);border-radius:.5rem;flex-direction:column;gap:.5rem;margin:0;padding:.5rem .75rem .75rem;display:flex}.parent-bedtime [role=radiogroup]{flex-wrap:wrap;gap:.75rem;display:flex}.parent-bedtime label{align-items:center;gap:.3rem;display:flex}.parent-asleep{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.parent-confirm{flex-direction:column;gap:.5rem;display:flex}.parent-install button{margin-left:.25rem}.parent-version{opacity:.7;font-size:.85rem}.card{top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));color:#1f3b2a;background:#fff8e6;border:.35rem solid #fff;border-radius:1.5rem;width:min(22rem,44vw);max-height:calc(100% - 10rem);padding:1rem 1.25rem;font-family:system-ui,sans-serif;position:fixed;overflow-y:auto;box-shadow:0 .4rem #d0a43a}.card-close{color:#fff;background:#e0483e;border:none;border-radius:50%;width:3rem;height:3rem;padding:.6rem;position:absolute;top:.5rem;right:.5rem}.close-up-close{top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));color:#fff;background:#e0483e;border:none;border-radius:50%;width:4rem;height:4rem;padding:.9rem;position:fixed;box-shadow:0 4px #0003}.card-header{align-items:center;gap:.75rem;margin-right:3rem;display:flex}.mood-face{flex:none;width:4.5rem;height:4.5rem}.card-name{margin:0;font-size:1.6rem}.card-species{margin:0;font-style:italic}.card-mood{opacity:.75;margin:.15rem 0 0;font-size:.85rem}.card-meters{margin:1rem 0;padding:0;list-style:none}.meter{grid-template-columns:2.75rem 4rem 1fr;align-items:center;gap:.5rem;margin:.4rem 0;font-size:.85rem;display:grid}.meter img{width:2.75rem;height:2.75rem}.meter.wanted img{border-radius:50%;box-shadow:0 0 0 .2rem #ff8a1f}.meter-bar{background:#e6dcc4;border-radius:.5rem;height:1rem;overflow:hidden}.meter-fill{background:#3fae5a;border-radius:.5rem;height:100%;transition:width .5s;display:block}.meter-fill.middling{background:#f2b632}.meter-fill.low{background:#e0483e}.card-fact{align-items:center;gap:.75rem;display:flex}.card-fact-button{background:#3bb3a0;border:none;border-radius:50%;flex:none;width:4rem;height:4rem;padding:.5rem;box-shadow:0 .25rem #2e8f80}.card-fact-button:active{transform:translateY(.2rem);box-shadow:0 .05rem #2e8f80}.card-fact-text{margin:0;font-size:.9rem}.card-picture{flex:none;width:4.5rem;height:4.5rem}.card-picture svg{width:100%;height:100%}.card-answers{justify-content:center;align-items:center;gap:.75rem;margin:1rem 0 0;font-size:2rem;display:flex}.card-answers img,.card-answers .mood-face{width:4rem;height:4rem}.egg-steps{justify-content:center;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.egg-step{background:#fff;border:.2rem solid #c9924d;border-radius:50%/60% 60% 40% 40%;width:2.25rem;height:2.75rem}.egg-step.done{background:#7fc97f}