/* Kubu Perkasa + jambatan SistemGuru.My (G108): the bridge joystick (.sgj-joy) never covers the game HUD.
   Kampung: left side, above the Attack button (short landscape: right of the Quest button). Battle (html.kp-bt): above the troop bar.
   Portrait: above the bottom button row. If the selection bar / place bar still reaches it (very small screens),
   js/jambatan.js sets html.kp-joy-tindih and the joystick steps aside until the bar closes. */
html .sgj-joy{left:calc(14px + var(--sal));bottom:calc(136px + var(--sab));width:110px;height:110px}
html.kp-bt .sgj-joy{left:calc(14px + var(--sal));bottom:calc(142px + var(--sab))}
@media (max-height:520px){
  html .sgj-joy{left:calc(76px + var(--sal));bottom:calc(112px + var(--sab));width:96px;height:96px}
  html .sgj-joy .sgj-joy-tombol{width:42px;height:42px}
  html.kp-bt .sgj-joy{left:calc(12px + var(--sal));bottom:calc(112px + var(--sab))}
}
@media (orientation:portrait) and (min-height:521px){
  html .sgj-joy{left:calc(14px + var(--sal));bottom:calc(min(350px, 100vh - 360px) + var(--sab))}
  html.kp-bt .sgj-joy{left:calc(14px + var(--sal));bottom:calc(150px + var(--sab))}
}
html.kp-joy-tindih .sgj-joy{visibility:hidden}
.kpj-rank b{color:#ffe35a}
.kpj-rank .btn{font-size:16px;padding:8px 14px}