.biscotte-pet:not([open]){display:none}
.biscotte-pet{width:min(560px,calc(100vw - 24px));max-width:none;max-height:calc(var(--mobile-vh,100dvh) - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:0;border:1px solid #fff8e3;border-radius:24px;background:#faf5e9;color:#405746;box-shadow:0 24px 100px #17362f66;overflow:auto;overscroll-behavior:contain}
.biscotte-pet[open]{display:flex;flex-direction:column}
.biscotte-pet::backdrop{background:#203b349c;backdrop-filter:blur(7px)}
.biscotte-pet>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 20px 15px;flex-shrink:0}
.biscotte-pet header small{font:9px Arial,sans-serif;letter-spacing:1.8px;color:#9c805c}
.biscotte-pet h2{font:30px/1.1 Georgia,serif;margin:6px 0 0;color:#4a644b}
.biscotte-pet #closeBiscottePet{min-width:44px;height:44px;border-radius:50%;font-size:28px;line-height:1;background:#e9eddd;align-self:flex-start}
.biscotte-pet-stage{position:relative;width:calc(100% - 24px);margin:0 12px;aspect-ratio:1;flex-shrink:0;overflow:hidden;border-radius:19px;background:#c6c5a2;outline-offset:-5px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab;isolation:isolate}
.biscotte-pet-stage:active{cursor:grabbing}
.biscotte-pose{position:absolute;inset:0;background-image:var(--pet-art);background-size:200% 100%;background-position:0 0;transform:rotate(var(--pet-lean,0deg)) scale(1.012);transition:transform .24s ease;pointer-events:none}
.biscotte-pose-happy{background-position:100% 0;opacity:0;transition:opacity .28s ease,transform .24s ease}
.is-petted .biscotte-pose-happy{opacity:1}
.biscotte-hearts{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.biscotte-hearts span{position:absolute;font-size:25px;color:#ba674b;text-shadow:0 2px 4px #fff5db;animation:biscotte-heart .85s ease-out forwards;transform:translate(-50%,-50%)}
.biscotte-hand{position:absolute;pointer-events:none;transform:translate(-25%,-20%) rotate(-18deg);font-size:34px;filter:drop-shadow(0 2px 3px #394d3733)}
.biscotte-pet footer{padding:15px 20px 19px;text-align:center;flex-shrink:0}
.biscotte-pet footer>p{font:13px/1.4 Arial,sans-serif;min-height:19px;margin:0 0 7px;color:#8e6549}
.biscotte-pet footer>small{display:block;font:12px/1.5 Arial,sans-serif;color:#7e866c}
.biscotte-pet #biscotteSound{margin-top:12px;min-height:44px;padding:10px 16px;border-radius:12px;background:#e9eddf;color:#596e50;font:12px Arial,sans-serif}
.biscotte-pet #biscotteSound[aria-pressed="true"]{background:#536f53;color:#fff9e9}
@keyframes biscotte-heart{from{opacity:.9;transform:translate(-50%,-50%) scale(.7)}to{opacity:0;transform:translate(-30%,-100px) scale(1.15)}}
@media(max-height:750px) and (orientation:portrait){.biscotte-pet-stage{width:min(calc(100% - 24px),calc(var(--mobile-vh,100dvh) - 235px));min-width:150px;align-self:center}.biscotte-pet>header{padding:14px 16px 12px}.biscotte-pet h2{font-size:27px}.biscotte-pet footer{padding:12px 16px}}
@media(max-height:600px) and (orientation:landscape){.biscotte-pet[open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,1fr);width:min(760px,calc(100vw - 32px));padding:12px;gap:8px;align-items:center}.biscotte-pet>header{grid-column:2;grid-row:1;align-self:start;padding:6px 4px}.biscotte-pet-stage{grid-column:1;grid-row:1/3;width:100%;max-width:calc(var(--mobile-vh,100dvh) - 52px);margin:0;justify-self:center}.biscotte-pet footer{grid-column:2;grid-row:2;padding:8px 12px}.biscotte-pet h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.biscotte-pose,.biscotte-pose-happy{transition:none;transform:none}.biscotte-hearts span{animation:none;display:none}}
/* Small, refillable bowls share the close-up; no perpetual animation. */
.biscotte-pet>header{position:sticky;top:0;z-index:3;background:#faf5e9}
.biscotte-pet-stage{width:min(calc(100% - 24px),max(220px,calc(var(--mobile-vh,100dvh) - 420px)));align-self:center}
.biscotte-bowls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px;text-align:left}
.biscotte-bowl{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:7px;padding:10px;border:1px solid #dfddc8;border-radius:15px;background:#eeefdf}
.biscotte-bowl svg{width:64px;height:43px;overflow:visible}
.biscotte-bowl h3{margin:0 0 3px;font:600 12px/1.3 Arial,sans-serif;color:#56684e}
.biscotte-bowl small{font:10px/1.4 Arial,sans-serif;color:#7e856c;display:block}
.biscotte-bowl-content{transform-box:fill-box;transform-origin:center bottom;transform:scaleY(var(--bowl-level,1))}
.biscotte-bowl-meter{grid-column:1/-1;height:5px;background:#d9dcc4;border-radius:5px;overflow:hidden}
.biscotte-bowl-meter span{display:block;height:100%;width:calc(var(--bowl-level,1)*100%);background:#799eaa;border-radius:5px}
#biscotteBowl-food .biscotte-bowl-meter span{background:#b98b60}
.biscotte-bowl.is-low small{color:#a26845;font-weight:600}
.biscotte-bowl button{grid-column:1/-1;width:100%;min-height:44px;padding:9px 8px;border-radius:10px;background:#557254;color:#fff9e9;font:12px Arial,sans-serif}
.biscotte-bowl button:disabled{background:#e0e6d2;color:#6d7f5c;cursor:default}
.biscotte-pet footer>.biscotte-bowls-status{font-size:11px;min-height:0;margin:8px 0 0;color:#8d684b}
.biscotte-bowls-status:empty{display:none}
.biscotte-pet footer>.biscotte-bowls-note{font-size:10px;line-height:1.5;margin-top:8px;color:#90947d}
@media(max-width:380px){.biscotte-bowl{grid-template-columns:48px minmax(0,1fr);padding:8px;gap:6px}.biscotte-bowl svg{width:48px;height:36px}.biscotte-bowl h3{font-size:11px}.biscotte-bowl small{font-size:9px}}
@media(max-height:750px) and (orientation:portrait){.biscotte-pet-stage{width:min(calc(100% - 24px),max(180px,calc(var(--mobile-vh,100dvh) - 420px)));min-width:0}.biscotte-pet footer{padding-top:10px}}
@media(max-height:600px) and (orientation:landscape){.biscotte-pet>header{position:static}.biscotte-pet-stage{width:100%;max-width:calc(var(--mobile-vh,100dvh) - 52px)}.biscotte-bowl{grid-template-columns:48px minmax(0,1fr);padding:7px;gap:5px}.biscotte-bowl svg{width:48px;height:36px}.biscotte-bowls{margin-top:9px}.biscotte-pet footer>small{font-size:10px}}
.room-bowl{cursor:pointer;outline:none}.room-bowl-focus{opacity:0;pointer-events:none}.room-bowl:hover .room-bowl-focus,.room-bowl:focus-visible .room-bowl-focus{opacity:1}.room-bowl-content{transform-box:fill-box;transform-origin:center bottom;transform:scaleY(var(--room-bowl-level,1))}.room-bowl-status{position:absolute;z-index:8;left:50%;bottom:50px;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 16px;margin:0;border-radius:14px;border:1px solid #fff5df;background:#faf5e9f5;color:#5c7251;box-shadow:0 5px 20px #28443722;text-align:center;font:13px/1.5 Arial,sans-serif;pointer-events:none}.room-bowl-low{pointer-events:none}
@media(max-width:760px),(max-width:1024px) and (max-height:600px){.room-bowl-status{bottom:calc(var(--mobile-bottom) + 72px);width:max-content;font-size:12px}}