/* Backstube 2.22: the true launch screen, not the recipe selection.
   Every illustrated object is a separate pencil-painted WebP element;
   no Canvas and no rendered second oven. */
#app .zw170-launch.zw222-bakery-entry{
 position:relative!important;
 display:block!important;
 box-sizing:border-box!important;
 width:100%!important;height:100dvh!important;
 min-height:0!important;max-height:100dvh!important;
 padding:0!important;margin:0!important;
 overflow:hidden!important;isolation:isolate!important;
 background:#f7e5cc url('/bakery-v222/kitchen-portrait.webp')
   center center/cover no-repeat!important;
 touch-action:manipulation!important;
}
#app .zw170-launch.zw222-bakery-entry .zw170-title.zw222-bakery-title{
 position:absolute!important;
 top:max(7%,calc(env(safe-area-inset-top) + 13px))!important;
 left:50%!important;
 width:min(91%,560px)!important;
 height:clamp(82px,17vh,145px)!important;
 max-height:20%!important;
 transform:translateX(-50%)!important;
 object-fit:contain!important;
 filter:drop-shadow(0 5px 3px rgba(77,48,23,.32))!important;
 z-index:10!important;
}
#app .zw170-launch.zw222-bakery-entry .zw170-home.zw222-bakery-home{
 position:absolute!important;
 top:max(10px,env(safe-area-inset-top))!important;
 right:max(9px,env(safe-area-inset-right))!important;
 left:auto!important;
 width:clamp(56px,15vw,67px)!important;
 height:clamp(56px,15vw,67px)!important;
 z-index:35!important;
 background:transparent!important;
 filter:drop-shadow(0 3px 2px rgba(87,58,30,.35))!important;
}
#app .zw170-launch.zw222-bakery-entry .zw222-oven-zone{
 position:absolute!important;
 left:0!important;right:0!important;
 top:24%!important;bottom:31%!important;
 display:flex!important;justify-content:center!important;align-items:center!important;
 pointer-events:none!important;
 z-index:9!important;
}
#app .zw170-launch.zw222-bakery-entry #zw222OvenLight.zw222-center-oven{
 position:relative!important;
 display:block!important;
 width:clamp(175px,64vw,275px)!important;
 max-width:74%!important;
 height:auto!important;
 aspect-ratio:480/440!important;
 padding:0!important;border:0!important;
 background:transparent!important;
 box-shadow:none!important;
 border-radius:12%!important;
 flex:0 0 auto!important;
 cursor:pointer!important;
 pointer-events:auto!important;
 touch-action:manipulation!important;
 filter:drop-shadow(0 7px 5px rgba(94,60,34,.30))!important;
 transform:translateZ(0)!important;
 transition:filter .25s ease!important;
 will-change:filter!important;
}
#app .zw170-launch.zw222-bakery-entry #zw222OvenLight::before{
 content:""!important;
 position:absolute!important;
 left:12%!important;right:12%!important;top:18%!important;bottom:10%!important;
 display:block!important;z-index:0!important;pointer-events:none!important;
 border-radius:38%!important;
 background:radial-gradient(ellipse at center,rgba(255,185,60,.48),rgba(255,199,92,.18) 45%,transparent 73%)!important;
 filter:blur(12px)!important;
 opacity:0!important;
 transform:scale(.86)!important;
 transition:opacity .5s ease,transform .52s ease!important;
}
#app .zw170-launch.zw222-bakery-entry #zw222OvenLight.zw222-lit::before{
 opacity:1!important;transform:scale(1.19)!important;
}
#app .zw170-launch.zw222-bakery-entry #zw222OvenLight .zw222-oven-image{
 display:block!important;
 position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;
 max-width:none!important;max-height:none!important;
 object-fit:contain!important;object-position:center center!important;
 z-index:1!important;
 margin:0!important;padding:0!important;
 pointer-events:none!important;
 transform:none!important;
 filter:none!important;
 opacity:1!important;
 animation:none!important;
 transition:opacity .5s cubic-bezier(.22,.71,.27,1)!important;
}
#app .zw170-launch.zw222-bakery-entry #zw222OvenLight .zw222-oven-lit{
 z-index:2!important;opacity:0!important;
}
#app .zw170-launch.zw222-bakery-entry #zw222OvenLight.zw222-lit .zw222-oven-lit{
 opacity:1!important;
}
#app .zw170-launch.zw222-bakery-entry #zw222OvenLight .zw222-sunburst{
 display:block!important;
 position:absolute!important;
 left:60%!important;top:30%!important;
 width:18%!important;height:18%!important;
 object-fit:contain!important;z-index:3!important;
 opacity:0!important;transform:scale(.35) rotate(-30deg)!important;
 transform-origin:center!important;
 pointer-events:none!important;
 transition:opacity .42s ease,transform .5s cubic-bezier(.16,.72,.2,1.18)!important;
 filter:drop-shadow(0 0 3px rgba(255,201,72,.9))!important;
}
#app .zw170-launch.zw222-bakery-entry #zw222OvenLight.zw222-lit .zw222-sunburst{
 opacity:.84!important;transform:scale(1.04) rotate(5deg)!important;
}
#app .zw170-launch.zw222-bakery-entry #zw222OvenLight.zw222-flick{
 animation:zw222-oven-bounce .26s cubic-bezier(.22,.66,.3,1)!important;
}
@keyframes zw222-oven-bounce{
 0%{scale:1}45%{scale:.978}100%{scale:1}
}
#app .zw170-launch.zw222-bakery-entry #zw222OvenLight:focus-visible{
 outline:3px dashed #a26835!important;outline-offset:4px!important;
}
#app .zw170-launch.zw222-bakery-entry .zw222-bakery-friends{
 position:absolute!important;left:4%!important;right:4%!important;
 bottom:18.8%!important;height:21.5%!important;
 display:flex!important;flex-direction:row!important;
 align-items:flex-end!important;justify-content:space-between!important;
 pointer-events:none!important;
 z-index:7!important;
}
#app .zw170-launch.zw222-bakery-entry .zw222-bakery-friends img{
 display:block!important;
 width:clamp(86px,26vw,155px)!important;
 height:100%!important;
 object-fit:contain!important;object-position:center bottom!important;
 filter:drop-shadow(0 4px 3px rgba(81,54,29,.35))!important;
}
#app .zw170-launch.zw222-bakery-entry #zw170Play.zw222-bakery-play{
 position:absolute!important;
 left:50%!important;top:auto!important;
 right:auto!important;bottom:4.1%!important;
 width:clamp(96px,27vw,125px)!important;
 height:clamp(96px,27vw,125px)!important;
 min-width:85px!important;min-height:85px!important;
 transform:translateX(-50%)!important;
 margin:0!important;padding:0!important;
 background:transparent!important;
 border:0!important;box-shadow:none!important;
 filter:drop-shadow(0 5px 3px rgba(75,45,26,.36))!important;
 z-index:22!important;
}
#app .zw170-launch.zw222-bakery-entry #zw170Play.zw222-bakery-play:active{
 transform:translateX(-50%) scale(.94)!important;
}
#app .zw170-launch.zw222-bakery-entry #zw170Play.zw222-bakery-play img{
 width:100%!important;height:100%!important;object-fit:contain!important;
}
@media (orientation:portrait) and (max-height:650px){
 #app .zw170-launch.zw222-bakery-entry .zw170-title.zw222-bakery-title{
  top:max(8%,env(safe-area-inset-top))!important;
  width:min(85%,440px)!important;height:clamp(69px,15vh,96px)!important;
 }
 #app .zw170-launch.zw222-bakery-entry .zw222-oven-zone{
  top:24%!important;bottom:30%!important;
 }
 #app .zw170-launch.zw222-bakery-entry #zw222OvenLight.zw222-center-oven{
  width:clamp(152px,59vw,205px)!important;
 }
 #app .zw170-launch.zw222-bakery-entry .zw222-bakery-friends{
  height:21%!important;bottom:18.2%!important;
 }
 #app .zw170-launch.zw222-bakery-entry #zw170Play.zw222-bakery-play{
  width:clamp(82px,26vw,105px)!important;height:clamp(82px,26vw,105px)!important;
  bottom:3%!important;
 }
}
@media (orientation:landscape){
 #app .zw170-launch.zw222-bakery-entry{
  background-image:url('/bakery-v222/kitchen-landscape.webp')!important;
  background-size:cover!important;
 }
 #app .zw170-launch.zw222-bakery-entry .zw170-title.zw222-bakery-title{
  top:1.2%!important;left:50%!important;
  width:clamp(235px,40vw,410px)!important;
  height:21%!important;
  max-height:21%!important;
 }
 #app .zw170-launch.zw222-bakery-entry .zw222-oven-zone{
  left:31%!important;right:31%!important;
  top:22%!important;bottom:23%!important;
 }
 #app .zw170-launch.zw222-bakery-entry #zw222OvenLight.zw222-center-oven{
  width:clamp(125px,47dvh,218px)!important;
  max-width:80%!important;
  max-height:100%!important;
 }
 #app .zw170-launch.zw222-bakery-entry .zw222-bakery-friends{
  left:9%!important;right:9%!important;
  height:45%!important;bottom:8%!important;
 }
 #app .zw170-launch.zw222-bakery-entry .zw222-bakery-friends img{
  width:clamp(85px,20vw,158px)!important;
  height:86%!important;
 }
 #app .zw170-launch.zw222-bakery-entry #zw170Play.zw222-bakery-play{
  bottom:2%!important;
  width:clamp(68px,21dvh,95px)!important;height:clamp(68px,21dvh,95px)!important;
  min-width:65px!important;min-height:65px!important;
 }
}
@media (prefers-reduced-motion:reduce){
 #app .zw170-launch.zw222-bakery-entry #zw222OvenLight .zw222-oven-image,
 #app .zw170-launch.zw222-bakery-entry #zw222OvenLight::before,
 #app .zw170-launch.zw222-bakery-entry #zw222OvenLight .zw222-sunburst{
  transition:none!important;
 }
 #app .zw170-launch.zw222-bakery-entry #zw222OvenLight.zw222-flick{
  animation:none!important;
 }
}

/* v222 final layout tuning after Safari screenshot inspection. */
#app .zw209-choose .zw209-choices.zw222-choices{
 top:36.8%!important;
 height:40%!important;
}
@media (orientation:landscape){
 #app .zw209-choose .zw209-choices.zw222-choices{
  left:25%!important;top:40%!important;
  width:50%!important;height:43%!important;
 }
 #app .zw209-choose .zw222-choices .zw209-choice{
  width:clamp(72px,23dvh,104px)!important;
 }
}
/* A warm hand-painted radiance springs to life when the child touches the oven.
   The oven picture itself remains fixed: one oven, two registered light states. */
#app .zw170-launch.zw222-bakery-entry #zw222OvenLight.zw222-lit{
 filter:drop-shadow(0 6px 4px rgba(89,50,27,.30)) drop-shadow(0 0 9px rgba(255,172,55,.23))!important;
}
#app .zw170-launch.zw222-bakery-entry #zw222OvenLight.zw222-flick.zw222-lit .zw222-sunburst{
 animation:zw222-switch-sparkle .48s cubic-bezier(.18,.64,.22,1.1) both!important;
}
@keyframes zw222-switch-sparkle{
 0%{opacity:.05;scale:.28;rotate:-16deg}
 54%{opacity:1;scale:1.26;rotate:9deg}
 100%{opacity:.84;scale:1.0;rotate:3deg}
}
@media(prefers-reduced-motion:reduce){
 #app .zw170-launch.zw222-bakery-entry #zw222OvenLight.zw222-flick.zw222-lit .zw222-sunburst{
  animation:none!important;
 }
}

/* v223: cleaned pencil-home, central oven LOWER and genuinely lit window.
   Scope strictly to Backstube launch: other games are unchanged. */
#app .zw170-launch.zw222-bakery-entry .zw170-home.zw222-bakery-home{
 position:absolute!important;
 top:max(10px,env(safe-area-inset-top))!important;
 right:max(10px,env(safe-area-inset-right))!important;
 left:auto!important;
 border:0!important;outline:0!important;
 border-radius:0!important;box-shadow:none!important;
 background:none!important;background-image:none!important;
 padding:0!important;
 width:clamp(56px,15vw,69px)!important;height:clamp(56px,15vw,69px)!important;
 filter:drop-shadow(0 3px 2px rgba(72,45,25,.35))!important;
}
#app .zw170-launch.zw222-bakery-entry .zw170-home.zw222-bakery-home::before,
#app .zw170-launch.zw222-bakery-entry .zw170-home.zw222-bakery-home::after{
 content:none!important;display:none!important;
}
#app .zw170-launch.zw222-bakery-entry .zw170-home.zw222-bakery-home > img{
 position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;
 max-width:none!important;max-height:none!important;
 margin:0!important;padding:0!important;
 object-fit:contain!important;
 background:none!important;border:0!important;
 filter:none!important;
}
#app .zw170-launch.zw222-bakery-entry .zw222-oven-zone{
 top:32%!important;bottom:19%!important;
}
#app .zw170-launch.zw222-bakery-entry #zw222OvenLight.zw222-center-oven{
 overflow:visible!important;
 transform:translateZ(0)!important;
}
#app .zw170-launch.zw222-bakery-entry #zw222OvenLight .zw223-window-warm{
 position:absolute!important;inset:0!important;z-index:3!important;
 width:100%!important;height:100%!important;
 max-width:none!important;max-height:none!important;
 object-fit:contain!important;object-position:center!important;
 pointer-events:none!important;
 opacity:0!important;
 transform:none!important;
 transition:opacity .42s cubic-bezier(.21,.72,.25,1)!important;
 will-change:opacity!important;
 filter:none!important;
}
#app .zw170-launch.zw222-bakery-entry #zw222OvenLight.zw222-lit .zw223-window-warm{
 opacity:.66!important;
 animation:zw223-handpainted-amber 2.8s ease-in-out infinite alternate!important;
}
@keyframes zw223-handpainted-amber{
 0%{filter:brightness(.97) saturate(1)!important}
 100%{filter:brightness(1.13) saturate(1.08)!important}
}
#app .zw170-launch.zw222-bakery-entry #zw222OvenLight .zw222-sunburst{
 z-index:4!important;left:30%!important;top:43%!important;
 width:15%!important;height:15%!important;
 filter:drop-shadow(0 0 3px #ffc65a)!important;
 opacity:0!important;
 transform:scale(.45) rotate(-12deg)!important;
 transition:opacity .38s ease,transform .43s ease!important;
}
#app .zw170-launch.zw222-bakery-entry #zw222OvenLight.zw222-lit .zw222-sunburst{
 opacity:.82!important;transform:scale(.9) rotate(7deg)!important;
}
#app .zw170-launch.zw222-bakery-entry #zw222OvenLight.zw222-flick{
 animation:zw223-paint-touch .3s ease-out!important;
}
@keyframes zw223-paint-touch{
 0%{scale:1}48%{scale:.962}100%{scale:1}
}
#app .zw170-launch.zw222-bakery-entry #zw222OvenLight.zw222-lit{
 filter:drop-shadow(0 6px 4px rgba(89,50,27,.30))
        drop-shadow(0 0 8px rgba(255,174,69,.21))!important;
}
@media(orientation:portrait) and (max-height:650px){
 #app .zw170-launch.zw222-bakery-entry .zw222-oven-zone{
  top:32%!important;bottom:19%!important;
 }
}
@media(orientation:landscape){
 #app .zw170-launch.zw222-bakery-entry .zw222-oven-zone{
  top:27%!important;bottom:19%!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #app .zw170-launch.zw222-bakery-entry #zw222OvenLight.zw222-lit .zw223-window-warm{
  animation:none!important;
 }
 #app .zw170-launch.zw222-bakery-entry #zw222OvenLight .zw223-window-warm,
 #app .zw170-launch.zw222-bakery-entry #zw222OvenLight .zw222-sunburst{
  transition:none!important;
 }
}

/* Final screenshot tuning: the oven's little feet should sit ON the wooden
   worktop, not float in front of the wall. Keep landscape clear of Play. */
@media (orientation:portrait){
 #app .zw170-launch.zw222-bakery-entry .zw222-oven-zone{
  top:35%!important;bottom:16%!important;
 }
}
#app .zw170-launch.zw222-bakery-entry .zw170-home.zw222-bakery-home{
 top:max(5px,env(safe-area-inset-top))!important;
 width:clamp(55px,14.7vw,63px)!important;
 height:clamp(55px,14.7vw,63px)!important;
}

/* v225: calm touch feedback on the illustration-only play control.
   Animations are transform-only, and stop for reduced-motion preference. */
#app .zw170-launch.zw222-bakery-entry #zw170Play.zw222-bakery-play img{
 animation:zw225-play-breathe 3.2s ease-in-out infinite!important;
 transform-origin:50% 50%!important;
}
@keyframes zw225-play-breathe{
 0%,100%{scale:1}
 50%{scale:1.045}
}
@media(prefers-reduced-motion:reduce){
 #app .zw170-launch.zw222-bakery-entry #zw170Play.zw222-bakery-play img{
  animation:none!important;
 }
}

/* v226: two bigger hand-painted clickable characters, no white circles. */
#app .zw170-launch.zw222-bakery-entry .zw222-bakery-friends.zw226-interactive-friends{
 left:3%!important;right:3%!important;bottom:18.0%!important;
 height:27%!important;z-index:18!important;
 pointer-events:none!important;overflow:visible!important;
}
#app .zw170-launch.zw222-bakery-entry .zw226-friend-button{
 position:relative!important;
 flex:0 0 auto!important;
 display:block!important;
 width:clamp(122px,36vw,180px)!important;
 height:100%!important;
 min-width:100px!important;min-height:100px!important;
 padding:0!important;margin:0!important;
 border:0!important;outline:0!important;
 border-radius:0!important;background:transparent!important;
 box-shadow:none!important;overflow:visible!important;
 pointer-events:auto!important;touch-action:manipulation!important;
 cursor:pointer!important;
 isolation:isolate!important;
 -webkit-tap-highlight-color:transparent!important;
}
#app .zw170-launch.zw222-bakery-entry .zw226-friend-button > img.zw226-friend-base,
#app .zw170-launch.zw222-bakery-entry .zw226-friend-button > img.zw226-friend-cheer{
 position:absolute!important;inset:0!important;
 display:block!important;
 width:100%!important;height:100%!important;
 max-width:none!important;max-height:none!important;
 margin:0!important;padding:0!important;
 object-fit:contain!important;object-position:center bottom!important;
 filter:drop-shadow(0 4px 3px rgba(76,52,32,.28))!important;
 pointer-events:none!important;
 transform-origin:center 91%!important;
}
#app .zw170-launch.zw222-bakery-entry .zw226-friend-button > img.zw226-friend-cheer{
 opacity:0!important;z-index:2!important;
}
#app .zw170-launch.zw222-bakery-entry .zw226-friend-button.zw226-celebrating > img.zw226-friend-base{
 opacity:0!important;
}
#app .zw170-launch.zw222-bakery-entry .zw226-friend-button.zw226-celebrating > img.zw226-friend-cheer{
 opacity:1!important;
 animation:zw226-friend-hop .92s ease-in-out 2!important;
}
#app .zw170-launch.zw222-bakery-entry .zw226-friend-button.zw226-igor.zw226-celebrating > img.zw226-friend-cheer{
 animation:zw226-igor-happy .88s ease-in-out 2!important;
}
@keyframes zw226-friend-hop{
 0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
 25%{transform:translate3d(-3px,-8px,0) rotate(-6deg)}
 51%{transform:translate3d(0,-14px,0) rotate(3deg)}
 77%{transform:translate3d(3px,-4px,0) rotate(5deg)}
}
@keyframes zw226-igor-happy{
 0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
 22%{transform:translate3d(-6px,-5px,0) rotate(-7deg)}
 48%{transform:translate3d(6px,-8px,0) rotate(7deg)}
 73%{transform:translate3d(-4px,-3px,0) rotate(-4deg)}
}
#app .zw170-launch.zw222-bakery-entry .zw226-friend-button:focus-visible{
 outline:3px dashed #995d2c!important;outline-offset:2px!important;
}
.zw226-joy-particle{
 display:block!important;position:absolute!important;
 width:clamp(14px,4vw,24px)!important;height:clamp(14px,4vw,24px)!important;
 object-fit:contain!important;object-position:center!important;
 margin:0!important;padding:0!important;
 pointer-events:none!important;z-index:22!important;
 will-change:transform,opacity!important;
}
@media(orientation:landscape){
 #app .zw170-launch.zw222-bakery-entry .zw222-bakery-friends.zw226-interactive-friends{
  left:8%!important;right:8%!important;bottom:7%!important;
  height:54%!important;
 }
 #app .zw170-launch.zw222-bakery-entry .zw226-friend-button{
  width:clamp(124px,36dvh,175px)!important;
  min-width:105px!important;min-height:100px!important;
 }
}
@media(orientation:portrait) and (max-height:640px){
 #app .zw170-launch.zw222-bakery-entry .zw222-bakery-friends.zw226-interactive-friends{
  height:25%!important;bottom:18.5%!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #app .zw170-launch.zw222-bakery-entry .zw226-friend-button.zw226-celebrating > img.zw226-friend-cheer{
  animation:none!important;
 }
 #app .zw170-launch.zw222-bakery-entry .zw226-friend-button.zw226-igor.zw226-celebrating > img.zw226-friend-cheer{
  animation:none!important;
 }
}

/* v226 final scale tuning, checked against portrait and landscape renders. */
#app .zw170-launch.zw222-bakery-entry .zw226-friend-button{
 width:clamp(128px,45vw,195px)!important;
}
#app .zw170-launch.zw222-bakery-entry .zw222-bakery-friends.zw226-interactive-friends{
 height:29%!important;bottom:17.5%!important;
}
@media(orientation:landscape){
 #app .zw170-launch.zw222-bakery-entry .zw226-friend-button{
  width:clamp(142px,43dvh,195px)!important;
 }
 #app .zw170-launch.zw222-bakery-entry .zw222-bakery-friends.zw226-interactive-friends{
  height:59%!important;bottom:6%!important;
 }
}
@media(orientation:portrait) and (max-height:640px){
 #app .zw170-launch.zw222-bakery-entry .zw222-bakery-friends.zw226-interactive-friends{
  height:27%!important;bottom:18%!important;
 }
}