/* Zählwiese Feeding × Backstube V175 – real colored-pencil assets, shared room aesthetics. */
#app:has(.zw175-feeding)>.app-header{display:none!important}
#app .zw175-feeding.main-content{
 position:absolute!important;inset:0!important;
 width:100%!important;height:100dvh!important;
 max-height:100dvh!important;min-height:0!important;overflow:hidden!important;
 box-sizing:border-box!important;
 background:#f5e6c9 url('/bakery-v165/kitchen-stage.webp') center/100% 100% no-repeat!important;
 touch-action:manipulation!important;-webkit-user-select:none!important;user-select:none!important;
 -webkit-touch-callout:none!important;
}
#app .zw175-feeding *,#app .zw175-feeding *:before,#app .zw175-feeding *:after{
 box-sizing:border-box!important;
 -webkit-user-select:none!important;user-select:none!important;
}
#app .zw175-feeding img{object-fit:contain!important;max-width:100%!important;max-height:100%!important;pointer-events:none!important;-webkit-user-drag:none!important}
#app .zw175-feeding .zw91-title{
 left:17%!important;top:16.2%!important;width:76%!important;height:13.4%!important;
 background:url('/game-start-v173/feeding-sign.webp') center / contain no-repeat!important;
 filter:drop-shadow(0 4px 3px #70462d5c)!important;
 z-index:21!important;
}
#app .zw175-feeding .zw91-animal-grid{
 position:absolute!important;z-index:19!important;
 top:30.5%!important;left:4%!important;width:92%!important;height:66%!important;
 padding:clamp(13px,2.9vw,22px)!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 grid-template-rows:repeat(4,minmax(0,1fr))!important;
 gap:clamp(3px,1vh,10px)!important;
 align-items:center!important;justify-items:center!important;
 background:url('/bakery-v165/instruction-clean.webp') center / 100% 100% no-repeat!important;
 overflow:hidden!important;border:0!important;border-radius:0!important;
}
#app .zw175-feeding .zw91-animal-grid button.zw91-coin,
#app .zw175-feeding .zw91-choices button.zw91-coin{
 position:relative!important;display:grid!important;place-items:center!important;
 width:min(100%,clamp(70px,24vw,111px))!important;
 height:auto!important;aspect-ratio:1!important;min-height:0!important;min-width:0!important;
 max-height:100%!important;max-width:120px!important;
 overflow:visible!important;border-radius:50%!important;
 border:0!important;padding:clamp(7px,1.6vw,12px)!important;
 background:transparent url('/bakery-v163/button-honey.webp') center/contain no-repeat!important;
 box-shadow:none!important;filter:drop-shadow(0 3px 2px #65492f55)!important;
 touch-action:none!important;
}
#app .zw175-feeding .zw91-animal-grid button.zw91-coin:nth-child(3n),
#app .zw175-feeding .zw91-choices button.zw91-coin:nth-child(3n){
 background-image:url('/bakery-v163/button-mint.webp')!important;
}
#app .zw175-feeding .zw91-animal-grid button.zw91-coin:nth-child(3n+2),
#app .zw175-feeding .zw91-choices button.zw91-coin:nth-child(3n+2){
 background-image:url('/bakery-v163/button-berry.webp')!important;
}
#app .zw175-feeding .zw91-coin-art{display:none!important}
#app .zw175-feeding button.zw91-coin .zw91-coin-icon{
 position:static!important;
 width:90%!important;height:90%!important;
 max-height:90%!important;max-width:90%!important;
 display:block!important;object-fit:contain!important;
 margin:auto!important;transform:none!important;
 filter:drop-shadow(0 2px 1px #805d3c42)!important;
}
#app .zw175-feeding .zw91-choices button.zw91-coin .zw91-coin-icon{
 width:91%!important;height:91%!important;max-width:91%!important;max-height:91%!important;
}
#app .zw175-feeding button.zw91-coin:active{transform:scale(.94)!important}
#app .zw175-feeding .zw91-goal{
 top:29.1%!important;left:4%!important;width:92%!important;height:15.2%!important;
 min-height:0!important;
 background:url('/bakery-v165/instruction-clean.webp') center/100% 100% no-repeat!important;
 z-index:18!important;
}
#app .zw175-feeding .zw91-board-art{display:none!important}
#app .zw175-feeding .zw91-goal-inner{
 width:87%!important;height:79%!important;
 overflow:visible!important;gap:clamp(5px,2vw,12px)!important;
}
#app .zw175-feeding .zw91-number{width:clamp(38px,12vw,65px)!important;height:77%!important;flex:none!important}
#app .zw175-feeding .zw91-wish-units{
 flex:1 1 auto!important;width:auto!important;max-width:76%!important;
 height:85%!important;display:flex!important;
 align-items:center!important;justify-content:center!important;gap:3px!important;
}
#app .zw175-feeding .zw91-wish-unit{display:grid!important;place-items:center!important;height:100%!important;min-width:0!important}
#app .zw175-feeding .zw91-wish-unit img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
#app .zw175-feeding .zw91-goal-large{height:90%!important;width:clamp(56px,21vw,95px)!important}
#app .zw175-feeding .zw91-feeding-stage{
 left:3%!important;top:45.5%!important;width:94%!important;height:33.5%!important;
 overflow:visible!important;z-index:15!important;
}
#app .zw175-feeding .zw91-feeding-stage .zw91-character{
 left:28%!important;top:0%!important;width:44%!important;height:92%!important;z-index:5!important;
 filter:drop-shadow(0 4px 3px #76513445)!important;
 transform-origin:50% 84%!important;
 pointer-events:none!important;
}
#app .zw175-feeding .zw175-moritz,#app .zw175-feeding .zw175-igor{
 position:absolute!important;z-index:4!important;
 width:30%!important;height:79%!important;bottom:0!important;max-width:none!important;
 object-fit:contain!important;object-position:center bottom!important;
 filter:drop-shadow(0 3px 2px #71503344)!important;
}
#app .zw175-feeding .zw175-moritz{left:-1%!important}
#app .zw175-feeding .zw175-igor{right:-1%!important;transform:scaleX(-1)!important}
#app .zw175-feeding .zw91-ground-bowl{
 position:absolute!important;z-index:7!important;
 bottom:-1%!important;left:38%!important;width:24%!important;height:30%!important;
 object-fit:contain!important;filter:drop-shadow(0 2px 2px #77533b45)!important;
}
#app .zw175-feeding .zw91-choices{
 top:79.6%!important;left:4%!important;width:92%!important;height:18.4%!important;
 z-index:23!important;display:flex!important;align-items:center!important;justify-content:space-evenly!important;
 gap:clamp(7px,2vw,16px)!important;padding:clamp(10px,2.7vw,21px)!important;
 background:url('/bakery-v165/instruction-clean.webp') center/100% 100% no-repeat!important;
 overflow:visible!important;
}
#app .zw175-feeding .zw91-choices button.zw91-coin{
 width:min(29vw,122px)!important;height:auto!important;aspect-ratio:1!important;
 max-height:100%!important;
 flex:0 1 122px!important;min-width:70px!important;min-height:70px!important;
}
#app .zw175-feeding .zw91-ghost{width:clamp(56px,15vw,92px)!important;height:clamp(56px,15vw,92px)!important}
#app .zw175-feeding .zw91-effects{pointer-events:none!important}
#app .zw175-feeding .zw91-animal-grid button.zw91-coin:focus-visible,
#app .zw175-feeding .zw91-choices button.zw91-coin:focus-visible{
 outline:4px dashed #8e5d39!important;outline-offset:3px!important;
}
/* iPhone mini: preserve all ten pets and all large fingers-first buttons. */
@media(orientation:portrait) and (max-height:650px){
 #app .zw175-feeding .zw91-title{top:13%!important;height:13%!important}
 #app .zw175-feeding .zw91-animal-grid{top:27.5%!important;height:69.5%!important;padding:10px!important;gap:2px!important}
 #app .zw175-feeding .zw91-animal-grid button.zw91-coin{width:min(22vw,84px)!important;min-height:0!important}
 #app .zw175-feeding .zw91-goal{top:27%!important;height:16%!important}
 #app .zw175-feeding .zw91-feeding-stage{top:44%!important;height:33%!important}
 #app .zw175-feeding .zw91-choices{top:78.5%!important;height:20%!important;padding:8px!important}
 #app .zw175-feeding .zw91-choices button.zw91-coin{width:24vw!important;min-width:66px!important;min-height:66px!important}
}
@media(orientation:landscape) and (max-height:650px){
 #app .zw175-feeding.main-content{
  background-image:url('/bakery-v165/kitchen-landscape.webp')!important;
 }
 #app .zw175-feeding .zw91-title{top:2%!important;left:52%!important;width:43%!important;height:19%!important}
 #app .zw175-feeding .zw91-animal-grid{
  top:23%!important;left:6%!important;width:88%!important;height:74%!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;padding:10px!important;
 }
 #app .zw175-feeding .zw91-animal-grid button.zw91-coin{
  width:min(14vw,21vh,100px)!important;
 }
 #app .zw175-feeding .zw91-goal{left:56%!important;top:24%!important;width:41%!important;height:31%!important}
 #app .zw175-feeding .zw91-goal-inner{width:87%!important}
 #app .zw175-feeding .zw91-number{width:clamp(36px,8vh,54px)!important}
 #app .zw175-feeding .zw91-feeding-stage{left:2%!important;top:16%!important;width:54%!important;height:81%!important}
 #app .zw175-feeding .zw91-feeding-stage .zw91-character{width:43%!important;left:29%!important}
 #app .zw175-feeding .zw175-moritz,#app .zw175-feeding .zw175-igor{height:84%!important;width:29%!important}
 #app .zw175-feeding .zw91-choices{
  left:56%!important;top:59%!important;width:41%!important;height:37%!important;
  padding:6px!important;gap:3px!important;
 }
 #app .zw175-feeding .zw91-choices button.zw91-coin{
  width:min(10vw,21vh,100px)!important;
  min-width:55px!important;min-height:55px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #app .zw175-feeding .zw91-character,
 #app .zw175-feeding .zw91-coin{animation:none!important;transition:none!important}
}
/* Backstube V175. The bowl contains only painted, free-standing ingredients, not their buttons. */
#app .zw165.zw160-collect .zw160-bowl-unit .zw166-bowl-stash{
 position:absolute!important;z-index:10!important;
 top:33%!important;left:14%!important;width:72%!important;height:30%!important;
 min-height:0!important;overflow:visible!important;
 display:grid!important;align-items:center!important;justify-items:center!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:50%!important;
 gap:0!important;
 border-radius:0!important;
 pointer-events:none!important;
}
#app .zw165.zw160-collect .zw160-bowl-unit .zw166-bowl-stash.zw166-stash-1{
 left:36%!important;width:28%!important;grid-template-columns:1fr!important;grid-auto-rows:100%!important;
}
#app .zw165.zw160-collect .zw160-bowl-unit .zw166-bowl-stash.zw166-stash-2{
 left:27%!important;width:46%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:100%!important;
}
#app .zw165.zw160-collect .zw160-bowl-unit .zw166-bowl-stash.zw166-stash-3{
 left:19%!important;width:62%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:100%!important;
}
#app .zw165.zw160-collect .zw160-bowl-unit .zw166-bowl-stash.zw166-stash-4{
 left:13%!important;width:74%!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:100%!important;
}
#app .zw165.zw160-collect .zw160-bowl-unit .zw166-stash-item{
 width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
 display:grid!important;place-items:center!important;
 transform-origin:center!important;
 overflow:visible!important;
 rotate:0deg!important;
}
#app .zw165.zw160-collect .zw160-bowl-unit .zw166-stash-item img{
 display:block!important;max-width:89%!important;max-height:92%!important;
 width:89%!important;height:92%!important;
 object-fit:contain!important;object-position:center!important;
 filter:drop-shadow(0 2px 1px #61452e42)!important;
}
#app .zw165.zw160-collect .zw160-bowl-unit .zw160-bowl-foreground{z-index:8!important}
#app .zw165.zw160-collect .zw160-ingredient{
 display:grid!important;place-items:center!important;padding:0!important;
 overflow:visible!important;border-radius:50%!important;
 background:none!important;
}
#app .zw165.zw160-collect .zw160-ingredient img{
 width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
 object-fit:contain!important;object-position:center!important;margin:0 auto!important;
 transform:none!important;
}
#app .zw165.zw160-collect .zw160-count-item img{
 object-fit:contain!important;object-position:center!important;
}
@media(orientation:landscape) and (max-height:650px){
 #app .zw165.zw160-collect .zw160-bowl-unit .zw166-bowl-stash{top:29%!important;height:35%!important}
}
