#room-dialog[data-room=kitchen]{width:min(1480px,96vw);max-width:none;max-height:96svh;padding:0;background:#321b12;overflow:auto}
#room-dialog[data-room=kitchen] #dialog-content{max-height:none;padding:0}
.kitchen-scene{position:relative;isolation:isolate;width:min(1480px,95vw);max-width:100%;height:85svh;min-height:620px;max-height:1050px;overflow:hidden;border-radius:18px;background:#321b12;color:#fff2ce;font-family:inherit;font-size:16px;text-align:left}
.kitchen-scene *{box-sizing:border-box}
.kitchen-scene button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.kitchen-scene button:focus-visible{outline:3px solid #fff0b8;outline-offset:7px}
.kitchen-scene button:disabled{cursor:default}
.kitchen-scene [hidden]{display:none!important}
.kitchen-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-4}
.kitchen-light{position:absolute;inset:0;z-index:-3;background:linear-gradient(180deg,#1f140bd9 0%,#24140b32 26%,transparent 44%,#25140922 62%,#1d100bd9 100%),linear-gradient(90deg,#1d160b33,transparent 70%);pointer-events:none}
.kitchen-heading{position:absolute;left:4%;top:5%;max-width:65%;text-shadow:0 3px 20px #1a0d06;pointer-events:none}
.kitchen-heading>span{font-size:13px;letter-spacing:.2em;font-weight:700;color:#eac58b}
.kitchen-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,4vw,64px);font-weight:500;line-height:1.06;letter-spacing:-.035em;margin:13px 0 15px;color:#fff0ce}
.kitchen-heading p{font-size:18px;line-height:1.55;margin:0;color:#f7dfb9}
.kitchen-piet-hotspot{position:absolute;left:12%;top:23%;width:22%;height:21%;border:0;background:transparent;z-index:2;display:flex;align-items:center;justify-content:end;flex-direction:column;gap:8px;filter:drop-shadow(0 3px 8px #160e09)}
.kitchen-piet-marker{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;border:1px solid #edc17d;border-radius:50%;font:italic 28px Georgia,serif;color:#ffe7b1;background:#4a2818d6;box-shadow:0 0 0 7px #f2c77b18;transition:transform .2s,background .2s}
.kitchen-piet-hotspot:hover .kitchen-piet-marker{transform:scale(1.12);background:#844927}
.kitchen-piet-label{padding:7px 12px;background:#302016d9;border-radius:5px;color:#ffedc6;font-size:16px;white-space:nowrap}
.kitchen-piet-speech{position:absolute;left:30%;top:31%;max-width:290px;padding:20px 22px;background:#fff2d5;color:#533122;border-radius:19px 19px 19px 2px;box-shadow:0 9px 30px #24120765;z-index:5;animation:kitchen-bubble-in .25s ease-out}
.kitchen-piet-speech::before{content:'';position:absolute;bottom:1px;left:-14px;border-style:solid;border-width:16px 19px 0 0;border-color:transparent #fff2d5 transparent transparent}
.kitchen-piet-speech p{font:italic 22px/1.35 Georgia,serif;margin:0 0 14px;color:#533122}
.kitchen-piet-speech button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:46px;padding:10px 15px;border:1px solid #b17642;border-radius:7px;background:#8e3e2b;color:#fff0d0;font-weight:700;font-size:16px}
.kitchen-piet-speech button:disabled{background:#e5d4b5;border-color:#b59d77;color:#6e5034;font-size:14px}
.kitchen-piet-speech button:focus-visible{outline-color:#9c512d}
.kitchen-counter{position:absolute;left:0;right:0;bottom:0;height:28%;background:linear-gradient(180deg,#53301a00 0%,#6b41232e 14%,#3923159e 50%,#22170ee8 100%);z-index:-1;pointer-events:none}
.kitchen-tabletop{position:absolute;bottom:120px;left:5%;right:5%;height:38%;display:grid;grid-template-columns:1.05fr 1.15fr .8fr;gap:5%;align-items:end;z-index:3}
.kitchen-station{min-width:0;min-height:0;position:relative;display:grid;grid-template-rows:minmax(0,1fr) 44px;justify-items:center;text-align:center;height:100%;width:100%}
.kitchen-object{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:end;justify-items:center;width:100%;height:100%;min-height:0;border:0;background:transparent;color:#f6dfad;transition:filter .2s,transform .2s;filter:drop-shadow(0 4px 12px #150c0638)}
.kitchen-object:hover{filter:drop-shadow(0 0 13px #f5c77490)}
.kitchen-object:active{transform:translateY(3px)}
.kitchen-object>svg{display:block;grid-row:1;max-width:100%;height:100%;max-height:100%;overflow:visible;min-height:0;align-self:end}
.kitchen-cocoa-button>.kitchen-pot{width:min(100%,290px);max-height:235px}
.kitchen-cookie-button>.kitchen-tray{width:min(100%,320px);max-height:210px}
.kitchen-bell-button>svg{width:130px;max-height:176px;transform-origin:50% 20%}
.kitchen-plaque{display:block;grid-row:2;position:relative;margin-top:2px;max-width:100%;padding:11px 18px;border:1px solid #bd8a4c;border-radius:7px;background:linear-gradient(180deg,#754628,#4b2c1a);box-shadow:0 4px 0 #25160f,0 7px 18px #190b0855,inset 0 1px #eac08945;color:#fff0c8;font-size:17px;font-weight:700;line-height:1.25;white-space:normal;min-height:44px}
.kitchen-plaque::before,.kitchen-plaque::after{content:'';position:absolute;top:50%;height:4px;width:4px;border-radius:50%;background:#d7ac69;box-shadow:0 1px 1px #1f100d;transform:translateY(-50%)}
.kitchen-plaque::before{left:7px}.kitchen-plaque::after{right:7px}
.kitchen-object-note{display:block;min-height:38px;padding-top:14px;font-size:16px;line-height:1.3;color:#edd5af;text-shadow:0 2px 8px #100906}
.kitchen-stir-progress{display:flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding-top:12px}
.kitchen-stir-progress span{width:22px;height:22px;color:#ad8a5b77;transition:color .3s,transform .3s}
.kitchen-stir-progress span.kitchen-step-done{color:#ffcf7a;transform:scale(1.13);filter:drop-shadow(0 0 5px #e3b45b88)}
.kitchen-stir-progress svg{display:block;width:100%;height:100%}
.kitchen-spoon{transform-origin:53% 49%;transition:transform .3s}
.kitchen-is-stirring .kitchen-spoon{animation:kitchen-stir .8s ease-in-out}
.kitchen-is-stirring .kitchen-cocoa-swirl{animation:kitchen-swirl .8s linear}
.kitchen-steam{opacity:.65;animation:kitchen-steam-rise 3.3s ease-in-out infinite;transform-origin:center}
.kitchen-steam path:nth-child(2){opacity:.6}.kitchen-steam path:nth-child(3){opacity:.75}
.kitchen-cocoa-button>.kitchen-cup{position:absolute;width:90px;height:100px;max-height:none;right:0;bottom:51px;opacity:0;transform:translateY(20px) scale(.8);transition:opacity .5s,transform .5s;pointer-events:none}
.kitchen-cocoa-ready .kitchen-cocoa-button>.kitchen-cup{opacity:1;transform:translateY(0) scale(1)}
.kitchen-cocoa-ready .kitchen-cocoa-button .kitchen-plaque{border-color:#edcb7d;background:linear-gradient(#78613b,#51402b)}
.kitchen-cup-cheers{animation:kitchen-cheers .65s ease-in-out!important}
.kitchen-cookie-on-tray{opacity:1;transition:opacity .25s}
.kitchen-cookie-on-tray.kitchen-cookie-gone{opacity:0}
.kitchen-cookie-bounce .kitchen-tray{animation:kitchen-cookie-tap .6s ease-in-out}
.kitchen-bell-ringing>svg{animation:kitchen-ring .9s ease-in-out}
.kitchen-piet-stealing .kitchen-piet-marker{background:#a65c2e}
.kitchen-piet-caught .kitchen-piet-marker{background:#844633;border-color:#ffe3a3}
.kitchen-footer{position:absolute;left:4%;right:4%;bottom:21px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:14px;border-top:1px solid #e5bd782c;z-index:5}
.kitchen-status{flex:1;font-family:inherit;font-size:17px;line-height:1.45;margin:0;max-width:720px;min-height:48px;display:flex;align-items:center;color:#fff0d2;text-shadow:0 2px 6px #0f0807}
.kitchen-feast-button{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:50px;padding:14px 23px;border:1px solid #e6be74;border-radius:8px;background:#f0d19a;color:#4c2b1e;white-space:nowrap;font-size:16px;font-weight:700;box-shadow:0 5px 18px #16090540}
.kitchen-feast-button:hover{background:#ffe4b2}
.kitchen-effects{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}
.kitchen-crumb{position:absolute;display:block;width:7px;height:5px;border:1px solid #8c4e26;border-radius:2px;background:#d29c58;animation:kitchen-crumb-fall .9s ease-out forwards}
.kitchen-stolen-cookie{position:absolute;display:block;width:65px;height:65px;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 5px #190b0866);animation:kitchen-cookie-steal 1.35s cubic-bezier(.42,0,.24,1) forwards}
.kitchen-stolen-cookie svg{width:100%;height:100%}
@keyframes kitchen-stir{0%,100%{transform:rotate(0deg) translateX(0)}25%{transform:rotate(-22deg) translateX(-9px)}50%{transform:rotate(10deg) translateX(14px)}75%{transform:rotate(24deg) translateX(3px)}}
@keyframes kitchen-swirl{50%{opacity:.3;stroke-width:5}100%{opacity:1}}
@keyframes kitchen-steam-rise{0%,100%{transform:translateY(2px);opacity:.45}50%{transform:translateY(-12px);opacity:.8}}
@keyframes kitchen-ring{0%,100%{transform:rotate(0)}15%,45%,75%{transform:rotate(15deg)}30%,60%,90%{transform:rotate(-15deg)}}
@keyframes kitchen-cookie-tap{35%{transform:translateY(-5px) rotate(-3deg)}70%{transform:rotate(2deg)}}
@keyframes kitchen-cheers{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-20px) rotate(-8deg)}}
@keyframes kitchen-crumb-fall{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--crumb-x),var(--crumb-y)) rotate(var(--crumb-rotate))}}
@keyframes kitchen-cookie-steal{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}30%{opacity:1;transform:translate(calc(var(--cookie-dx)*.25),calc(var(--cookie-dy)*.5 - 35px)) rotate(-25deg) scale(1.1)}90%{opacity:1}100%{opacity:0;transform:translate(var(--cookie-dx),var(--cookie-dy)) rotate(40deg) scale(.45)}}
@keyframes kitchen-bubble-in{from{opacity:0;transform:translateY(7px) scale(.95)}to{opacity:1;transform:none}}
@media(min-width:1400px){.kitchen-tabletop{bottom:115px;height:42%}.kitchen-cocoa-button>.kitchen-pot{max-height:285px}.kitchen-cookie-button>.kitchen-tray{max-height:245px}.kitchen-bell-button>svg{width:155px;max-height:210px}.kitchen-cocoa-button>.kitchen-cup{width:105px;height:120px;right:8%}}
@media(max-width:800px){.kitchen-scene{min-height:680px;height:88svh;border-radius:13px}.kitchen-heading{top:5%;left:5%;max-width:80%}.kitchen-heading h2{font-size:44px;max-width:450px}.kitchen-heading p{font-size:17px;line-height:1.5}.kitchen-tabletop{left:3%;right:3%;gap:2%;bottom:145px;height:31%;grid-template-columns:1fr 1fr .72fr}.kitchen-plaque{font-size:16px;padding:10px 13px}.kitchen-object-note{font-size:14px;min-height:47px}.kitchen-cocoa-button>.kitchen-cup{width:65px;height:80px;bottom:60px;right:-4px}.kitchen-footer{bottom:20px;gap:14px;align-items:start;flex-direction:column}.kitchen-status{font-size:16px;min-height:45px;max-width:100%;line-height:1.4}.kitchen-feast-button{min-height:46px;align-self:flex-end;padding:10px 17px}.kitchen-piet-hotspot{left:8%;top:33%;width:24%;height:20%}.kitchen-piet-speech{left:30%;top:31%;max-width:245px;padding:15px 18px}.kitchen-piet-speech p{font-size:20px}.kitchen-piet-label{font-size:14px}.kitchen-bell-button>svg{width:95px;max-height:140px}}
@media(max-width:520px){.kitchen-scene{min-height:770px;height:90svh;max-height:none;width:100%;border-radius:10px}.kitchen-backdrop{object-position:36% center}.kitchen-heading{top:25px;left:6%;max-width:80%}.kitchen-heading>span{font-size:11px;letter-spacing:.16em}.kitchen-heading h2{font-size:44px;margin-top:12px;line-height:1.04;max-width:290px}.kitchen-heading p{font-size:16px;line-height:1.4;max-width:280px}.kitchen-heading p br{display:none}.kitchen-piet-hotspot{left:5%;top:30%;width:28%;height:18%}.kitchen-piet-label{font-size:13px;padding:7px 8px;white-space:normal}.kitchen-piet-speech{left:34%;top:29%;max-width:60%;padding:14px;border-radius:15px 15px 15px 2px}.kitchen-piet-speech p{font-size:18px;margin-bottom:11px}.kitchen-piet-speech button{font-size:14px;padding:8px 10px;gap:6px}.kitchen-tabletop{bottom:230px;left:3%;right:3%;height:27%;gap:0;grid-template-columns:1fr 1fr}.kitchen-cocoa-station,.kitchen-cookie-station{align-self:end;height:100%;grid-template-rows:minmax(0,1fr) 48px}.kitchen-cocoa-button>.kitchen-pot{max-height:175px}.kitchen-cookie-button>.kitchen-tray{max-height:146px}.kitchen-plaque{font-size:16px;min-height:46px;padding:9px 13px;max-width:95%}.kitchen-stir-progress{min-height:35px;padding-top:10px}.kitchen-object-note{min-height:38px;font-size:13px;padding-top:11px;max-width:95%}.kitchen-bell-station{position:absolute;display:flex;left:5%;bottom:-87px;width:48%;height:62px}.kitchen-bell-button{display:flex;flex-direction:row;gap:6px;height:62px;justify-content:start}.kitchen-bell-button>svg{width:46px;height:60px;max-height:none;flex:none}.kitchen-bell-button .kitchen-plaque{font-size:13px;padding:8px 10px;max-width:100px;min-height:44px}.kitchen-bell-station>.kitchen-object-note{display:none}.kitchen-cocoa-button>.kitchen-cup{right:0;bottom:57px;width:55px;height:70px}.kitchen-footer{bottom:20px;left:6%;right:6%;gap:12px}.kitchen-status{font-size:16px;line-height:1.4;min-height:90px}.kitchen-feast-button{position:absolute;right:0;bottom:128px;max-width:45%;white-space:normal;padding:10px 12px;gap:10px;font-size:15px}.kitchen-counter{height:42%}.kitchen-stolen-cookie{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.kitchen-scene *,.kitchen-scene *::before,.kitchen-scene *::after{animation:none!important;transition:none!important}.kitchen-stolen-cookie{opacity:0}.kitchen-steam{opacity:.7}}
