/* 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;
 }
}