/* Warfront 4.55.2 | responsive polish applied AFTER existing Royal Champions styles.
 * Style only: menus, screens, HUD and orientation safe areas. */
:root{--wf4552-header-safe:max(6px,env(safe-area-inset-top));--wf4552-footer-safe:max(8px,env(safe-area-inset-bottom))}
html,body{max-width:100%;overscroll-behavior-x:none}
#wf391-rotate-gate,#wf385-turn{display:none!important;pointer-events:none!important}
#uiHome.wf391-ready #wf391-home{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;overflow-y:auto!important;max-height:none!important}
#uiHome.wf391-ready #wf391-home .wf391-actions>.wf391-action{min-width:0!important;overflow-wrap:anywhere!important}
#uiHome.wf391-ready #wf391-home .wf391-foot{flex-wrap:wrap!important}
#wf457-overlay{max-width:100vw!important;max-height:100dvh!important;overflow:hidden!important}
#wf457-overlay .wf457-dialog{max-width:100%!important;max-height:100%!important}
#wf457-overlay .wf457-body{min-height:0!important;overscroll-behavior:contain}
#wf457-overlay .wf457-row{overflow:hidden}
#wf457-overlay .wf457-stat{flex-wrap:wrap!important}
#wf457-overlay .wf457-friend{flex-wrap:wrap!important;min-width:0!important}
#wf457-overlay .wf457-friend>button{flex:0 1 auto;min-width:0}
#gc95canvas{touch-action:none!important}
#gc95canvaswrap{min-width:0!important;min-height:0!important}
#gc95:not([hidden]){max-width:100vw!important;max-height:100dvh!important}
#gc95header{padding-top:var(--wf4552-header-safe)!important}
#wf394 :is(button,input,select),#wf443-pve-choice button,#wf457-overlay button{touch-action:manipulation}
@media(max-width:650px){
 #uiHome.wf391-ready #wf391-home .wf391-actions{grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:8px!important}
 #uiHome.wf391-ready #wf391-home .wf391-actions>.wf391-action{
  display:grid!important;grid-template-columns:53px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;justify-items:stretch!important;align-content:center!important;
  text-align:left!important;min-height:64px!important;max-height:none!important;
  padding:8px 12px!important;column-gap:11px!important;row-gap:2px!important}
 #uiHome.wf391-ready #wf391-home .wf391-actions>.wf391-action .wf391-icon{
  grid-column:1!important;grid-row:1/span 2!important;width:48px!important;height:48px!important;
  font-size:27px!important;align-self:center!important}
 #uiHome.wf391-ready #wf391-home .wf391-actions>.wf391-action strong{
  grid-column:2!important;grid-row:1!important;font-size:17px!important;text-align:left!important;
  justify-self:stretch!important}
 #uiHome.wf391-ready #wf391-home .wf391-actions>.wf391-action small{
  grid-column:2!important;grid-row:2!important;font-size:11px!important;text-align:left!important;
  justify-self:stretch!important}
 #wf457-overlay{padding:4px max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))!important}
 #wf457-overlay .wf457-head{gap:7px!important}
 #wf457-overlay .wf457-head h2{font-size:clamp(19px,6vw,24px)!important}
 #wf457-overlay .wf457-controls{gap:5px!important}
 #wf457-overlay .wf457-controls button{flex:1 1 auto!important;padding:7px 5px!important;font-size:11px!important}
 #wf457-overlay .wf457-row{grid-template-columns:20px 37px minmax(0,1fr) minmax(68px,auto)!important;gap:4px!important;padding:5px!important}
 #wf457-overlay .wf457-score{font-size:11px!important;white-space:normal!important}
 #wf457-overlay .wf457-name{font-size:12px!important}
 #wf457-overlay .wf457-podium button{min-width:0!important;max-width:33%!important}
 #wf457-overlay .wf457-layout{grid-template-columns:minmax(0,1fr)!important}
}
@media (orientation:landscape) and (max-height:510px){
 #uiHome.wf391-ready #wf391-home{height:auto!important;min-height:100dvh!important;padding:6px max(10px,env(safe-area-inset-left)) 8px max(10px,env(safe-area-inset-right))!important;gap:7px!important}
 #uiHome.wf391-ready #wf391-home .wf391-brand{margin:0 auto!important;padding:4px!important}
 #uiHome.wf391-ready #wf391-home .wf391-brand h1{font-size:clamp(27px,5vw,39px)!important}
 #uiHome.wf391-ready #wf391-home .wf391-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
 #uiHome.wf391-ready #wf391-home .wf391-actions>.wf391-action{
  grid-template-columns:36px minmax(0,1fr)!important;grid-template-rows:auto auto!important;
  min-height:57px!important;height:auto!important;padding:5px!important;gap:1px 5px!important;text-align:left!important}
 #uiHome.wf391-ready #wf391-home .wf391-actions>.wf391-action .wf391-icon{
  grid-column:1!important;grid-row:1/span 2!important;width:34px!important;height:34px!important;font-size:22px!important}
 #uiHome.wf391-ready #wf391-home .wf391-actions>.wf391-action strong{
  grid-column:2!important;grid-row:1!important;font-size:12px!important;text-align:left!important}
 #uiHome.wf391-ready #wf391-home .wf391-actions>.wf391-action small{
  grid-column:2!important;grid-row:2!important;font-size:9px!important;text-align:left!important}
 #uiHome.wf391-ready #wf391-home .wf391-foot{padding:7px!important;margin:4px auto 0!important}
 #gc95header{max-height:45px!important;padding:2px 5px!important}
 #gc95canvaswrap{min-height:0!important}
 #wf457-overlay .wf457-head{padding:5px 11px!important}
 #wf457-overlay .wf457-sub{display:none!important}
}
@media(orientation:portrait) and (max-width:900px){
 #gc95canvaswrap>#gc97dock{bottom:var(--wf4552-footer-safe)!important}
 #gc95canvaswrap>#gc111tools{bottom:clamp(120px,23dvh,185px)!important}
 #gc95canvaswrap>#wf362top{max-width:calc(100% - 84px)!important}
 #gc95canvaswrap>#gc97portrait{bottom:78px!important}
}
@media(max-width:360px){#wf457-overlay .wf457-podium{gap:3px!important}#wf457-overlay .wf457-podium b{font-size:10px!important}}
