/* Zählwiese game-start loader v304 – all imagery is existing pencil-painted WebP. */
.zw304-screen{
 position:fixed!important;
 inset:0!important;
 width:100vw!important;
 height:100dvh!important;
 z-index:2147483640!important;
 background:#e9f4d3 url('/home-v126/background-portrait.webp') center/cover no-repeat!important;
 display:flex!important;
 justify-content:center!important;
 align-items:center!important;
 padding:calc(26px + env(safe-area-inset-top,0px)) 16px calc(34px + env(safe-area-inset-bottom,0px))!important;
 box-sizing:border-box!important;
 touch-action:manipulation!important;
 overflow:hidden!important;
 color:#684932!important;
 opacity:1!important;
}
.zw304-screen .zw304-scene{
 position:relative!important;
 width:min(100%,480px)!important;
 max-height:100%!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 gap:clamp(9px,2.4vh,20px)!important;
 text-align:center!important;
 isolation:isolate!important;
}
.zw304-title{
 font-family:'Chalkboard SE','Marker Felt','Comic Sans MS',sans-serif!important;
 font-size:clamp(26px,7vw,36px)!important;
 font-weight:700!important;
 line-height:1.1!important;
 color:#67462e!important;
 text-shadow:0 1px 0 #fff8e4!important;
}
.zw304-game{
 font-family:'Chalkboard SE','Marker Felt',sans-serif!important;
 font-size:clamp(21px,6vw,29px)!important;
 font-weight:700!important;
 color:#6b492c!important;
 background:rgba(255,248,222,.77)!important;
 border-radius:24px!important;
 padding:5px 18px!important;
}
.zw304-message{
 font-family:'Chalkboard SE','Marker Felt',sans-serif!important;
 font-size:clamp(14px,3.7vw,20px)!important;
 color:#654a36!important;
 font-weight:600!important;
 text-shadow:0 1px #fff5e8!important;
 margin:0!important;
 min-height:1.5em!important;
}
.zw304-friends{
 display:flex!important;
 justify-content:center!important;
 align-items:flex-end!important;
 width:100%!important;
 height:clamp(155px,36dvh,310px)!important;
 gap:clamp(4px,3vw,25px)!important;
 position:relative!important;
}
.zw304-friends img{
 display:block!important;
 width:min(43%,205px)!important;
 height:100%!important;
 object-fit:contain!important;
 object-position:center bottom!important;
 border:0!important;
 background:transparent!important;
 filter:drop-shadow(0 6px 3px #726a4445)!important;
 transform-origin:50% 94%!important;
 will-change:transform!important;
}
.zw304-moritz{animation:zw304-moritz-move 2.4s ease-in-out infinite!important}
.zw304-igor{animation:zw304-igor-move 2.4s ease-in-out infinite!important}
@keyframes zw304-moritz-move{
 0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}
 38%{transform:translate3d(0,-12px,0) rotate(3deg)}
 68%{transform:translate3d(0,0,0) rotate(0deg)}
}
@keyframes zw304-igor-move{
 0%,100%{transform:translate3d(0,-2px,0) rotate(2deg)}
 40%{transform:translate3d(0,0,0) rotate(-2deg)}
 74%{transform:translate3d(0,-13px,0) rotate(3deg)}
}
.zw304-star{
 position:absolute!important;
 width:clamp(27px,9vw,43px)!important;
 height:clamp(27px,9vw,43px)!important;
 object-fit:contain!important;
 opacity:.96!important;
 pointer-events:none!important;
 animation:zw304-twinkle 1.9s ease-in-out infinite!important;
}
.zw304-star-a{top:19%!important;left:5%!important}
.zw304-star-b{top:31%!important;right:3%!important;animation-delay:.9s!important}
@keyframes zw304-twinkle{
 0%,100%{transform:scale(.75) rotate(-9deg);opacity:.45}
 50%{transform:scale(1.1) rotate(9deg);opacity:1}
}
.zw304-back,.zw304-retry{
 box-sizing:border-box!important;
 width:145px!important;
 min-height:51px!important;
 padding:10px!important;
 color:#623e2d!important;
 background:transparent url('/finger-v225/button-1.webp') center/100% 100% no-repeat!important;
 border:0!important;
 font-family:'Chalkboard SE','Marker Felt',sans-serif!important;
 font-size:17px!important;
 font-weight:700!important;
 cursor:pointer!important;
 outline-offset:2px!important;
 -webkit-tap-highlight-color:transparent!important;
 touch-action:manipulation!important;
}
.zw304-back{margin-top:8px!important}
.zw304-retry{width:240px!important;margin-top:5px!important}
.zw304-retry[hidden]{display:none!important}
.zw304-error .zw304-message{color:#8b432d!important}
@media(orientation:landscape){
 .zw304-screen{background-image:url('/home-v126/background-landscape.webp')!important;padding:5px 14px!important}
 .zw304-screen .zw304-scene{gap:4px!important;max-width:680px!important}
 .zw304-title{font-size:22px!important}
 .zw304-game{font-size:19px!important}
 .zw304-friends{height:min(40dvh,180px)!important}
 .zw304-friends img{width:min(27%,145px)!important}
 .zw304-message{font-size:14px!important}
 .zw304-back{margin-top:0!important;min-height:40px!important;padding:4px!important}
 .zw304-star-a{top:19%!important;left:19%!important}
 .zw304-star-b{top:28%!important;right:18%!important}
}
@media(prefers-reduced-motion:reduce){
 .zw304-friends img,.zw304-star{animation:none!important;will-change:auto!important}
}