/* R7068 - niezalezny, twardy override manipulatora desktop */
@media (min-width:821px){
  .desktop-utility-dock.is-open{
    right:0!important;
    transform:translateX(0)!important;
  }

  .desktop-utility-dock-toggle.is-blinking .desktop-utility-dock-toggle__img,
  .desktop-utility-dock-toggle__img{
    animation:none!important;
  }
}

/* R7258 - skalowanie obu kontrolerow PCB przy zmniejszaniu okna desktop.
   Tylko CSS. Zachowane animacje, geometria JS, obszary klikania i breakpoint mobile. */
@media (min-width:821px){
  .desktop-utility-dock{
    width:min(429px,39vw,calc((100vh - 96px)*1.06))!important;
    width:min(429px,39vw,calc((100dvh - 96px)*1.06))!important;
    right:0!important;
    bottom:clamp(8px,1.8vh,18px)!important;
  }
  .desktop-utility-dock.is-open{right:0!important}
  .desktop-utility-panel{
    width:min(102px,11vw,calc((100vh - 163px)*.18))!important;
    width:min(102px,11vw,calc((100dvh - 163px)*.18))!important;
  }
  .desktop-utility-dock-toggle,
  .desktop-utility-dock-toggle.is-open{
    width:7%!important;
    max-width:30px!important;
    aspect-ratio:30/84!important;
    height:auto!important;
    left:-7%!important;
    right:auto!important;
  }
}

/* R7259 | dostepna przestrzen > fizyczny rozmiar okna; panel PCB skaluje sie proporcjonalnie.
   Komponenty gry, menu mobilne i przesuwanie strony poza viewportem pozostaja nietkniete. */
@media (min-width:821px){
  .desktop-utility-dock{
    width:min(429px,29vw,calc((100dvh - 24px)*2.8))!important;
    width:min(429px,29vw,calc((100vh - 24px)*2.8))!important;
    right:clamp(0px,.7vw,10px)!important;
    bottom:clamp(6px,1.6vh,16px)!important;
    max-width:calc(100vw - 42px)!important;
  }
  .desktop-utility-dock.is-open{right:clamp(0px,.7vw,10px)!important}
  .desktop-utility-panel{
    width:min(102px,7.6vw,calc((100vh - 130px)*.176))!important;
    max-height:calc(100vh - 40px)!important;
  }
  .desktop-utility-dock-toggle,
  .desktop-utility-dock-toggle.is-open{
    width:clamp(23px,6.6%,30px)!important;
    height:auto!important;
    aspect-ratio:30/84!important;
    left:-27px!important;
    right:auto!important;
  }
}
@media (min-width:821px) and (max-height:430px){
  .desktop-utility-dock{width:min(260px,28vw)!important;bottom:4px!important}
  .desktop-utility-panel{width:min(54px,6vw,calc((100vh - 100px)*.17))!important}
}
/* Gdy okno ma mobilny rozmiar, desktopowy kontroler nigdy nie moze zakrywac strony. */
@media (max-width:820px){
  .desktop-utility-dock,.desktop-utility-panel,.desktop-utility-dock-toggle{display:none!important}
}

/* R7260 - jednolita skala i zachowanie proporcji dla calych plytek (gość + zalogowany).
   Jednostka: natywny uklad 429x103.68, 102x566.67, przelacznik 30x84. */
.r7260-desktop-pcb .desktop-utility-dock{
  width:calc(429px * var(--r7260-pcb-scale,1))!important;
  right:calc(8px * var(--r7260-pcb-scale,1))!important;
  bottom:calc(14px * var(--r7260-pcb-scale,1))!important;
  max-width:none!important;
  min-width:0!important;
  aspect-ratio:1200 / 290!important;
}
.r7260-desktop-pcb .desktop-utility-dock.is-open{
  right:calc(8px * var(--r7260-pcb-scale,1))!important;
  transform:translateX(0)!important;
}
.r7260-desktop-pcb .desktop-utility-dock-toggle,
.r7260-desktop-pcb .desktop-utility-dock-toggle.is-open{
  left:calc(-28px * var(--r7260-pcb-scale,1))!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:calc(30px * var(--r7260-pcb-scale,1))!important;
  height:calc(84px * var(--r7260-pcb-scale,1))!important;
  max-width:none!important;
  aspect-ratio:30 / 84!important;
  transform:translateY(-50%)!important;
}
.r7260-desktop-pcb .desktop-utility-panel{
  display:block!important;
  width:calc(102px * var(--r7260-pcb-scale,1))!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:180 / 1000!important;
  right:var(--desktop-pcb-right,8px)!important;
  bottom:var(--desktop-pcb-bottom,121.7px)!important;
}
/* Dla malego okna przegladarki na komputerze nie dubluj nawigacji mobilnej.
   Na telefonie klasa r7260-desktop-pcb nie jest aktywna. */
.r7260-desktop-pcb .mobile-nav,
.r7260-desktop-pcb .mobile-utility-panel{display:none!important}
@media (max-width:820px){
  .r7260-desktop-pcb .desktop-utility-dock{display:grid!important}
  .r7260-desktop-pcb .desktop-utility-panel{display:block!important}
  .r7260-desktop-pcb .desktop-utility-dock-toggle{display:block!important}
}
@media(prefers-reduced-motion:reduce){
  .r7260-desktop-pcb .desktop-utility-dock,
  .r7260-desktop-pcb .desktop-utility-panel{transition:none!important}
}