/* Finger Rechner 2.1 – hand-painted UI refinement, no canvas */
#app .zw223-finger .zw223-top .zw223-home.zw224-home{
  width:clamp(51px,17.5%,79px)!important;height:clamp(49px,78%,77px)!important;
  min-height:48px!important;min-width:48px!important;
  left:0!important;padding:0!important;
  background:none!important;border:0!important;box-shadow:none!important;
  filter:drop-shadow(0 2px 1px #6d59424c);
}
#app .zw223-finger .zw223-home.zw224-home img{
  display:block!important;width:100%!important;height:100%!important;
  object-fit:contain!important;max-width:100%!important;max-height:100%!important;
  border:0!important;background:none!important;box-shadow:none!important;
  pointer-events:none!important;
}
#app .zw223-finger .zw223-top .zw223-title{
  width:clamp(190px,61%,380px)!important;height:94%!important;
  object-fit:contain!important;
}
#app .zw223-finger .zw223-top .zw223-round{
  right:0!important;width:clamp(50px,17%,75px)!important;
  min-width:50px!important;min-height:48px!important;height:74%!important;
  white-space:nowrap!important;word-break:keep-all!important;flex-wrap:nowrap!important;
  font:800 clamp(13px,3.6vw,18px)/1 'Chalkboard SE','Segoe Print',system-ui,sans-serif!important;
  letter-spacing:-.04em!important;padding:0 2px!important;
}
#app .zw223-finger .zw223-hand-slot .zw223-paper{object-fit:fill!important}
#app .zw223-finger .zw223-hand-slot{
  transition:filter .17s ease,transform .17s ease;
}
#app .zw223-finger .zw223-hand-slot:active{
  filter:drop-shadow(0 0 9px #ffefd9c4);
}
#app .zw223-finger .zw223-slot-number{
  top:6%;left:12%;font-weight:900!important;color:#694b30!important;
  font-size:clamp(24px,5.8vw,36px)!important;line-height:1!important;
}
#app .zw223-finger .zw223-hands.zw223-one-hand .zw223-slot-number{left:12%}
#app .zw223-finger .zw223-answer{
  text-shadow:0 1px #fff5df,-1px 1px #f8f1dd,1px 2px #74533b60!important;
  filter:drop-shadow(0 2px 1px #695f4e27);
  transform-origin:center!important;
}
#app .zw223-finger .zw223-answer.wrong{
  filter:drop-shadow(0 0 10px #df7e79)!important;
  animation:zw224-gentle-no .38s ease-in-out 1!important;
}
#app .zw223-finger .zw223-answer.is-correct{
  color:#2d6135!important;opacity:1!important;
  filter:drop-shadow(0 0 12px #ffe690)!important;
  animation:zw224-well-done .68s cubic-bezier(.2,.9,.25,1.15) both!important;
}
#app .zw223-finger .zw223-instruction{
  padding:6px 12px!important;
  font-size:clamp(14px,3.6vw,19px)!important;
  background:#fff2d9e8!important;
}
#app .zw223-finger .zw223-footer .zw223-success-message{
  background:#fff4d7ed!important;
  color:#476f44!important;
  font-size:clamp(15px,3.8vw,23px)!important;
  padding:4px 9px!important;
  box-shadow:0 2px 2px #756c4c29!important;
}
#app .zw223-finger button#nextBtn.zw223-next{
  width:clamp(78px,19vw,108px)!important;height:clamp(66px,18vw,97px)!important;
  min-width:66px!important;min-height:66px!important;
  margin:0!important;
  background:url('/bakery-v166/next.webp') center/contain no-repeat!important;
  filter:drop-shadow(0 3px 2px #765a3666);
  transform:translateZ(0)!important;
}
#app .zw223-finger button#nextBtn.zw223-next:active{
  transform:scale(.93)!important;
}
#app:has(.zw223-finger)>#zw95Restart{
  top:11.1%!important;left:3%!important;right:auto!important;
  width:clamp(43px,11vw,58px)!important;height:clamp(43px,11vw,58px)!important;
  filter:drop-shadow(0 3px 2px #755b3e4c)!important;
}
#app:has(.zw223-finger)>#zw95Restart::before,
#app:has(.zw223-finger)>#zw95Restart::after{display:none!important}
.zw224-reward{
  position:absolute;inset:0;z-index:7;overflow:hidden;pointer-events:none;
  contain:layout style paint;
}
.zw224-balloon{
  position:absolute;bottom:-17%;left:var(--x);
  display:block;width:clamp(28px,7vw,55px);height:auto;
  max-width:15%;max-height:18%;
  object-fit:contain;opacity:0;
  filter:drop-shadow(0 2px 2px #6b5c4850);
  transform:translate3d(0,0,0) rotate(-7deg);
  will-change:transform,opacity;
  animation:zw224-rise var(--dur) ease-out var(--delay) both;
}
.zw224-reward.zw224-grand .zw224-balloon{
  width:clamp(32px,9vw,64px);
}
.zw224-sky-star{
  position:absolute;left:var(--x);top:var(--y);
  display:block;width:clamp(21px,5vw,37px);height:auto;
  object-fit:contain;opacity:0;
  animation:zw224-shimmer 2.15s ease-out var(--delay) both;
  filter:drop-shadow(0 2px 3px #ba8f4a5a);
}
.zw224-tap-star{
  position:absolute;z-index:9;pointer-events:none;
  display:block;width:clamp(25px,6vw,38px);height:auto;
  left:var(--sx);top:23%;
  filter:drop-shadow(0 2px 1px #9b7a4959);
  animation:zw224-tap-spark .78s ease-out both!important;
}
#app .zw223-finger.zw223-result:not(:has(.zw223-one-hand)) .zw223-hand-slot:first-child .zw223-hand-image{
  animation:zw224-three-clap-left 1.95s cubic-bezier(.28,.65,.38,1) both!important;
}
#app .zw223-finger.zw223-result:not(:has(.zw223-one-hand)) .zw223-hand-slot:last-child .zw223-hand-image{
  animation:zw224-three-clap-right 1.95s cubic-bezier(.28,.65,.38,1) both!important;
}
#app .zw223-finger.zw223-result:has(.zw223-one-hand) .zw223-hand-image{
  animation:zw224-one-hand-cheer 1.1s ease-in-out both!important;
}
#app .zw223-finger.zw224-grand-finale .zw223-board{
  filter:drop-shadow(0 0 12px #ffe59a94) drop-shadow(0 4px 3px #414c3859);
}
#app .zw223-finger.zw224-grand-finale .zw223-moritz,
#app .zw223-finger.zw224-grand-finale .zw223-igor{
  animation:zw224-friend-bob 1s ease-in-out 2 both;
}
@keyframes zw224-rise{
  0%{opacity:0;transform:translate3d(0,25vh,0) rotate(-8deg)}
  12%{opacity:.96}
  78%{opacity:.96}
  100%{opacity:0;transform:translate3d(var(--drift),-125vh,0) rotate(14deg)}
}
@keyframes zw224-shimmer{
  0%{opacity:0;transform:scale(.4) rotate(-17deg)}
  27%{opacity:1;transform:scale(1.2) rotate(8deg)}
  58%{opacity:.9;transform:scale(.92) rotate(0)}
  100%{opacity:0;transform:scale(1.45) rotate(14deg)}
}
@keyframes zw224-tap-spark{
  0%{opacity:0;transform:translateY(10px) rotate(-20deg) scale(.55)}
  30%{opacity:1;transform:translateY(-11px) rotate(9deg) scale(1.15)}
  100%{opacity:0;transform:translateY(-45px) rotate(35deg) scale(.7)}
}
@keyframes zw224-gentle-no{
  0%,100%{transform:translateX(0) rotate(0)}
  25%{transform:translateX(-3px) rotate(-3deg)}
  55%{transform:translateX(3px) rotate(3deg)}
  75%{transform:translateX(-2px) rotate(-1deg)}
}
@keyframes zw224-well-done{
  0%{transform:scale(.95)}55%{transform:scale(1.16)}100%{transform:scale(1)}
}
@keyframes zw224-one-hand-cheer{
  0%,100%{transform:rotate(0) translateY(0)}
  35%{transform:rotate(-11deg) translateY(-6%)}
  68%{transform:rotate(8deg) translateY(-4%)}
}
@keyframes zw224-three-clap-left{
  0%,13%,100%{transform:translateX(0) rotate(0)}
  28%,48%,67%{transform:translateX(39%) rotate(10deg)}
  38%,58%,79%{transform:translateX(7%) rotate(-3deg)}
}
@keyframes zw224-three-clap-right{
  0%,13%,100%{transform:translateX(0) rotate(0)}
  28%,48%,67%{transform:translateX(-39%) rotate(-10deg)}
  38%,58%,79%{transform:translateX(-7%) rotate(3deg)}
}
@keyframes zw224-friend-bob{
  0%,100%{transform:translateY(0)}50%{transform:translateY(-8%) rotate(3deg)}
}
@media(orientation:landscape){
  #app .zw223-finger .zw223-top .zw223-home.zw224-home{
    width:clamp(48px,8.5%,70px)!important;height:90%!important;left:0!important;
  }
  #app .zw223-finger .zw223-top .zw223-title{width:min(39%,400px)!important}
  #app .zw223-finger .zw223-top .zw223-round{
    width:clamp(55px,8.5%,76px)!important;font-size:clamp(12px,1.7vw,17px)!important;
    height:82%!important;min-height:42px!important;
  }
  #app .zw223-finger .zw223-slot-number{font-size:clamp(18px,2.7vw,28px)!important}
  #app .zw223-finger button#nextBtn.zw223-next{
    width:clamp(65px,13vh,92px)!important;height:clamp(60px,14vh,85px)!important;
  }
  #app:has(.zw223-finger)>#zw95Restart{
    top:auto!important;left:2%!important;bottom:2%!important;
    width:clamp(42px,9vh,55px)!important;height:clamp(42px,9vh,55px)!important;
  }
  .zw224-balloon{width:clamp(20px,3.6vw,38px);max-height:20%}
  .zw224-sky-star{width:clamp(17px,2.9vw,29px)}
}
@media(max-width:350px), (max-height:620px) and (orientation:portrait){
  #app .zw223-finger .zw223-top .zw223-title{width:60%!important}
  #app .zw223-finger .zw223-top .zw223-round{font-size:13px!important}
  #app .zw223-finger button#nextBtn.zw223-next{
    width:65px!important;height:63px!important;min-height:58px!important;
  }
  #app .zw223-finger .zw223-footer .zw223-success-message{
    font-size:14px!important;padding:2px 6px!important;
  }
  #app .zw223-finger .zw223-instruction{font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){
  #app .zw223-finger .zw224-reward *,
  #app .zw223-finger .zw224-tap-star,
  #app .zw223-finger .zw223-hand-image{animation:none!important;will-change:auto!important}
  #app .zw223-finger .zw224-reward{display:none!important}
}