#pantryOpen{position:absolute;right:16px;bottom:22px;z-index:18;background:#3f654c;color:#fff8e8;border:2px solid #e6d8b7;border-radius:16px;padding:10px 18px;font-weight:800}
.pantry-failed img{filter:saturate(.3) brightness(.6)}
#pantryDialog[hidden],#kitchenOpen[hidden],.pantry-item[hidden]{display:none!important}
#pantryDialog{position:fixed;inset:12px;z-index:2000;display:flex;flex-direction:column;background:#f7efdd;color:#433b30;border:3px solid #516550;border-radius:22px;box-shadow:0 12px 60px #14201788;overflow:hidden;text-align:left;font:15px/1.5 system-ui,sans-serif}
#pantryDialog header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#345740;color:#fff5db;gap:12px}
#pantryDialog h2{font-size:23px;margin:0}#pantryDialog p{margin:6px 0}#pantryDialog h3{margin:6px 0 12px}
#pantryDialog button,#pantryDialog select,#pantryDialog input{font:inherit;border:1px solid #a9ad98;border-radius:9px;padding:7px 10px;background:#fffaf0;color:#354d3b;cursor:pointer;max-width:100%}
#pantryDialog button:hover{background:#e0ebd9}#pantryDialog button:disabled{opacity:.45;cursor:default}#pantryDialog button:focus-visible{outline:3px solid #d27c32;outline-offset:2px}
#pantryTabs{display:flex;gap:8px;padding:10px 18px 0}#pantryMessage{padding:0 20px;min-height:24px;color:#88501d;font-weight:700}#pantryBody{padding:0 18px 18px;overflow:auto;flex:1;min-height:0}
.pantry-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0 14px}.pantry-filters button[aria-pressed=true]{background:#385c42!important;color:white!important}.pantry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:10px}.pantry-item{display:flex;align-items:center;gap:10px;background:#fffaf0;border:1px solid #d4d6c3;border-radius:13px;padding:10px;min-width:0}.pantry-item img{width:68px;height:68px;object-fit:contain;border-radius:12px;flex-shrink:0;background:#202a22}.pantry-item>div{display:flex;flex-direction:column;min-width:0;gap:3px;overflow-wrap:anywhere}.pantry-item strong{font-size:15px}.pantry-item small,.pantry-item span{font-size:12px;color:#67735f}.pantry-item p{font-size:13px}.pantry-recipes{margin-top:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pantry-empty{padding:25px}
/* Kitchen scene stays separate from shop rooms and the collection wall. */
.kitchen-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:18px}
.kitchen-worktop{align-self:start;background:#e9dcc0;border-radius:18px;padding:12px;min-width:0}
.kitchen-steps{font-weight:800;color:#466049;padding:0 4px 8px}
.kitchen-scene{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:13px;background:#d5b990;isolation:isolate}
.kitchen-background{display:block;width:100%;height:100%;object-fit:cover}
@media(min-width:701px) and (min-height:600px){.kitchen-scene{max-width:calc((100dvh - 460px)*1.5);margin-inline:auto}}
.kitchen-scene-label{position:absolute;top:12px;left:12px;border-radius:20px;padding:5px 12px;color:#fff9eb;background:#3a503de8;font-weight:800;font-size:14px}
.kitchen-dish{position:absolute;left:42%;top:73%;width:14%;aspect-ratio:1;transform:rotate(-5deg);filter:drop-shadow(0 4px 4px #342b2b66)}
.kitchen-dish img{width:100%;height:100%;object-fit:contain;border-radius:50%;border:3px solid #fff1d3;background:#202a22}
.kitchen-scene[data-phase=reveal] .kitchen-dish{animation:kitchen-serve .4s ease-out}
.kitchen-scene[data-phase=eating] .kitchen-dish{animation:kitchen-eat 4s linear forwards}
.kitchen-scene[data-phase=eaten] .kitchen-dish{visibility:hidden}
@keyframes kitchen-serve{from{transform:translateY(-25px) scale(.6);opacity:0}to{transform:rotate(-5deg);opacity:1}}
@keyframes kitchen-eat{0%,20%{transform:scale(1)}30%,45%{transform:scale(.8)}55%,70%{transform:scale(.6)}80%,90%{transform:scale(.3)}100%{transform:scale(0)}}
.kitchen-result{display:flex;align-items:center;gap:14px;border:2px solid #b59b6b;border-radius:13px;background:#fff8e9;margin:12px 0;padding:12px}
.kitchen-result>img{width:94px;height:94px;border-radius:14px;flex-shrink:0}.kitchen-bad-icon{filter:saturate(.3) brightness(.6)}
#pantryDialog .kitchen-result h3{font-size:22px;margin:2px 0;overflow-wrap:anywhere}.kitchen-result small{color:#6d7464}
.kitchen-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.kitchen-actions label{display:flex;gap:5px;align-items:center}
#pantryDialog .kitchen-primary{background:#365f42;color:#fff7e4;min-height:46px;font-weight:800;padding:10px 20px}
.kitchen-selected{display:flex;gap:6px;flex-wrap:wrap;min-height:64px;align-items:center;margin-top:10px}
#pantryDialog .kitchen-selected button{display:flex;align-items:center;gap:5px;padding:4px}.kitchen-selected img{width:38px;height:38px;border-radius:6px}.kitchen-selected small{font-size:12px}
.recipe-hint{font-weight:800;color:#476547}
.kitchen-pantry .pantry-grid{grid-template-columns:1fr}.kitchen-pantry>p{font-size:13px}
.kitchen-meter{position:relative;height:24px;margin:12px 8px 6px;background:linear-gradient(to right,#d9b577 0 50%,#588e57 50% 85%,#cf785d 85%);border:2px solid #fff9eb;border-radius:12px}
#kitchenProgress{position:absolute;top:-5px;height:30px;width:5px;background:#fff;outline:2px solid #334a39;border-radius:3px;transform:translateX(-50%)}
.kitchen-meter-key{font-size:12px;text-align:center;color:#50644d}
@media(prefers-reduced-motion:reduce){.kitchen-dish{animation:none!important}}
.pantry-open .stage> :not(#pantryDialog){pointer-events:none}.pantry-open #pantryDialog{pointer-events:auto}.pantry-open #pantryOpen{visibility:hidden}
@media(max-width:700px){#pantryDialog{inset:4px;border-radius:14px;font-size:13px}#pantryDialog header{padding:8px 12px}#pantryDialog h2{font-size:18px}#pantryBody{padding:0 10px 12px}.pantry-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.pantry-item{padding:7px;gap:6px}.pantry-item img{width:50px;height:50px}.kitchen-layout{grid-template-columns:1fr}.kitchen-worktop{position:static}.pantry-filters input{max-width:145px!important}#pantryOpen{bottom:132px;right:10px}.kitchen-pantry .pantry-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.kitchen-result>img{width:65px;height:65px}#pantryDialog .kitchen-result h3{font-size:18px}}

#pantryDialog .pantry-item{width:100%;text-align:left;box-shadow:none}
.pantry-open .stage{z-index:2100}
#pantryDialog header>div:first-child{display:block}
.inPantryShop #pantryDialog[data-view="shop"]{left:12px;right:auto;top:72px;bottom:12px;width:min(580px,60vw);border-radius:18px}
.inPantryShop:has(#interactionPrompts[data-shop-dock="right"]) #pantryDialog[data-view="shop"]{left:auto;right:12px}
.inPantryShop #pantryDialog[data-view="shop"] h2{font-size:18px}
.inPantryShop.pantry-open #interactionPrompts{visibility:hidden}
@media(max-width:600px){.inPantryShop #pantryDialog[data-view="shop"]{left:4px;right:4px;top:60px;bottom:4px;width:auto}.inPantryShop:has(#interactionPrompts[data-shop-dock="right"]) #pantryDialog[data-view="shop"]{left:4px;right:4px}}

#clawCollection[hidden],#homeTimeControls[hidden]{display:none!important}
.pantry-claw-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px}
.pantry-claw-shelf figure{margin:0;padding:12px;background:#ead9bd;border-radius:10px;border-bottom:7px solid #aa8159;text-align:center}
.pantry-claw-shelf img{width:100%;height:105px;object-fit:contain}
.pantry-claw-shelf figcaption{font-size:13px;line-height:1.5}
#pantryTabs{flex-wrap:wrap}
#homeTimeControls{border:1px solid #a9ad98;border-radius:12px;margin:12px 0;padding:8px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
#homeTimeControls legend{font-size:14px;padding:0 6px}
#homeTimeControls button{min-height:44px;margin:0;padding:8px 12px;font-size:14px}
#homeTimeStatus{flex-basis:100%;font-size:13px}

@media(min-width:1101px) and (min-height:600px){
 #overlay article:has(#homeTimeControls:not([hidden])){width:min(1100px,100vw,calc((100dvh - 390px)*16/9))}
}

.pantry-claw-shelf>p{grid-column:1/-1}
@media(any-pointer:coarse) and (max-width:1100px){
 #homeTimeControls{gap:4px;padding:6px}
 #homeTimeControls button{padding:4px 7px;font-size:13px;line-height:1.3;flex:1}
}
@media(any-pointer:coarse) and (max-width:1100px){
 #overlay #homeTimeStatus{margin:4px 0;font-size:12px;line-height:1.3}
 #pantryOpen,.inPantryShop #pantryOpen{display:none}
}