/* SEJM KOMBAT R40R67B72R25R33 — dynamic/static arena presentation UI. */

/* R25R33 owns this setting. Keep retired PACK248/PACK249 copies out of the
   graphics panel even if a stale CDN script briefly recreates them. */
#pack182GfxPanel .pack248-dynamic-label,
#pack182GfxPanel .pack248-dynamic-rowbox,
#pack182GfxPanel .pack249-dynamic-label,
#pack182GfxPanel .pack249-dynamic-rowbox{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

#pack182GfxPanel .r25r33-arena-rowbox{
  border:1px solid rgba(0,229,255,.28);
  background:rgba(0,20,34,.42);
  border-radius:10px;
  padding:10px 12px;
}

#pack182GfxPanel .r25r33-arena-check{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  cursor:pointer;
  user-select:none;
  touch-action:manipulation;
}

#pack182GfxPanel .r25r33-arena-check input{
  width:22px;
  height:22px;
  flex:0 0 22px;
  cursor:pointer;
  accent-color:#00e5ff;
}

#pack182GfxPanel .r25r33-arena-check input:focus-visible{
  outline:2px solid #7cf7ff;
  outline-offset:3px;
}

#pack182GfxPanel .r25r33-arena-check b{
  margin-left:auto;
  color:#7cf7ff;
  font-weight:900;
  letter-spacing:.08em;
  white-space:nowrap;
}

#pack182GfxPanel .r25r33-arena-note{
  margin-top:4px;
  opacity:.86;
  line-height:1.35;
}

#pack185SettingsHub .r25r33-arena-hub-toggle{
  min-width:180px;
}

#pack185SettingsHub .r25r33-arena-hub-toggle.active{
  border-image-source:var(--sk-b57-button-gold);
  color:#fff4c9;
  background:rgba(25,15,3,.95);
}

/* There may only be one R25R33 video. It lives inside the established B54R5
   host, below the transparent gameplay canvas. */
#skB54R5ArenaUnderlayHost>video.r25r33-arena-video{
  display:block!important;
  visibility:visible!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:1!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  pointer-events:none!important;
  z-index:1!important;
  transform-origin:50% 50%!important;
  will-change:transform;
  backface-visibility:hidden;
}

/* Suppress stale legacy video elements without touching the current owner. */
video.pack248-dynamic-arena-video:not(.r25r33-arena-video),
video[id^="pack248ArenaVideo_"]:not(.r25r33-arena-video){
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

body.sk-r25r33-arena-static #skB54R5ArenaUnderlayHost{
  display:none!important;
}

/* Also wins over R25R32's retired static-authority style if a stale HTML or
   service worker briefly loads both generations during an update. */
body.sk-r25r33-arena-dynamic.sk-b54r5-dom-arena-active #skB54R5ArenaUnderlayHost{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

@media (orientation:landscape) and (max-height:500px){
  #pack182GfxPanel .r25r33-arena-rowbox{
    padding:7px 9px;
  }
  #pack182GfxPanel .r25r33-arena-check{
    min-height:30px;
  }
  #pack182GfxPanel .r25r33-arena-note{
    font-size:11px;
  }
}