/* V169: hand-drawn illustration-first game entrances, no instructional modal. */
#app .zw169-start-page{
 position:relative!important;isolation:isolate!important;
 width:100%!important;height:100dvh!important;min-height:0!important;
 overflow:hidden!important;padding:max(66px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important;
 background:#d6edb0 url('/home-v126/background-portrait.webp') center/100% 100% no-repeat!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:space-between!important;gap:clamp(4px,1vh,12px)!important;
}
#app .zw169-start-page img{display:block!important;object-fit:contain!important;pointer-events:none!important;-webkit-user-drag:none!important}
#app .zw169-start-page button{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;border:0!important;background:none!important;padding:0!important}
#app .zw169-start-page .zw169-home{
 position:absolute!important;left:clamp(9px,2vw,24px)!important;top:max(13px,env(safe-area-inset-top))!important;
 width:clamp(55px,16vw,74px)!important;aspect-ratio:1!important;z-index:8!important;
 filter:drop-shadow(0 3px 3px #61463070)!important;
}
#app .zw169-start-page .zw169-home img{width:100%!important;height:100%!important}
#app .zw169-start-page .zw169-title{
 display:flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 auto!important;width:min(94%,480px)!important;min-height:clamp(74px,13vh,115px)!important;
 padding:10px 20px!important;
 background:url('/bakery-v166/instruction-clean.webp') center / 100% 100% no-repeat!important;
 font-size:clamp(24px,7vw,35px)!important;font-weight:800!important;line-height:1.05!important;
 color:#734122!important;text-shadow:0 2px 1px #fff8e5a8!important;text-align:center!important;
}
#app .zw169-start-page .zw169-hero{
 flex:0 1 auto!important;
 width:min(66vw,clamp(150px,28vh,285px))!important;
 aspect-ratio:1!important;min-height:0!important;
 filter:drop-shadow(0 6px 6px #64462977)!important;
}
#app .zw169-start-page .zw169-friends{
 width:min(100%,560px)!important;flex:1 1 auto!important;min-height:70px!important;
 display:flex!important;align-items:flex-end!important;justify-content:space-between!important;
 pointer-events:none!important;
}
#app .zw169-start-page .zw169-friends img{
 width:min(46%,240px)!important;max-height:100%!important;height:100%!important;
 object-position:center bottom!important;filter:drop-shadow(0 4px 3px #75503270)!important;
}
#app .zw169-start-page .zw169-friends img:last-child{transform:scaleX(-1)!important}
#app .zw169-start-page .zw169-play{
 flex:0 0 auto!important;width:clamp(82px,min(23vw,15vh),120px)!important;
 aspect-ratio:1!important;z-index:8!important;
 filter:drop-shadow(0 5px 4px #7040226a)!important;
 transition:transform .18s ease!important;
}
#app .zw169-start-page .zw169-play img{width:100%!important;height:100%!important}
#app .zw169-start-page .zw169-play:active{animation:none!important;transform:scale(.94)!important}
#app .zw169-start-page button:focus-visible{outline:4px solid #714625!important;outline-offset:4px!important;border-radius:50%!important}
@keyframes zw169-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@media (max-height:620px) and (orientation:portrait){
 #app .zw169-start-page{padding-top:max(48px,env(safe-area-inset-top))!important;gap:2px!important}
 #app .zw169-start-page .zw169-title{min-height:67px!important;font-size:clamp(21px,6.5vw,29px)!important}
 #app .zw169-start-page .zw169-hero{width:min(52vw,155px)!important}
 #app .zw169-start-page .zw169-play{width:77px!important}
}
@media (orientation:landscape) and (max-height:620px){
 #app .zw169-start-page{
   background-image:url('/home-v126/background-landscape.webp')!important;
   display:grid!important;grid-template-columns:28% 38% minmax(0,1fr)!important;
   grid-template-rows:clamp(45px,15vh,60px) minmax(0,1fr)!important;
   gap:3px 8px!important;
   padding:4px 15px max(4px,env(safe-area-inset-bottom))!important;
 }
 #app .zw169-start-page .zw169-home{top:4px!important;left:9px!important;width:clamp(40px,12vh,53px)!important}
 #app .zw169-start-page .zw169-title{grid-area:1/2/2/4!important;min-height:0!important;height:100%!important;width:100%!important;font-size:clamp(20px,5vh,30px)!important}
 #app .zw169-start-page .zw169-hero{grid-area:2/1!important;width:min(95%,43vh)!important;max-height:100%!important;justify-self:center!important;align-self:center!important}
 #app .zw169-start-page .zw169-friends{grid-area:2/2!important;width:100%!important;height:100%!important;min-height:0!important}
 #app .zw169-start-page .zw169-friends img{width:49%!important;height:100%!important}
 #app .zw169-start-page .zw169-play{grid-area:2/3!important;width:min(78%,27vh)!important;justify-self:center!important;align-self:center!important}
}
@media (prefers-reduced-motion:reduce){#app .zw169-start-page .zw169-play{animation:none!important}}