@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#35443b;background:#f8f4eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;border:1px solid #d9dfd3;background:#fffdf8;color:#35443b;border-radius:14px;padding:12px 17px;min-height:46px;font-weight:700}button:hover{background:#edf2e7}button:focus-visible{outline:3px solid #c17c51;outline-offset:3px}button[aria-pressed=true],.primary{background:#45654f;color:white;border-color:#45654f}button:disabled{opacity:.55;cursor:default}h1,h2,h3{font-family:Outfit,sans-serif;font-weight:700}h1{font-size:clamp(28px,4vw,44px);letter-spacing:-1.6px;margin:5px 0 8px}h2{font-size:25px;margin:0}p{line-height:1.6}#game{max-width:1250px;margin:auto;padding:28px 32px 38px}.top,.toolbar,.caregivers,.chips,.actions,.scene-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.top{justify-content:space-between}.eyebrow{text-transform:uppercase;letter-spacing:2.4px;font-size:11px;font-weight:700;color:#7d8c76}.subtitle{color:#76806f;margin:0 0 24px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.room{background:#eee9dd;border:1px solid #e1ddce;border-radius:26px;overflow:hidden;position:relative}.scene-head{position:absolute;top:20px;left:22px;right:22px;justify-content:space-between;z-index:1}.pill{background:#fffdf4e8;padding:8px 13px;border-radius:30px;font-size:12px}.illustration{width:100%;aspect-ratio:1.5;background-image:url('./assets/care-atlas.png');background-size:300% 200%;background-repeat:no-repeat;background-color:#f3eee2;transition:filter .3s}.scene-art{min-height:320px;animation:breathe 4s ease-in-out infinite}.crying{background-position:50% 100%!important}.asleep{background-position:0 100%!important}.cold{filter:saturate(.6) brightness(1.05)}.hot{filter:sepia(.15) saturate(1.25)}.scene-caption{padding:17px 24px;background:#ffffffb8;display:flex;justify-content:space-between;gap:10px}.scene-caption strong{font-family:Outfit;font-size:20px;font-weight:700}.spots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.spot{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 8px;font-size:12px}.spot span{font-size:24px}.panel{background:#fffdf8;border:1px solid #e5e3d8;border-radius:24px;padding:24px}.panel p{font-size:14px;color:#727c6c}.panel .actions{display:grid;grid-template-columns:1fr;gap:9px}.small{font-size:12px;color:#78816e}.status{background:#f0f3e9;border-radius:16px;padding:14px;margin:17px 0}.status strong{display:block;font-size:13px;margin-bottom:4px}.status span{font-size:13px}.message{margin-top:20px;border-top:1px solid #e5e3d8;padding-top:18px;min-height:75px;font-size:14px;line-height:1.6}.hint{margin-top:16px;background:#fff0d7;border-radius:16px;padding:15px;font-size:14px;line-height:1.6}.hint-art{width:100%;aspect-ratio:1.7;background-position:100% 100%;border-radius:12px;margin-bottom:10px}.caregivers{margin-bottom:18px}.caregivers span{font-size:12px;margin-right:6px}.footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:22px;font-size:12px;color:#7d8677}.pause-cover{position:absolute;inset:0;background:#f9f5e8db;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;z-index:2}.pause-cover h2{font-size:35px}.pause-cover p{max-width:330px}.pause-cover button{min-width:150px}.error{color:#a84434}.nap{letter-spacing:5px;color:#45654f}a{color:inherit}@keyframes breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:850px){#game{padding:20px 18px}.layout{grid-template-columns:1fr}.panel .actions{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:20px}.scene-art{min-height:0}.toolbar{margin-bottom:18px}.top{align-items:flex-start}.spots{gap:6px}.spot{padding:12px 4px;font-size:11px}.caregivers{margin-bottom:12px}}@media(max-width:420px){#game{padding:16px 12px}h1{font-size:30px}.toolbar button{padding:9px 12px}.scene-caption{padding:12px 16px}.scene-head{top:12px;left:12px;right:12px}.pill{font-size:10px}.panel .actions{grid-template-columns:1fr 1fr}.panel{padding:17px}}
 .alternate,.happy{background-image:url('./assets/care-atlas-alternate.png')}.scene-art{aspect-ratio:1;min-height:0;transform-origin:50% 90%}.reaction{width:82px;height:82px;float:right;border-radius:50%;background-position:50% 100%;border:3px solid #f0e9d9;animation:wiggle 2s ease-in-out infinite}.sleep-reaction{background-position:0 100%;animation:breathe 4s ease-in-out infinite}.hint-art{animation:hint-wave 3s ease-in-out infinite}.scene-head{position:relative;top:auto;left:auto;right:auto;padding:14px 18px;background:#f7f1e5}.scene-art.asleep{animation:breathe 6s ease-in-out infinite}@keyframes wiggle{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes hint-wave{0%,100%{transform:rotate(0)}50%{transform:rotate(1deg)}}@media(prefers-reduced-motion:reduce){.reaction,.hint-art,.scene-art{animation:none!important}}