
/* Zählwiese 2.40 — identical hand-drawn red restart image in every game.
   The original Backstube WebP is reused unchanged, no canvas and no SVG. */
#app button#zw95Restart,
#app button#zw231Restart,
#app button#zw230Restart,
#app button#zw209Restart,
#app button#zw107Restart,
#app button#zw192Restart,
#app button[id*="restart" i]:not(#zw240Restart),
#app button[class*="restart" i]:not(#zw240Restart),
#app .zw93-reset,
#app .zw165-header-restart,
#app .zw165-intro-restart,
#app .zw165-wide-restart {
 display:none!important;
}
#app #zw240Restart{
 position:fixed!important;
 left:max(8px,env(safe-area-inset-left,0px))!important;
 right:auto!important;
 top:max(7px,env(safe-area-inset-top,0px))!important;
 bottom:auto!important;
 width:clamp(62px,19vw,78px)!important;
 height:clamp(62px,19vw,78px)!important;
 min-width:58px!important;min-height:58px!important;
 max-width:78px!important;max-height:78px!important;
 margin:0!important;padding:0!important;
 border:none!important;outline:0!important;
 border-radius:50%!important;
 background:none!important;background-image:none!important;
 box-shadow:none!important;
 display:flex!important;
 align-items:center!important;justify-content:center!important;
 overflow:visible!important;
 z-index:2147480000!important;
 pointer-events:auto!important;
 touch-action:manipulation!important;
 -webkit-tap-highlight-color:transparent!important;
 -webkit-user-select:none!important;user-select:none!important;
 cursor:pointer!important;
 filter:drop-shadow(0 3px 3px rgba(78,39,31,.28))!important;
 isolation:isolate!important;
 transform:none!important;
}
#app #zw240Restart::before,#app #zw240Restart::after{
 content:none!important;display:none!important;
}
#app #zw240Restart > img{
 display:block!important;
 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;object-position:50% 50%!important;
 border:0!important;background:transparent!important;
 pointer-events:none!important;
 -webkit-user-drag:none!important;
 transform:scale(1)!important;
 transform-origin:center!important;
 transition:transform .14s ease-out!important;
}
#app #zw240Restart:active > img{
 transform:scale(.90) rotate(-9deg)!important;
}
#app #zw240Restart:focus-visible{
 outline:3px dashed #90552e!important;
 outline-offset:2px!important;
}
#app #zw240Restart:disabled{
 pointer-events:none!important;
 opacity:.85!important;
}
@media(orientation:landscape){
 #app #zw240Restart{
  left:max(7px,env(safe-area-inset-left,0px))!important;
  top:max(5px,env(safe-area-inset-top,0px))!important;
  width:clamp(58px,17dvh,70px)!important;
  height:clamp(58px,17dvh,70px)!important;
 }
}
@media(orientation:portrait) and (max-width:355px){
 #app #zw240Restart{
  width:61px!important;height:61px!important;
 }
}
/* Picnic previously put Home at the upper LEFT; standardize it at right,
   and move the help button between the two non-overlapping large controls. */
#app:has(.zw107) #homeBtn{
 position:fixed!important;
 top:max(7px,env(safe-area-inset-top,0px))!important;
 left:auto!important;
 right:max(8px,env(safe-area-inset-right,0px))!important;
 width:clamp(62px,19vw,76px)!important;
 height:clamp(62px,19vw,76px)!important;
 z-index:2147479998!important;
}
#app:has(.zw107) .zw107-help{
 position:fixed!important;
 top:max(13px,env(safe-area-inset-top,0px))!important;
 left:auto!important;right:clamp(85px,23vw,115px)!important;
 z-index:2147479998!important;
}
@media(orientation:landscape){
 #app:has(.zw107) .zw107-help{
  right:clamp(82px,13dvh,108px)!important;
  top:7px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #app #zw240Restart > img{
  transition:none!important;
 }
 #app #zw240Restart:active > img{
  transform:none!important;
 }
}

/* The Backstube's previous header-specific selector outranked generic legacy
   hiding rules. This explicit rule prevents two identical red restart images. */
#app .zw209 .zw209-top > button#zw231Restart.zw231-restart{
 display:none!important;
 visibility:hidden!important;
 pointer-events:none!important;
}
