
/* Backstube v231: ORIGINAL newly illustrated red restart control.
   Not a CSS-generated graphic, not old white/wood button. */
#app .zw209 .zw209-top > button#zw231Restart.zw231-restart{
 position:absolute!important;
 left:max(8px,env(safe-area-inset-left))!important;
 right:auto!important;
 top:max(7px,env(safe-area-inset-top))!important;
 bottom:auto!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:clamp(66px,19vw,78px)!important;
 height:clamp(66px,19vw,78px)!important;
 min-width:58px!important;min-height:58px!important;
 margin:0!important;padding:0!important;
 flex:none!important;
 background:none!important;background-image:none!important;
 border:none!important;outline:none!important;
 border-radius:50%!important;box-shadow:none!important;
 overflow:visible!important;isolation:isolate!important;
 pointer-events:auto!important;touch-action:manipulation!important;
 z-index:35!important;
 cursor:pointer!important;
 -webkit-tap-highlight-color:transparent!important;
 filter:drop-shadow(0 3px 3px rgba(78,39,31,.28))!important;
 transform:none!important;
}
#app .zw209 .zw209-top > button#zw231Restart::before,
#app .zw209 .zw209-top > button#zw231Restart::after{
 content:none!important;display:none!important;
}
#app .zw209 .zw209-top > button#zw231Restart > img.zw231-restart-art{
 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:none!important;outline:none!important;background:transparent!important;
 pointer-events:none!important;
 -webkit-user-drag:none!important;user-select:none!important;
 transform:scale(1)!important;
 transform-origin:center center!important;
 transition:transform .14s ease-out!important;
 filter:none!important;
}
#app .zw209 .zw209-top > button#zw231Restart:active > img.zw231-restart-art{
 transform:scale(.90) rotate(-9deg)!important;
}
#app .zw209 .zw209-top > button#zw231Restart:focus-visible{
 outline:3px dashed #90552e!important;outline-offset:1px!important;
}
@media(orientation:landscape){
 #app .zw209 .zw209-top > button#zw231Restart.zw231-restart{
  left:max(7px,env(safe-area-inset-left))!important;
  top:5px!important;
  width:clamp(58px,17dvh,70px)!important;
  height:clamp(58px,17dvh,70px)!important;
  min-width:58px!important;min-height:58px!important;
 }
}
@media(max-width:355px) and (orientation:portrait){
 #app .zw209 .zw209-top > button#zw231Restart.zw231-restart{
  width:61px!important;height:61px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #app .zw209 .zw209-top > button#zw231Restart > img.zw231-restart-art{
  transition:none!important;
 }
}
