/* Stable ad dock: layout does not depend on loading, success, or no-fill.
   The same 90px creative size must be configured in Yandex. */
:root{--cluck-ad-reserve:0px;--cluck-ad-height:90px}
@media(min-height:480px) and (min-width:340px){
 html.cluck-banner-dock{--cluck-ad-reserve:118px}
}
#ref138Stage{
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;overflow:hidden!important;
}
#ref138Stage #ref138Canvas{
 position:absolute!important;inset:0 0 var(--cluck-ad-reserve) 0!important;
 width:100%!important;height:calc(100% - var(--cluck-ad-reserve))!important;
 max-height:none!important;min-height:0!important;aspect-ratio:auto!important;
 flex:none!important;box-sizing:border-box!important;
}
#ref138Stage #cluck-yan-home:not([hidden]){
 position:absolute!important;top:auto!important;left:50%!important;right:auto!important;
 bottom:8px!important;transform:translateX(-50%)!important;
 width:min(990px,94vw)!important;max-width:min(990px,94vw)!important;
 height:110px!important;min-height:110px!important;max-height:110px!important;
 margin:0!important;padding:4px 9px!important;box-sizing:border-box!important;
 background:#102b3a!important;border-radius:10px!important;
 box-shadow:0 3px 10px #071a2545!important;pointer-events:auto;z-index:90!important;
 overflow:visible!important;
}
#ref138Stage #cluck-yan-home .yan-creative{
 display:block!important;width:100%!important;min-width:0!important;
 height:90px!important;min-height:90px!important;max-height:90px!important;
 overflow:visible!important;
}
#ref138Stage #cluck-yan-home .yan-label{
 height:12px!important;margin:0!important;line-height:12px!important;font-size:10px!important;
}
@media(max-height:479px),(max-width:339px){
 #ref138Stage #cluck-yan-home{display:none!important}
}
/* A single 50px mobile format survives rotation without refreshing the ad. */
@media(pointer:coarse) and (min-height:300px) and (min-width:340px){
 html.cluck-banner-dock{--cluck-ad-reserve:78px;--cluck-ad-height:50px}
 #ref138Stage #cluck-yan-home:not([hidden]){display:block!important;height:70px!important;min-height:70px!important;max-height:70px!important;width:min(338px,94vw)!important;max-width:min(338px,94vw)!important}
 #ref138Stage #cluck-yan-home .yan-creative{height:50px!important;min-height:50px!important;max-height:50px!important}
}
@media(pointer:coarse) and (orientation:landscape) and (min-height:300px) and (max-height:530px){
 #ref138Canvas .ref138-action{width:min(29vw,280px)!important;height:20%!important;min-height:42px!important;padding:5px 10px!important}
 #ref138Canvas .ref138-action .cmt{font-size:clamp(14px,2.3vw,20px)!important;letter-spacing:-.3px}
 #ref138Canvas .ref138-action .cmi{width:22%!important}
 #ref138Canvas .c-player-name{bottom:2%!important;max-width:26vw;padding:5px!important}
 #ref138Canvas .c-player-name input{font-size:12px!important}
 #ref138Canvas .c-menu-logo{top:2%!important}
 #ref138Canvas .v138-wallet{min-width:70px!important;padding:6px 8px!important;font-size:14px!important}
 #ref138Canvas #v138EggCount{right:calc(4% + 78px)!important}
 #ref138Canvas #v138TicketCount{right:4%!important}
}