/* Responsive layout for the new website Home only. Native lobby, inventory and battle HUD remain unchanged. */
@media (max-width:1100px) {
  html.pb-mobile #hmM.home-blaze {
    --home-top:56px;--home-bottom:60px;
    display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);grid-template-rows:var(--home-top) minmax(0,1fr) var(--home-bottom);
    gap:8px;padding:6px;box-sizing:border-box;height:var(--pb-mobile-height,100dvh);width:100%;overflow:hidden;
  }
  html.pb-mobile #hmM.home-blaze>.hm-stw.home-modern,
  html.pb-mobile #hmM.home-blaze>.hm-main.home-modern,
  html.pb-mobile #hmM.home-blaze>.hm-bar.home-modern {
    position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:none!important;margin:0!important;box-sizing:border-box;
  }
  html.pb-mobile #hmM.home-blaze>.hm-stw.home-modern {grid-area:1/1/2/-1;display:grid!important;grid-template-columns:minmax(0,1fr) 155px 30px 30px;align-items:center;gap:5px;padding:3px 6px!important;overflow:hidden;}
  html.pb-mobile #hmM.home-blaze .blaze-wordmark,html.pb-mobile #hmM.home-blaze .blaze-account,html.pb-mobile #hmM.home-blaze .hm-who {display:none!important;}
  html.pb-mobile #hmM.home-blaze .home-metrics {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));min-width:0;gap:0;width:100%;height:100%;}
  html.pb-mobile #hmM.home-blaze .home-online,html.pb-mobile #hmM.home-blaze .home-metric {min-width:0;min-height:0;padding:2px 5px!important;gap:3px;box-sizing:border-box;overflow:hidden;}
  html.pb-mobile #hmM.home-blaze .home-metrics>div>span {min-width:0;width:100%;}
  html.pb-mobile #hmM.home-blaze .home-metrics svg,html.pb-mobile #hmM.home-blaze .home-online em {display:none!important;}
  html.pb-mobile #hmM.home-blaze .home-metrics small {font-size:7px!important;line-height:1.12;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;}
  html.pb-mobile #hmM.home-blaze .home-metrics b {display:block;font-size:18px!important;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  html.pb-mobile #hmM.home-blaze .home-event-strip {display:flex!important;min-width:0;min-height:0;height:100%;padding:3px 6px!important;margin:0!important;gap:5px;overflow:hidden;box-sizing:border-box;}
  html.pb-mobile #hmM.home-blaze .home-event-strip>span {display:block;min-width:0;flex:1;}
  html.pb-mobile #hmM.home-blaze .home-event-strip>svg {width:17px;height:17px;flex:none;}
  html.pb-mobile #hmM.home-blaze .home-event-strip>svg:last-child {display:none;}
  html.pb-mobile #hmM.home-blaze .home-event-strip small {font-size:8px!important;line-height:1.1;}
  html.pb-mobile #hmM.home-blaze .home-event-strip b {font-size:9px!important;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 0;}
  html.pb-mobile #hmM.home-blaze .blaze-tool {width:30px;min-width:0;min-height:28px;height:30px;padding:4px;box-sizing:border-box;}
  html.pb-mobile #hmM.home-blaze .blaze-tool svg {width:18px;height:18px;}
  html.pb-mobile #hmM.home-blaze>.hm-main.home-modern {grid-area:2/2/3/3;display:flex;flex-direction:column;overflow:hidden;border-radius:9px;}
  html.pb-mobile #hmM.home-blaze .hm-cap {height:auto;min-height:0!important;flex:none;padding:8px 10px!important;overflow:hidden;}
  html.pb-mobile #hmM.home-blaze .blaze-brand {padding:0;min-width:0;}
  html.pb-mobile #hmM.home-blaze .blaze-brand>strong[data-site-brand] {font-size:clamp(18px,2.8vw,27px)!important;line-height:1.05;letter-spacing:.2px;white-space:normal;overflow-wrap:anywhere;}
  html.pb-mobile #hmM.home-blaze .blaze-brand>span {font-size:8px!important;line-height:1.15;letter-spacing:.6px;margin-top:4px!important;}
  html.pb-mobile #hmM.home-blaze .blaze-brand>small {display:none!important;}
  html.pb-mobile #hmM.home-blaze .blaze-brand>img {max-width:100%;max-height:44px;object-fit:contain;}
  html.pb-mobile #hmM.home-blaze .hm-tabs {display:flex;flex-wrap:nowrap;flex:none;min-height:34px!important;max-width:100%;gap:3px;padding:4px!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;}
  html.pb-mobile #hmM.home-blaze .hm-tabs b {flex:0 0 auto!important;min-width:58px;min-height:27px!important;padding:4px 7px!important;font-size:9px!important;line-height:1.2;}
  html.pb-mobile #hmM.home-blaze .hm-tabs b svg {display:none;}
  html.pb-mobile #hmM.home-blaze .hm-body {flex:1;min-width:0;min-height:0;max-width:100%;padding:7px!important;overflow:auto!important;font-size:11px!important;line-height:1.4!important;overscroll-behavior:contain;}
  html.pb-mobile #hmM.home-blaze .blaze-banner {height:auto!important;min-height:150px;}
  html.pb-mobile #hmM.home-blaze .blaze-banner h1 {font-size:clamp(20px,2.8vw,29px)!important;}
  html.pb-mobile #hmM.home-blaze .blaze-banner>div:first-child {position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:80%;height:auto;margin-left:6%;padding:16px 0 26px;box-sizing:border-box;}
  html.pb-mobile #hmM.home-blaze .blaze-banner p {font-size:10px;}
  html.pb-mobile #hmM.home-blaze .blaze-grid {grid-template-columns:1fr;gap:7px;margin:7px 0;}
  html.pb-mobile #hmM.home-blaze .blaze-cards {grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
  html.pb-mobile #hmM.home-blaze>.hm-bar.home-modern {grid-area:3/1/4/-1;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;align-items:stretch;padding:6px!important;overflow:hidden;}
  html.pb-mobile #hmM.home-blaze>.hm-bar .hm-btn,html.pb-mobile #hmM.home-blaze>.hm-bar .hm-lang {width:100%;min-width:0!important;max-width:none!important;min-height:0!important;height:auto!important;margin:0!important;padding:5px 6px!important;box-sizing:border-box;font-size:10px!important;line-height:1.15;white-space:normal;overflow-wrap:anywhere;display:flex;align-items:center;justify-content:center;}
  html.pb-mobile #hmM.home-blaze>.hm-bar .hm-btn.blue {font-size:17px!important;}
  html.pb-mobile #hmM.home-blaze>.hm-bar .hm-lang {font-size:10px!important;}
  html.pb-mobile #hmM.home-blaze>.blaze-quote {grid-area:2/1/3/2;position:relative;inset:auto;max-width:100%;width:auto;align-self:end;justify-self:start;margin:0 10px 14%;font-size:clamp(15px,2.3vw,26px);transform:rotate(-5deg);}
  html.pb-mobile #hmM.home-blaze>.blaze-quote::after {height:3px;margin-top:7px;}
  html.pb-mobile #hmM.home-blaze[data-home-tab]:not([data-home-tab="jogo"])>.hm-main {grid-area:2/1/3/-1;}
  html.pb-mobile #hmM.home-blaze[data-home-tab]:not([data-home-tab="jogo"])>.blaze-quote {display:none;}
  html.pb-mobile body:has(#hmM.home-blaze) #tTop {display:none!important;}
  html.pb-mobile body:has(#hmM.home-blaze) #rpBtn {left:8px;right:auto;top:auto;bottom:72px;}
  html.pb-mobile body:has(#hmM.home-blaze[data-home-tab="admin"]) #rpBtn {display:none!important;}
  html.pb-mobile #hmM.home-blaze .hm-adm {min-width:0;max-width:100%;font-size:11px;}
  html.pb-mobile #hmM.home-blaze .hm-adm input,html.pb-mobile #hmM.home-blaze .hm-adm select,html.pb-mobile #hmM.home-blaze .hm-adm textarea,html.pb-mobile #hmM.home-blaze .hm-adm img {max-width:100%;box-sizing:border-box;}
  html.pb-mobile #hmM.home-blaze .hm-adm button,html.pb-mobile #hmM.home-blaze .hm-adm select,html.pb-mobile #hmM.home-blaze .hm-adm input:not([type=checkbox]):not([type=radio]) {font-size:11px!important;min-height:29px!important;padding:5px 7px!important;}
  html.pb-mobile #hmM.home-blaze .hm-adm .adm-tabs {display:flex;flex-wrap:nowrap;overflow-x:auto;gap:3px;}
  html.pb-mobile #hmM.home-blaze .hm-adm .adm-tabs b {flex:none;font-size:11px!important;padding:6px 8px!important;}
  html.pb-mobile #hmM.home-blaze .hm-adm .adm-log {display:block;overflow:auto;}
}
@media (max-width:1100px) and (orientation:portrait) {
  html.pb-mobile #hmM.home-blaze {--home-top:82px;--home-bottom:108px;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--home-top) clamp(65px,12vh,130px) minmax(0,1fr) var(--home-bottom);}
  html.pb-mobile #hmM.home-blaze>.hm-stw.home-modern {grid-area:1/1/2/2;grid-template-columns:minmax(0,1fr) 30px 30px;grid-template-rows:minmax(0,1fr) 29px;gap:4px;}
  html.pb-mobile #hmM.home-blaze .home-metrics {grid-area:1/1/2/-1;}
  html.pb-mobile #hmM.home-blaze .home-metric,html.pb-mobile #hmM.home-blaze .home-online {padding:1px 3px!important;}
  html.pb-mobile #hmM.home-blaze .home-metrics small {font-size:6px!important;}
  html.pb-mobile #hmM.home-blaze .home-metrics b {font-size:16px!important;}
  html.pb-mobile #hmM.home-blaze .home-event-strip {grid-area:2/1/3/2;}
  html.pb-mobile #hmM.home-blaze .home-event-strip>span {display:flex;align-items:center;gap:8px;}
  html.pb-mobile #hmM.home-blaze .blaze-tool {height:29px;}
  html.pb-mobile #hmM.home-blaze>.hm-main.home-modern {grid-area:3/1/4/2;}
  html.pb-mobile #hmM.home-blaze>.blaze-quote {grid-area:2/1/3/2;justify-self:end;align-self:center;max-width:55%;margin:0 6px 0 0;font-size:clamp(16px,4.3vw,23px);}
  html.pb-mobile #hmM.home-blaze>.hm-bar.home-modern {grid-area:4/1/5/2;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));}
  html.pb-mobile #hmM.home-blaze>.hm-bar .hm-btn {font-size:10px!important;}
  html.pb-mobile #hmM.home-blaze>.hm-bar .hm-btn.blue {font-size:17px!important;}
  html.pb-mobile body:has(#hmM.home-blaze) #rpBtn {left:8px;right:auto;top:96px;bottom:auto;}
  html.pb-mobile #hmM.home-blaze[data-home-tab]:not([data-home-tab="jogo"]) {grid-template-rows:var(--home-top) minmax(0,1fr) var(--home-bottom);}
  html.pb-mobile #hmM.home-blaze[data-home-tab]:not([data-home-tab="jogo"])>.hm-main {grid-area:2/1/3/2;}
  html.pb-mobile #hmM.home-blaze[data-home-tab]:not([data-home-tab="jogo"])>.hm-bar {grid-area:3/1/4/2;}
}
@media (max-width:680px) and (orientation:landscape) {
  html.pb-mobile #hmM.home-blaze {--home-top:44px;--home-bottom:50px;gap:5px;padding:4px;grid-template-columns:minmax(0,.65fr) minmax(0,1.45fr);}
  html.pb-mobile #hmM.home-blaze>.hm-stw.home-modern {grid-template-columns:minmax(0,1fr) 27px 27px;padding:3px!important;gap:3px;}
  html.pb-mobile #hmM.home-blaze .home-event-strip {display:none!important;}
  html.pb-mobile #hmM.home-blaze .home-metrics small {font-size:6px!important;}
  html.pb-mobile #hmM.home-blaze .home-metrics b {font-size:15px!important;}
  html.pb-mobile #hmM.home-blaze .home-metric,html.pb-mobile #hmM.home-blaze .home-online {padding:1px 3px!important;}
  html.pb-mobile #hmM.home-blaze .blaze-brand>strong[data-site-brand] {font-size:18px!important;}
  html.pb-mobile #hmM.home-blaze .blaze-brand>span {font-size:7px!important;}
  html.pb-mobile #hmM.home-blaze .hm-cap {padding:6px 8px!important;}
  html.pb-mobile #hmM.home-blaze>.hm-bar .hm-btn,html.pb-mobile #hmM.home-blaze>.hm-bar .hm-lang {font-size:8px!important;padding:3px!important;}
  html.pb-mobile #hmM.home-blaze>.hm-bar .hm-btn.blue {font-size:14px!important;}
  html.pb-mobile body:has(#hmM.home-blaze) #rpBtn {bottom:58px;top:auto;}
}

/* Compact website Home. Native lobby, inventory, touch controls and battle HUD are unchanged. */
#hmM.home-blaze>.hm-bar.home-modern{height:46px!important;padding:4px 9px!important;gap:6px!important;}
#hmM.home-blaze>.hm-bar.home-modern>.hm-btn,#hmM.home-blaze>.hm-bar.home-modern>.hm-lang{min-height:30px!important;height:30px!important;padding:4px 9px!important;font-size:10px!important;}
#hmM.home-blaze>.hm-bar.home-modern>.hm-btn.blue{min-width:100px!important;font-size:14px!important;}
#hmM.home-blaze>.hm-main.home-modern{bottom:57px!important;}
#hmM.home-blaze .hm-body{zoom:.82;}
#hmM.home-blaze .hm-performance{display:flex;flex-wrap:wrap;gap:5px 10px;padding:7px 9px!important;margin:6px 0!important;align-items:center;font-size:10px;line-height:1.3;}
#hmM.home-blaze .hm-performance>div:first-child{flex:1 1 220px;min-width:0;}
#hmM.home-blaze .hm-performance b{display:block;color:#64dfff;font-size:12px;}
#hmM.home-blaze .hm-performance span{display:block;color:#9dbed4;margin-top:3px;}
#hmM.home-blaze .hm-quality-actions{display:flex;gap:4px;flex-wrap:wrap;}
#hmM.home-blaze .hm-quality-actions .hm-btn{min-height:26px!important;padding:4px 8px!important;font-size:10px!important;}
#hmM.home-blaze .hm-quality-actions .hm-btn.on{border-color:#4ef2b3;background:linear-gradient(#116554,#06342c);color:#cffff0;}
#hmM.home-blaze .hm-performance>i{flex-basis:100%;font-style:normal;font-size:9px;color:#6e9eb9;overflow-wrap:anywhere;}
#hmM.home-blaze .hm-performance a{color:#4fd3ff;}
@media(max-width:1100px){
 html.pb-mobile #hmM.home-blaze{--home-top:40px;--home-bottom:36px;gap:5px;padding:4px;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);}
 html.pb-mobile #hmM.home-blaze>.hm-stw.home-modern{grid-template-columns:minmax(0,1fr) 125px 24px 24px;padding:2px 4px!important;gap:3px;}
 html.pb-mobile #hmM.home-blaze .blaze-tool{width:24px;height:26px;min-height:24px;padding:3px;}
 html.pb-mobile #hmM.home-blaze .home-metrics b{font-size:14px!important;}
 html.pb-mobile #hmM.home-blaze .home-metrics small{font-size:6px!important;}
 html.pb-mobile #hmM.home-blaze .home-event-strip small{font-size:7px!important;}
 html.pb-mobile #hmM.home-blaze .home-event-strip b{font-size:8px!important;}
 html.pb-mobile #hmM.home-blaze>.hm-main.home-modern{bottom:auto!important;border-radius:5px;}
 html.pb-mobile #hmM.home-blaze .hm-cap{padding:4px 7px!important;}
 html.pb-mobile #hmM.home-blaze .blaze-brand>strong[data-site-brand]{font-size:clamp(15px,2.2vw,22px)!important;}
 html.pb-mobile #hmM.home-blaze .blaze-brand>span{font-size:7px!important;margin-top:2px!important;}
 html.pb-mobile #hmM.home-blaze .hm-tabs{padding:3px!important;min-height:25px!important;gap:3px;}
 html.pb-mobile #hmM.home-blaze .hm-tabs b{min-height:21px!important;min-width:47px;padding:3px 5px!important;font-size:8px!important;}
 html.pb-mobile #hmM.home-blaze .hm-body{zoom:.74;padding:5px!important;font-size:10px!important;line-height:1.3!important;}
 html.pb-mobile #hmM.home-blaze .blaze-banner{min-height:90px!important;}
 html.pb-mobile #hmM.home-blaze .blaze-banner>div:first-child{padding:9px 0 18px;width:85%;}
 html.pb-mobile #hmM.home-blaze .blaze-banner h1{font-size:22px!important;margin:4px 0!important;}
 html.pb-mobile #hmM.home-blaze .blaze-banner p{font-size:9px!important;margin-bottom:5px!important;}
 html.pb-mobile #hmM.home-blaze .blaze-grid{grid-template-columns:1fr 1fr;gap:5px;margin:5px 0;}
 html.pb-mobile #hmM.home-blaze .blaze-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;}
 html.pb-mobile #hmM.home-blaze .blaze-card{min-height:80px!important;padding:4px!important;}
 html.pb-mobile #hmM.home-blaze>.hm-bar.home-modern{height:auto!important;padding:3px!important;gap:4px!important;}
 html.pb-mobile #hmM.home-blaze>.hm-bar.home-modern>.hm-btn,html.pb-mobile #hmM.home-blaze>.hm-bar.home-modern>.hm-lang{min-height:0!important;height:auto!important;font-size:8px!important;padding:3px!important;}
 html.pb-mobile #hmM.home-blaze>.hm-bar.home-modern>.hm-btn.blue{min-width:0!important;font-size:12px!important;}
 html.pb-mobile body:has(#hmM.home-blaze) #rpBtn{bottom:45px;}
}
@media(max-width:1100px) and (orientation:portrait){
 html.pb-mobile #hmM.home-blaze{--home-top:60px;--home-bottom:74px;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--home-top) clamp(40px,7vh,65px) minmax(0,1fr) var(--home-bottom);}
 html.pb-mobile #hmM.home-blaze>.hm-stw.home-modern{grid-template-columns:minmax(0,1fr) 24px 24px;grid-template-rows:minmax(0,1fr) 23px;}
 html.pb-mobile #hmM.home-blaze .home-event-strip>span{gap:5px;}
 html.pb-mobile #hmM.home-blaze>.blaze-quote{font-size:14px;max-width:58%;}
 html.pb-mobile #hmM.home-blaze .hm-body{zoom:.78;}
 html.pb-mobile #hmM.home-blaze .blaze-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
 html.pb-mobile body:has(#hmM.home-blaze) #rpBtn{top:68px;bottom:auto;font-size:8px;padding:2px 5px;}
}
@media(max-width:680px) and (orientation:landscape){
 html.pb-mobile #hmM.home-blaze{--home-top:34px;--home-bottom:32px;}
 html.pb-mobile #hmM.home-blaze>.hm-stw.home-modern{grid-template-columns:minmax(0,1fr) 24px 24px;}
 html.pb-mobile #hmM.home-blaze .hm-body{zoom:.68;}
 html.pb-mobile #hmM.home-blaze>.hm-bar.home-modern>.hm-btn,html.pb-mobile #hmM.home-blaze>.hm-bar.home-modern>.hm-lang{font-size:7px!important;}
 html.pb-mobile #hmM.home-blaze>.hm-bar.home-modern>.hm-btn.blue{font-size:10px!important;}
 html.pb-mobile body:has(#hmM.home-blaze) #rpBtn{bottom:39px;}
}

/* Mobile navigation is a disclosure menu. Desktop and the native screen scale stay unchanged. */
html.pb-mobile #tTop{position:fixed!important;left:calc(env(safe-area-inset-left) + 5px)!important;top:calc(env(safe-area-inset-top) + 48px)!important;bottom:auto!important;right:auto!important;transform:none!important;z-index:150;display:grid!important;grid-template-columns:repeat(2,100px);gap:4px;padding:4px;max-height:calc(100dvh - 60px);overflow:auto;box-sizing:border-box;}
html.pb-mobile #tTop>.tt-toggle{order:-1;grid-column:1/-1;justify-self:start;display:flex;align-items:center;gap:5px;height:28px;padding:4px 9px;border:1px solid #3584b4;border-radius:4px;background:linear-gradient(#123d5a,#041728);color:#e9f8ff;font:bold 10px Arial;cursor:pointer;}
html.pb-mobile #tTop:not(.open){grid-template-columns:1fr;background:none;}
html.pb-mobile #tTop:not(.open)>.tt-btn{display:none!important;}
html.pb-mobile #tTop.open{background:#031423ef;border:1px solid #287fa9;border-radius:6px;box-shadow:0 5px 18px #0008;}
html.pb-mobile #tTop.open>.tt-btn{display:flex!important;position:relative!important;inset:auto!important;width:100px!important;min-height:34px!important;height:auto!important;padding:4px 6px!important;font-size:9px!important;box-sizing:border-box;}
html.pb-mobile #tTop.open>.tt-btn svg{width:16px!important;height:16px!important;}
html.pb-mobile #tTop.open>.tt-btn span{font-size:9px!important;}
html.pb-mobile #dnBtn{top:calc(env(safe-area-inset-top) + 4px)!important;right:calc(env(safe-area-inset-right) + 77px)!important;min-height:24px!important;height:24px!important;max-width:110px;padding:3px 7px!important;font:700 9px Arial!important;border-radius:3px!important;box-sizing:border-box;}

html.pb-mobile #tTop.open{height:auto!important;max-height:calc(100dvh - 58px)!important;overflow-y:auto!important;touch-action:pan-y!important;overscroll-behavior:contain;align-content:start;grid-auto-rows:minmax(34px,auto);-webkit-overflow-scrolling:touch;}html.pb-mobile #tTop.open>.tt-btn{visibility:visible!important;opacity:1!important;flex-shrink:0;}