:root{color:#393d2b;font-synthesis:none;background:#eeeadb;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{background:radial-gradient(at top,#faf6e9,#eeeadb 75%);min-width:280px;margin:0}.home{width:min(100% - 32px,768px);margin:0 auto;padding:28px 0 26px}header{text-align:center;margin-bottom:18px}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#7b8060;font-family:system-ui,sans-serif;font-size:11px}h1{margin:12px 0;font-size:clamp(29px,6vw,44px);font-weight:500}.intro{color:#797963;max-width:450px;margin:0 auto;font-size:15px;line-height:1.6}.room{background:#dcc69a;border:4px solid #8b6745;border-radius:10px;outline:1px solid #624b35;width:fit-content;min-width:200px;min-height:264px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 14px 30px #57412d20}#game{line-height:0}.room-bar{justify-content:space-between;align-items:center;gap:12px;max-width:420px;margin:0 auto 10px;display:flex}.room-bar h2{margin:0;font-size:20px;font-weight:500}#map-open{padding:8px 16px;font-size:15px}#house-map{width:fit-content;max-width:calc(100% - 16px);color:inherit;text-align:center;background:#eeeadb;border:4px solid #8b6745;border-radius:12px;padding:14px 14px 12px}#house-map::backdrop{background:#2b211880}#house-map h2{margin:0 0 10px;font-weight:500}.map-hill{aspect-ratio:180/320;width:270px;image-rendering:pixelated;background:url(/assets/house/house-map.png) 0 0/100% 100%;margin:0 auto;position:relative}.map-hill button{box-shadow:none;background:0 0;border:0;border-radius:42% 42% 14% 14%;justify-content:center;align-items:flex-end;padding:0 0 6px;display:flex;position:absolute}.map-hill button:hover,.map-hill button:active{box-shadow:none;background:#fff3d322;transform:none}.map-hill button span{color:#fff3d3;background:#3a2a1cd0;border-radius:6px;margin:0;padding:2px 8px;font-size:13px}.map-hill button[data-lit=true]{background:radial-gradient(at 50% 55%,#ffd77a99,#ffd77a00 70%);animation:2.4s ease-in-out infinite alternate lit}.map-hill button[aria-current] span{background:#5c724a}.map-hill button:disabled{opacity:1;background:#1e140c55}.map-hill button:disabled span{opacity:.7}@keyframes lit{0%{filter:brightness()}to{filter:brightness(1.25)}}@media (prefers-reduced-motion:reduce){.map-hill button[data-lit=true]{animation:none}}.map-hint{color:#777b63;margin:10px 0;font-size:13px}.map-close{padding:9px 18px;font-size:15px}canvas{image-rendering:pixelated;display:block}#loading{text-align:center;color:#504c39;position:absolute;inset:45% 0 auto}.interaction{justify-content:space-between;align-items:center;gap:20px;margin-top:23px;display:flex}#mood{max-width:420px;margin:0;font-size:16px;line-height:1.5}button{color:#fff9e7;cursor:pointer;background:#5c724a;border:1px solid #4f623e;border-radius:7px;flex-shrink:0;padding:14px 20px;font-family:inherit;font-size:16px;box-shadow:0 3px #415134}button:hover{background:#687f53}button:active{transform:translateY(2px);box-shadow:0 1px #415134}button:focus-visible{outline-offset:4px;outline:3px solid #ab7d40}button:disabled{opacity:.55;cursor:default}button span{margin-left:10px}.hint{color:#888975;text-align:center;margin-top:20px;font-family:system-ui,sans-serif;font-size:11px}.needs{background:#f7f3e7;border:1px solid #d8d4bf;border-radius:9px;align-items:center;gap:24px;margin-top:22px;padding:17px 20px;display:flex}.need-card{flex:1;min-width:0}.need-label{width:100%;box-shadow:none;color:#555d42;text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:9px;padding:0;font-size:15px;display:flex}.need-label:hover,.need-label:active{box-shadow:none;background:0 0;transform:none}.need-label span{margin:0}#satiety-label{color:#7c8069;margin-left:auto;font-size:13px}.need-meter{background:#e3decb;border-radius:3px;height:8px;margin:9px 0 0;overflow:hidden}#satiety-fill{background:#879a65;width:75%;height:100%;transition:width .5s;display:block}.need-meter[data-hungry=true] #satiety-fill{background:#b6955e}#satiety-help{color:#777b63;margin:10px 0 0;font-size:13px;line-height:1.5}.feed-button{background:#aa7d49;border-color:#8e653a;font-size:15px;box-shadow:0 3px #805b35}.feed-button:hover{background:#b58855}.feed-button:active{box-shadow:0 1px #805b35}.save-note{color:#80704f;font-family:system-ui,sans-serif;font-size:12px;line-height:1.5}@media (width<=550px){.needs{flex-direction:column;align-items:stretch;gap:16px;padding:15px}.feed-button{align-self:center}}@media (prefers-reduced-motion:reduce){#satiety-fill{transition:none}}@media (width<=550px){.home{padding-top:12px}header{margin-bottom:10px}h1{margin:6px 0 0;font-size:26px}.eyebrow,.intro{display:none}.interaction{text-align:center;flex-direction:column;gap:16px}#mood{min-height:48px}}