/* Backstube V165 — actual transferred colored-pencil illustrations, no recreated icons. */
#app:has(.zw165){height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}
#app:has(.zw165)>.app-header{display:none!important}
#app:has(.zw165) #zw95Restart{display:none!important}
#app .zw165{
 height:100dvh!important;max-height:100dvh!important;min-height:0!important;
 flex:1 1 0!important;width:100%!important;overflow:hidden!important;
 padding:0!important;margin:0!important;isolation:isolate!important;
 background:#faebd4 url('/bakery-v165/kitchen-stage.webp') center/100% 100% no-repeat!important;
 touch-action:manipulation!important;
}
#app .zw165 img{display:block!important;object-fit:contain!important;-webkit-user-drag:none!important;pointer-events:none!important;max-width:100%!important;max-height:100%!important}
#app .zw165 button{cursor:pointer!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}
#app .zw165 button:focus-visible{outline:4px dashed #9b653c!important;outline-offset:2px!important}
#app .zw165 .zw160-canvas{
 position:relative!important;z-index:3!important;
 width:min(100%,800px)!important;height:100%!important;
 max-height:100%!important;min-height:0!important;
 margin:0 auto!important;
 padding:clamp(80px,12dvh,110px) clamp(9px,2.2vw,18px) max(12px,env(safe-area-inset-bottom))!important;
 gap:clamp(4px,1dvh,10px)!important;
 background:none!important;isolation:isolate!important;
}
#app .zw165 .zw160-effects{pointer-events:none!important}
#app .zw165-intro{
 background:#f7dfbd url('/bakery-v165/intro-scene.webp') center/100% 100% no-repeat!important;
}
#app .zw165-intro .zw160-canvas{
 width:100%!important;max-width:none!important;inset:0!important;position:absolute!important;
 padding:0!important;display:block!important;
}
#app .zw165-intro-home,
#app .zw165-intro-hint,
#app .zw165-intro-restart,
#app .zw165-start-hit{
 position:absolute!important;z-index:20!important;
 background:transparent!important;border:0!important;outline-offset:2px!important;
 box-shadow:none!important;opacity:0!important;touch-action:manipulation!important;
}
#app .zw165-intro-home{left:2%!important;top:.5%!important;width:18%!important;height:12%!important}
#app .zw165-intro-hint{right:14%!important;top:.5%!important;width:13%!important;height:11%!important}
#app .zw165-intro-restart{right:1%!important;top:.5%!important;width:13%!important;height:11%!important}
#app .zw165-start-hit{left:29%!important;bottom:2%!important;width:43%!important;height:22%!important;border-radius:50%!important}
#app .zw165-room-decor{position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;overflow:hidden!important}
#app .zw165-room-decor img{position:absolute!important;object-fit:contain!important;max-width:unset!important;max-height:unset!important}
#app .zw165-window{left:-7%!important;top:12%!important;width:51%!important;height:42%!important}
#app .zw165-shelf{right:-6%!important;top:15%!important;width:57%!important;height:33%!important}
#app .zw165-poster{left:42%!important;top:32%!important;width:21%!important;height:18%!important}
#app .zw165-towel{right:1%!important;top:33%!important;width:18%!important;height:22%!important}
#app .zw165-topbar{
 position:absolute!important;top:max(8px,env(safe-area-inset-top))!important;
 left:1.5%!important;right:1.5%!important;height:clamp(55px,9dvh,77px)!important;
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 gap:clamp(3px,1vw,10px)!important;z-index:25!important;pointer-events:none!important;
}
#app .zw165-topbar button{
 width:clamp(53px,15vw,76px)!important;height:clamp(53px,15vw,76px)!important;
 display:grid!important;place-items:center!important;padding:0!important;
 margin:0!important;border:0!important;border-radius:50%!important;
 background:transparent!important;pointer-events:auto!important;
 filter:drop-shadow(0 3px 3px #8a593e50)!important;
}
#app .zw165-topbar button img{width:100%!important;height:100%!important;object-fit:contain!important}
#app .zw165-header-home{margin-right:auto!important}
#app .zw165-topbar button:active{transform:scale(.94)!important}
#app .zw165-stage-title{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
#app .zw165-stage-title img{width:min(95%,450px)!important;height:100%!important;object-fit:contain!important}
#app .zw165-choose .zw160-canvas{
 grid-template-rows:clamp(76px,15%,142px) clamp(90px,23%,195px) minmax(0,1fr)!important;
}
#app .zw165-choose .zw160-choose-friends{min-height:0!important;display:flex!important;align-items:flex-end!important;justify-content:space-around!important;position:relative!important;z-index:2!important}
#app .zw165-choose .zw160-choose-friends img{width:36%!important;height:98%!important;object-position:center bottom!important;filter:drop-shadow(0 3px 2px #65482e3c)!important}
#app .zw165 .zw160-recipe-grid{
 min-height:0!important;max-height:100%!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 grid-template-rows:repeat(2,minmax(0,1fr))!important;
 background:#fff4dcdd url('/bakery-v165/instruction.webp') center/100% 100% no-repeat!important;
 border:0!important;box-shadow:none!important;
 border-radius:26px!important;gap:clamp(3px,.8vw,10px)!important;
 padding:clamp(12px,3vw,28px)!important;
 align-items:center!important;justify-items:center!important;
}
#app .zw165 .zw160-recipe{
 width:min(100%,clamp(75px,23vw,152px))!important;
 max-height:96%!important;min-height:0!important;height:auto!important;
 aspect-ratio:1!important;
 background:none!important;
 border:0!important;border-radius:50%!important;
 padding:0!important;margin:0!important;
 box-shadow:none!important;filter:drop-shadow(0 3px 3px #7e55364d)!important;
 display:grid!important;place-items:center!important;
 transition:transform .15s ease!important;
}
#app .zw165 .zw160-recipe img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;filter:none!important}
#app .zw165 .zw160-recipe:active{transform:scale(.94) translateY(2px)!important}
#app .zw165-collect .zw160-canvas,
#app .zw165-mix .zw160-canvas,
#app .zw165-bake .zw160-canvas{
 grid-template-rows:clamp(96px,18%,142px) minmax(0,1fr) clamp(120px,27%,195px)!important;
}
#app .zw165 .zw160-lesson{
 min-height:0!important;min-width:0!important;
 padding:clamp(9px,2vw,18px) clamp(15px,3vw,22px)!important;
 border:0!important;border-radius:25px!important;box-shadow:none!important;
 background:#fff4dfdc url('/bakery-v165/instruction.webp') center/100% 100% no-repeat!important;
 filter:drop-shadow(0 3px 3px #70513836)!important;
}
#app .zw165 .zw160-count-pictures{max-width:64%!important}
#app .zw165 .zw160-count-item{width:clamp(30px,12vw,67px)!important}
#app .zw165 .zw160-count-item img{width:100%!important;height:100%!important}
#app .zw165 .zw160-tool-image{width:clamp(56px,14vw,100px)!important;height:88%!important}
#app .zw165 .zw160-lesson-end-image{height:93%!important;max-height:93%!important}
#app .zw165 .zw160-lesson-end{height:95%!important}
#app .zw165 .zw160-tray{
 border:0!important;box-shadow:none!important;
 padding:clamp(13px,2vw,24px)!important;
 background:#fff4dfdf url('/bakery-v165/instruction.webp') center/100% 100% no-repeat!important;
 gap:clamp(3px,1vw,10px)!important;
 min-height:0!important;max-height:100%!important;
}
#app .zw165 .zw160-ingredient{
 background:transparent!important;
 box-shadow:none!important;filter:drop-shadow(0 3px 2px #6e4a3040)!important;
 border:0!important;padding:0!important;
 max-width:100%!important;width:100%!important;
 aspect-ratio:1!important;max-height:100%!important;
 display:grid!important;place-items:center!important;
}
#app .zw165 .zw160-ingredient img{
 width:100%!important;height:100%!important;
 max-width:100%!important;max-height:100%!important;
 filter:none!important;object-fit:contain!important;
}
#app .zw165 .zw160-ingredient:active{transform:scale(.94)!important}
#app .zw165 .zw160-scene,#app .zw165 .zw160-oven-scene,#app .zw165 .zw160-win-scene{
 min-height:0!important;min-width:0!important;width:100%!important;height:100%!important;
}
#app .zw165 .zw160-characters{position:absolute!important;inset:0!important;z-index:5!important;pointer-events:none!important}
#app .zw165 .zw160-character{
 position:absolute!important;bottom:1%!important;width:40%!important;height:69%!important;
 z-index:5!important;pointer-events:auto!important;background:none!important;filter:none!important;
}
#app .zw165 .zw160-moritz{left:0!important}
#app .zw165 .zw160-igor{right:0!important}
#app .zw165 .zw160-character img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important}
#app .zw165 .zw160-bowl-unit{
 width:68%!important;left:16%!important;height:65%!important;bottom:1%!important;
 display:grid!important;place-items:center!important;
 filter:drop-shadow(0 4px 3px #75523545)!important;
 z-index:7!important;
}
#app .zw165 .zw160-bowl-base{width:100%!important;height:100%!important;object-fit:contain!important;z-index:2!important}
#app .zw165 .zw160-bowl-foreground{
 width:100%!important;height:100%!important;z-index:9!important;object-fit:contain!important;
}
#app .zw165 .zw164-ingredients-in-bowl{
 z-index:8!important;left:17%!important;top:21%!important;width:67%!important;height:39%!important;
}
#app .zw165 .zw164-bowl-food{height:89%!important}
#app .zw165 .zw160-bowl-target{z-index:11!important;top:20%!important;left:12%!important;width:76%!important;height:65%!important}
#app .zw165 .zw160-whisk-actor{
 position:absolute!important;left:38%!important;top:-6%!important;width:25%!important;height:55%!important;
 transform-origin:49% 75%!important;z-index:8!important;
}
#app .zw165 .zw160-whisk-art{width:100%!important;height:100%!important;object-fit:contain!important;transform:rotate(180deg)!important;filter:drop-shadow(0 2px 2px #523f2d66)!important}
#app .zw165.zw160-stirring .zw160-whisk-actor{animation:zw161-whisk-circle .63s ease-in-out infinite!important}
#app .zw165.zw161-manual .zw160-whisk-actor{animation:none!important;transform:translate(var(--zw161-x,0px),var(--zw161-y,0px)) rotate(var(--zw161-angle,0deg))!important}
#app .zw165 .zw160-mix-bottom{justify-content:center!important;gap:3px!important}
#app .zw165 .zw160-circle{width:clamp(76px,20vw,105px)!important;height:clamp(76px,20vw,105px)!important;background:none!important;padding:0!important;filter:drop-shadow(0 4px 3px #7453335a)!important;border:0!important;box-shadow:none!important}
#app .zw165 .zw160-circle img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;filter:none!important}
#app .zw165 .zw160-circle:active{transform:scale(.95)!important}
#app .zw165 .zw160-tool-image[src*="/whisk.webp"]{transform:rotate(180deg)!important}
#app .zw165 .zw160-oven-wrap{
 left:25%!important;width:50%!important;height:73%!important;bottom:3%!important;z-index:7!important;
}
#app .zw165 .zw160-oven-art{width:100%!important;height:100%!important;object-fit:contain!important;z-index:5!important}
#app .zw165 .zw160-oven-target{position:absolute!important;inset:24% 12% 18%!important;z-index:10!important}
#app .zw165 .zw165-oven-pastry{
 position:absolute!important;left:25%!important;top:38%!important;width:50%!important;height:34%!important;
 object-fit:contain!important;z-index:8!important;opacity:0!important;
 transform:scale(.75)!important;transition:transform .4s ease,opacity .4s ease!important;
}
#app .zw165 .zw165-ready .zw165-oven-pastry{opacity:1!important;transform:scale(1)!important}
#app .zw165 .zw160-oven-scene .zw160-character{height:73%!important;width:34%!important}
#app .zw165 .zw160-oven-wrap.zw163-can-drop:after{z-index:12!important}
#app .zw165 .zw160-win-scene .zw160-character{height:80%!important;bottom:4%!important}
#app .zw165 .zw162-serve-button{left:23%!important;width:54%!important;height:70%!important;bottom:2%!important}
#app .zw165 .zw160-win-stars img{width:clamp(35px,12vw,75px)!important;height:85%!important}
#app .zw165 .zw165-hint{animation:zw165-hint-animation .75s ease-in-out 3!important}
@keyframes zw165-hint-animation{0%,100%{transform:scale(1);filter:drop-shadow(0 3px 2px #6e4a3033)}50%{transform:scale(1.08);filter:drop-shadow(0 0 14px #f3c456)}}
@media(orientation:landscape){
 #app .zw165{
  background-image:url('/bakery-v165/kitchen-stage.webp')!important;
 }
 #app .zw165 .zw160-canvas{padding:clamp(50px,12dvh,72px) 10px 5px!important;gap:3px!important}
 #app .zw165 .zw165-topbar{height:49px!important;top:2px!important}
 #app .zw165 .zw165-topbar button{width:46px!important;height:46px!important}
 #app .zw165-choose .zw160-canvas{
  grid-template-columns:24% minmax(0,1fr)!important;grid-template-rows:50px minmax(0,1fr)!important;
 }
 #app .zw165-choose .zw165-stage-title{grid-area:1/1/2/3}
 #app .zw165-choose .zw160-choose-friends{grid-area:2/1}
 #app .zw165-choose .zw160-choose-friends img{width:48%!important;height:75%!important}
 #app .zw165-choose .zw160-recipe-grid{grid-area:2/2;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:2px!important;padding:6px!important}
 #app .zw165 .zw160-recipe{width:min(100%,clamp(67px,28dvh,133px))!important}
 #app .zw165-collect .zw160-canvas,#app .zw165-mix .zw160-canvas,#app .zw165-bake .zw160-canvas{
  grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important;
  grid-template-rows:minmax(0,42%) minmax(0,58%)!important;
 }
 #app .zw165 .zw160-scene,#app .zw165 .zw160-oven-scene{grid-area:1/1/3/2}
 #app .zw165 .zw160-lesson{grid-area:1/2}
 #app .zw165 .zw160-tray,#app .zw165 .zw160-mix-bottom,#app .zw165 .zw160-bake-bottom{grid-area:2/2}
 #app .zw165 .zw160-bowl-unit{width:52%!important;left:24%!important;height:88%!important}
 #app .zw165 .zw160-character{height:85%!important;width:34%!important}
 #app .zw165 .zw160-ingredient{max-height:96%!important}
 #app .zw165 .zw160-oven-wrap{left:27%!important;width:46%!important;height:85%!important}
 #app .zw165 .zw160-oven-scene .zw160-character{width:29%!important;height:87%!important}
 #app .zw165 .zw160-win-scene .zw160-character{height:78%!important}
 #app .zw165 .zw165-window{width:31%!important;top:5%!important;left:7%!important;height:50%!important}
 #app .zw165 .zw165-shelf{width:35%!important;top:6%!important;right:6%!important;height:50%!important}
 #app .zw165 .zw165-poster,#app .zw165 .zw165-towel{display:none!important}
}
@media(orientation:portrait) and (max-height:640px){
 #app .zw165 .zw160-canvas{padding-top:66px!important}
 #app .zw165-collect .zw160-canvas,#app .zw165-mix .zw160-canvas,#app .zw165-bake .zw160-canvas{grid-template-rows:77px minmax(0,1fr) 105px!important}
 #app .zw165-choose .zw160-canvas{grid-template-rows:66px 74px minmax(0,1fr)!important}
 #app .zw165 .zw160-recipe-grid{padding:7px!important}
 #app .zw165 .zw160-recipe{width:min(100%,94px)!important}
}
@media(prefers-reduced-motion:reduce){
 #app .zw165 *,#app .zw165 *:before,#app .zw165 *:after{animation:none!important;transition:none!important}
}

/* V165 final visual integration: use the actual colored-pencil frames, not old overlays. */
#app .zw165 .zw160-recipe-grid,
#app .zw165 .zw160-lesson,
#app .zw165 .zw160-tray {
 background-image:url('/bakery-v165/panel-blank.webp')!important;
 background-color:transparent!important;
}
#app .zw165 .zw160-lesson {
 padding:clamp(14px,3.2vw,22px) clamp(16px,4vw,26px)!important;
}
#app .zw165 .zw160-recipe-grid {
 grid-template-rows:repeat(2,minmax(0,clamp(98px,16vh,136px)))!important;
 align-content:center!important;
 gap:clamp(10px,2.7vh,22px)!important;
 padding:clamp(20px,5vw,32px)!important;
}
#app .zw165 .zw160-recipe {
 width:min(100%,clamp(85px,26vw,137px))!important;
}
#app .zw165 .zw165-topbar{
 width:100%!important;
 left:0!important;right:0!important;
 top:max(4px,env(safe-area-inset-top))!important;
}
#app .zw165 .zw165-topbar .zw165-header-home{
 position:absolute!important;left:2%!important;right:auto!important;top:0!important;
 margin:0!important;
}
#app .zw165 .zw165-topbar .zw165-header-hint{
 position:absolute!important;right:16%!important;left:auto!important;top:0!important;
 margin:0!important;
}
#app .zw165 .zw165-topbar .zw165-header-restart{
 position:absolute!important;right:2%!important;left:auto!important;top:0!important;
 margin:0!important;
}
#app .zw165 .zw165-topbar button{
 width:clamp(47px,13vw,63px)!important;
 height:clamp(47px,13vw,63px)!important;
}
#app .zw165 .zw165-room-decor .zw165-poster{display:none!important}
#app .zw165 .zw160-characters .zw160-character{
 height:79%!important;width:39%!important;
 bottom:2%!important;
}
#app .zw165 .zw160-characters .zw160-moritz{left:-3%!important}
#app .zw165 .zw160-characters .zw160-igor{right:-3%!important}
#app .zw165 .zw160-bowl-unit{
 width:55%!important;left:22.5%!important;
 height:65%!important;bottom:3%!important;
}
#app .zw165 .zw160-bowl-mixing{
 width:57%!important;left:21.5%!important;
 height:67%!important;bottom:2%!important;
}
#app .zw165 .zw160-scene .zw160-character img{
 width:100%!important;height:100%!important;object-fit:contain!important;
}
#app .zw165 .zw160-bowl-foreground{
 z-index:9!important;
}
#app .zw165 .zw160-win-scene .zw160-character{
 height:91%!important;
 bottom:2%!important;
 width:40%!important;
}
#app .zw165 .zw160-win-scene .zw162-serve-button {
 left:24%!important;width:52%!important;
 height:61%!important;bottom:8%!important;
 z-index:8!important;
}
#app .zw165 .zw160-oven-scene .zw160-character {
 height:84%!important;width:36%!important;bottom:2%!important;
}
#app .zw165 .zw160-oven-wrap{
 width:54%!important;left:23%!important;
 height:76%!important;bottom:3%!important;
}
@media(orientation:landscape){
 #app .zw165 .zw165-topbar{top:2px!important}
 #app .zw165 .zw165-topbar button{
  height:44px!important;width:44px!important;
 }
 #app .zw165 .zw165-topbar .zw165-header-hint{right:9%!important}
 #app .zw165 .zw165-topbar .zw165-header-restart{right:1%!important}
 #app .zw165 .zw160-recipe-grid{
  grid-template-rows:repeat(2,minmax(0,clamp(65px,22vh,116px)))!important;
  gap:5px!important;padding:8px 18px!important;
 }
 #app .zw165 .zw160-bowl-unit{
  width:48%!important;left:26%!important;height:84%!important;bottom:2%!important;
 }
 #app .zw165 .zw160-characters .zw160-character{
  height:90%!important;width:34%!important;
 }
 #app .zw165 .zw160-win-scene .zw160-character{height:85%!important}
 #app .zw165 .zw160-oven-wrap{width:49%!important;left:25.5%!important;height:86%!important}
}
@media(orientation:portrait) and (max-height:640px){
 #app .zw165 .zw160-recipe-grid{
  grid-template-rows:repeat(2,minmax(0,clamp(62px,18vh,95px)))!important;
  gap:6px!important;padding:9px 14px!important;
 }
 #app .zw165 .zw160-bowl-unit{width:54%!important;left:23%!important;height:69%!important}
}

/* Full genuine crayon bowl includes its front already; remove the duplicate cutout. */
#app .zw165 .zw160-bowl-foreground{display:none!important}

/* Responsive intro: landscape assembled from the exact illustrated sprites. */
#app .zw165 .zw165-landscape-intro{display:none!important}
@media(orientation:landscape){
 #app .zw165.zw165-intro{
  background:#f9e7cc url('/bakery-v165/kitchen-stage.webp') center 42%/cover no-repeat!important;
 }
 #app .zw165-intro .zw165-landscape-intro{
  display:block!important;position:absolute!important;inset:0!important;
  z-index:4!important;pointer-events:none!important;
 }
 #app .zw165-intro .zw165-landscape-intro img{
  position:absolute!important;display:block!important;
  width:auto;height:auto;object-fit:contain!important;
  max-height:none!important;max-width:none!important;
  pointer-events:none!important;
 }
 #app .zw165-intro .zw165-wide-logo{top:0!important;left:37%!important;width:26%!important;height:19%!important}
 #app .zw165-intro .zw165-wide-title{top:12%!important;left:33%!important;width:34%!important;height:33%!important}
 #app .zw165-intro .zw165-wide-window{top:13%!important;left:2%!important;width:29%!important;height:71%!important}
 #app .zw165-intro .zw165-wide-shelf{top:17%!important;right:2%!important;width:27%!important;height:53%!important}
 #app .zw165-intro .zw165-wide-moritz{left:25%!important;bottom:5%!important;width:19%!important;height:56%!important}
 #app .zw165-intro .zw165-wide-igor{right:24%!important;bottom:5%!important;width:19%!important;height:57%!important}
 #app .zw165-intro .zw165-wide-bowl{left:39%!important;bottom:12%!important;width:22%!important;height:40%!important}
 #app .zw165-intro .zw165-wide-play{left:44.5%!important;bottom:0!important;width:11%!important;height:28%!important}
 #app .zw165-intro .zw165-wide-home{left:1%!important;top:1%!important;width:8%!important;height:18%!important}
 #app .zw165-intro .zw165-wide-hint{right:8.5%!important;top:1%!important;width:7%!important;height:18%!important}
 #app .zw165-intro .zw165-wide-restart{right:1%!important;top:1%!important;width:7%!important;height:18%!important}
 #app .zw165-intro .zw165-start-hit{
  left:43%!important;bottom:0!important;width:14%!important;height:27%!important;
  z-index:22!important;
 }
 #app .zw165-intro .zw165-intro-home{left:1%!important;top:1%!important;width:8%!important;height:18%!important}
 #app .zw165-intro .zw165-intro-hint{right:8.5%!important;top:1%!important;width:7%!important;height:18%!important}
 #app .zw165-intro .zw165-intro-restart{right:1%!important;top:1%!important;width:7%!important;height:18%!important}
}