/* PACK333R62 — mobile chrome visual polish: less intrusive controls, hidden diagnostics in player mode. */
body.sk-player-mode .sk-perf-diagnostic-panel{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* The extra menu fullscreen pill must not sit over fight/pause; keep the native combat fullscreen icon only. */
body.sk-scene-fight #pack300MenuFullscreen,
body.sk-scene-pause #pack300MenuFullscreen,
body.sk-scene-select #pack300MenuFullscreen,
body.sk-scene-results #pack300MenuFullscreen{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

body.touch-ui-enabled.sk-player-mode #mobileControls{
  z-index:31000!important;
}
body.touch-ui-enabled.sk-player-mode #mobileControls .touch-btn,
body.touch-ui-enabled.sk-player-mode #mobileEsc,
body.touch-ui-enabled.sk-player-mode #mobileEnter,
body.touch-ui-enabled.sk-player-mode #mobileTab,
body.touch-ui-enabled.sk-player-mode #mobileF4{
  border-color:rgba(250,204,21,.54)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.48),rgba(2,6,23,.56))!important;
  color:rgba(248,250,252,.92)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.65)!important;
}
body.touch-ui-enabled.sk-player-mode #mobileControls .touch-btn:active,
body.touch-ui-enabled.sk-player-mode #mobileControls .touch-btn.active{
  opacity:1!important;
  filter:brightness(1.15)!important;
  background:linear-gradient(180deg,rgba(250,204,21,.82),rgba(180,83,9,.82))!important;
  color:#0f172a!important;
}

/* Utility keys are still usable, but visually become small status chips. */
body.touch-ui-enabled.sk-player-mode #mobileEsc,
body.touch-ui-enabled.sk-player-mode #mobileEnter,
body.touch-ui-enabled.sk-player-mode #mobileTab,
body.touch-ui-enabled.sk-player-mode #mobileF4{
  width:54px!important;
  height:32px!important;
  min-width:54px!important;
  min-height:32px!important;
  border-radius:11px!important;
  font-size:11px!important;
  opacity:.78;
}
body.touch-ui-enabled.sk-player-mode #mobileEsc{ top:calc(8px + env(safe-area-inset-top))!important; left:calc(8px + env(safe-area-inset-left))!important; }
body.touch-ui-enabled.sk-player-mode #mobileF4{ top:calc(44px + env(safe-area-inset-top))!important; left:calc(8px + env(safe-area-inset-left))!important; }
body.touch-ui-enabled.sk-player-mode #mobileEnter{ top:calc(50px + env(safe-area-inset-top))!important; right:calc(8px + env(safe-area-inset-right))!important; }
body.touch-ui-enabled.sk-player-mode #mobileTab{ top:calc(86px + env(safe-area-inset-top))!important; right:calc(8px + env(safe-area-inset-right))!important; }
body.touch-ui-enabled.sk-player-mode #mobileF4.f4-on,
body.touch-ui-enabled.sk-player-mode #mobileF4.pack177-on,
body.touch-ui-enabled.sk-player-mode #mobileF4.pack176-on{
  background:linear-gradient(180deg,rgba(14,165,233,.72),rgba(8,47,73,.78))!important;
  border-color:rgba(125,211,252,.74)!important;
  box-shadow:0 0 14px rgba(56,189,248,.32), inset 0 1px 0 rgba(255,255,255,.12)!important;
}

body.touch-ui-enabled.sk-player-mode #touchFullscreen{
  min-width:42px!important;
  min-height:34px!important;
  width:42px!important;
  height:34px!important;
  right:calc(8px + env(safe-area-inset-right))!important;
  top:calc(8px + env(safe-area-inset-top))!important;
  border-radius:11px!important;
  font-size:16px!important;
  opacity:.76;
}

/* Reduce combat control visual weight while keeping the hit targets. */
body.touch-ui-enabled.sk-scene-fight.sk-player-mode .mobile-left,
body.touch-ui-enabled.sk-scene-fight.sk-player-mode .mobile-right{
  opacity:.74;
  filter:saturate(.92);
}
body.touch-ui-enabled.sk-scene-fight.sk-player-mode .mobile-left{ transform:scale(.82)!important; transform-origin:left bottom!important; }
body.touch-ui-enabled.sk-scene-fight.sk-player-mode .mobile-right{ transform:scale(.80)!important; transform-origin:right bottom!important; }
body.touch-ui-enabled.sk-scene-fight.sk-player-mode .block-btn,
body.touch-ui-enabled.sk-scene-fight.sk-player-mode .special-btn{
  opacity:.86;
}

/* Pause should be readable: keep navigation, hide attack pad noise. */
body.touch-ui-enabled.sk-scene-pause.sk-player-mode .mobile-right{
  display:none!important;
}
body.touch-ui-enabled.sk-scene-pause.sk-player-mode .mobile-left{
  opacity:.58;
  transform:scale(.74)!important;
  transform-origin:left bottom!important;
}

/* Menu/select are canvas-driven. Do not show combat pads there. */
body.touch-ui-enabled.sk-scene-menu.sk-player-mode .mobile-left,
body.touch-ui-enabled.sk-scene-menu.sk-player-mode .mobile-right,
body.touch-ui-enabled.sk-scene-select.sk-player-mode .mobile-left,
body.touch-ui-enabled.sk-scene-select.sk-player-mode .mobile-right{
  display:none!important;
}

@media (max-width:760px){
  body.touch-ui-enabled.sk-scene-fight.sk-player-mode .mobile-left{ transform:scale(.76)!important; }
  body.touch-ui-enabled.sk-scene-fight.sk-player-mode .mobile-right{ transform:scale(.74)!important; }
}