/* Phone/tablet presentation only. No pricing, rewards, or account logic. */
.fh-mobile-account-toggle { display:none; }
.fh-mobile-table-scroll { max-width:100%; }
@media (max-width:1179px) {
  html body.we-body { overflow-x:clip!important; }
  html body.we-body .we-main { padding-top:12px!important; }
  html body.we-body .we-container { width:100%!important; max-width:100%!important; }
  html body.we-body header#weNavbar.we-navbar {
    position:relative!important; z-index:1000!important;
    height:174px!important; min-height:174px!important; overflow:visible!important;
    mix-blend-mode:normal!important; isolation:isolate;
  }
  html body.we-body #weNavbar .we-navbar-inner {
    position:relative!important; width:100%!important; height:174px!important;
    min-height:174px!important; padding:0 12px!important;
  }
  html body.we-body #weNavbar .we-brand {
    position:absolute!important; top:43px!important; left:50%!important;
    right:auto!important; width:calc(100% - 24px)!important; max-width:480px!important;
    height:105px!important; margin:0!important; transform:translateX(-50%)!important;
  }
  html body.we-body #weNavbar .we-brand::before {
    inset:0!important; width:100%!important; height:100%!important;
    transform:none!important; background-position:center!important; background-size:contain!important;
  }
  html body.we-body #weNavbar .we-brand::after { display:none!important; }
  html body.we-body #weNavbar .fh-header-season,
  html body.we-body #weNavbar .fh-logo-statusbar { display:none!important; }
  html body.we-body #weNavbar .we-navbar-actions {
    display:flex!important; position:absolute!important; top:8px!important; right:12px!important;
    left:auto!important; gap:8px!important; align-items:center!important; z-index:1003!important;
  }
  html body.we-body .we-lang-dropdown-toggle,
  html body.we-body .fh-header-discord {
    display:inline-flex!important; height:44px!important; min-height:44px!important;
    min-width:52px!important; padding:0 12px!important; align-items:center!important;
    justify-content:center!important; font-size:12px!important;
  }
  html body.we-body .we-lang-dropdown-menu { right:0!important; left:auto!important; max-height:60vh; overflow:auto; }
  html body.we-body #weNavbar #weNavToggle {
    display:flex!important; position:absolute!important; top:8px!important; left:12px!important;
    right:auto!important; width:50px!important; height:44px!important; padding:10px 12px!important;
    flex-direction:column!important; justify-content:center!important; gap:5px!important;
    border:1px solid #bd9550!important; border-radius:8px!important; background:#0b1520!important;
    color:#ffe0a2!important; z-index:1004!important; cursor:pointer;
  }
  html body.we-body #weNavToggle span { display:block!important; width:24px!important; height:2px!important; margin:0!important; background:currentColor!important; }
  html body.we-body header#weNavbar nav#weNav.we-nav {
    display:none!important; position:absolute!important; top:166px!important; left:12px!important;
    right:12px!important; bottom:auto!important; width:auto!important; max-width:none!important; height:auto!important; min-height:0!important;
    max-height:calc(100vh - 180px)!important; max-height:calc(100dvh - 180px)!important;
    margin:0!important; padding:8px!important; flex-direction:column!important; align-items:stretch!important;
    transform:none!important; clip-path:none!important; overflow:auto!important; overscroll-behavior:contain;
    border:1px solid #bd9550!important; border-radius:10px!important; background:#07111c!important;
    box-shadow:0 16px 35px #000b!important; z-index:1002!important;
  }
  html body.we-body header#weNavbar nav#weNav.we-nav.we-nav-open { display:flex!important; }
  html body.we-body #weNav .fh-nav-clock { display:none!important; }
  html body.we-body #weNavbar #weNav #navbar,
  html body.we-body #weNavbar #weNav #navbar ul,
  html body.we-body #weNavbar #weNav .fh-left-extra-nav {
    display:flex!important; width:100%!important; min-width:0!important; height:auto!important;
    flex-direction:column!important; flex-shrink:0!important; align-items:stretch!important; gap:0!important; margin:0!important; padding:0!important;
  }
  html body.we-body #weNavbar #weNav #navbar li { width:100%!important; height:auto!important; margin:0!important; padding:0!important; }
  html body.we-body #weNavbar #weNav #navbar a,
  html body.we-body #weNavbar #weNav .fh-left-extra-nav a {
    display:flex!important; width:100%!important; height:auto!important; min-height:46px!important;
    padding:12px!important; justify-content:flex-start!important; font-size:14px!important; line-height:1.4!important;
    border:0!important; border-bottom:1px solid #ffffff14!important; white-space:normal!important;
  }
  html body.we-body.we-body-home .we-home-account-grid {
    width:calc(100% - 24px)!important; max-width:100%!important;
    grid-template-columns:minmax(0,1fr)!important; gap:12px!important;
  }
  html body.we-body.we-body-home .we-home-account-left,
  html body.we-body.we-body-home .we-home-account-main,
  html body.we-body.we-body-home .we-home-account-right {
    width:100%!important; max-width:100%!important; min-width:0!important;
    grid-column:1!important; grid-row:auto!important;
  }
  html body.we-body.we-body-home .we-home-account-left { order:0!important; }
  html body.we-body.we-body-home .we-home-account-main { order:1!important; }
  html body.we-body.we-body-home .we-home-account-right {
    display:grid!important; order:2!important; grid-template-columns:minmax(0,1fr)!important;
  }
  html body.we-body .fh-mobile-account-toggle {
    display:flex!important; grid-column:1; order:-1; width:100%; min-height:48px;
    align-items:center; justify-content:space-between; gap:12px; padding:12px 16px;
    border:1px solid #bd9550; border-radius:8px; background:linear-gradient(120deg,#1f211e,#071522);
    color:#ffe0a2; font-size:15px; font-weight:700; text-align:left; cursor:pointer;
  }
  html body.we-body .fh-mobile-account-toggle::after { content:'+'; font-size:22px; line-height:1; }
  html body.we-body .fh-mobile-account-toggle[aria-expanded="true"]::after { content:'−'; }
  html body.we-body.we-body-home .fh-mobile-account-ready .we-home-account-left:not(.fh-mobile-account-open) { display:none!important; }
  html body.we-body.we-body-home .fh-mobile-account-ready .we-home-account-left.fh-mobile-account-open { display:flex!important; }
  html body.we-body .we-home-account-link,
  html body.we-body .we-home-download-client,
  html body.we-body .we-home-login-reference,
  html body.we-body .we-home-register-reference { min-height:44px!important; font-size:14px!important; }
  html body.we-body .fh-inline-module,
  html body.we-body .fh-inline-module-body,
  html body.we-body .we-layout-usercp>div { min-width:0!important; max-width:100%!important; }
  html body.we-body .fh-inline-module-body { padding:12px!important; }
  html body.we-body .we-auth-shell { padding:12px!important; }
  html body.we-body .we-auth-card { width:100%!important; min-width:0!important; padding:20px 16px!important; }
  html body.we-body #content .col-xs-8.col-xs-offset-2:has(>form.form-horizontal) {
    width:100%!important; margin-left:0!important; padding:0 6px!important;
  }
  html body.we-body #content form.form-horizontal>.form-group { margin-left:0!important; margin-right:0!important; }
  html body.we-body #content form.form-horizontal>.form-group>[class*="col-sm-"] {
    width:100%!important; margin-left:0!important; padding-left:0!important; padding-right:0!important; text-align:left!important;
  }
  html body.we-body #content form.form-horizontal .form-control { width:100%!important; }
  html body.we-body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  html body.we-body select,
  html body.we-body textarea { max-width:100%!important; min-height:44px!important; font-size:16px!important; }
  html body.we-body .btn,
  html body.we-body button:not(.fh-home-showcase-dots button),
  html body.we-body input[type="submit"] { min-height:44px!important; }
  html body.we-body button:focus-visible,
  html body.we-body a:focus-visible { outline:2px solid #ffe0a2; outline-offset:3px; }
  html body.we-body .fh-mobile-table-scroll,
  html body.we-body .table-responsive,
  html body.we-body .fh-ranking-table-scroll {
    width:100%!important; max-width:100%!important; overflow-x:auto!important;
    overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; scrollbar-width:thin!important;
  }
  html body.we-body .fh-mobile-table-scroll>table { min-width:0!important; width:100%!important; }
  html body.we-body .fh-mobile-table-scroll[data-wide="true"]>table,
  html body.we-body #content .fh-ranking-table-scroll>table.fh-modern-ranking-table {
    min-width:640px!important; max-width:none!important; width:100%!important; table-layout:auto!important;
  }
  html body.we-body #content .fh-modern-ranking-table th,
  html body.we-body #content .fh-modern-ranking-table td { font-size:12px!important; padding:10px 8px!important; }
  html body.we-body #content .fh-modern-ranking-table .fh-ranking-player>span { max-width:none!important; width:auto!important; min-width:90px!important; }
  html body.we-body .fh-ranking-class-tabs { max-width:100%!important; overflow-x:auto!important; }
  html body.we-body .fh-ranking-type-tabs .rankings_menu { flex-wrap:wrap!important; gap:8px!important; border-radius:10px!important; }
  html body.we-body .fh-ranking-type-tabs .rankings_menu a { min-height:44px!important; font-size:12px!important; white-space:normal!important; }
  html body.we-body .ws-toolbar,
  html body.we-body .mk-toolbar,
  html body.we-body .mk-controls { flex-wrap:wrap!important; gap:10px!important; }
  html body.we-body .ws-search { min-width:0!important; width:100%!important; flex-basis:100%!important; }
  html body.we-body .ws-toolbar .ws-search-button { width:100%!important; }
  html body.we-body #wsGrid,
  html body.we-body.we-body-home .fh-inline-module-body .mk-market .mk-grid,
  html body.we-body .fh-inline-module-body .mk-grid-inner { grid-template-columns:repeat(2,minmax(0,1fr))!important; min-height:0!important; }
  html body.we-body .ws-shop,
  html body.we-body .mk-market { min-height:0!important; min-width:0!important; }
  html body.we-body .ws-buy-modal,
  html body.we-body .fh-auction-dialog { padding:10px!important; }
  html body.we-body .ws-buy-modal { z-index:2000!important; }
  html body.we-body .ws-buy-dialog,
  html body.we-body .ws-config-dialog,
  html body.we-body .ws-buy-window { display:flex!important; flex-direction:column!important; top:10px!important; width:calc(100% - 20px)!important; max-width:760px!important; min-width:0!important; max-height:calc(100dvh - 20px)!important; }
  html body.we-body .ws-config-body { grid-template-columns:minmax(0,1fr)!important; min-width:0!important; min-height:0!important; max-height:none!important; overflow:auto!important; flex:1 1 auto!important; }
  html body.we-body .ws-buy-head,
  html body.we-body .ws-buy-footer { flex:0 0 auto!important; }
  html body.we-body .ws-config-column { min-width:0!important; }
  html body.we-body .we-footer { padding:24px 12px!important; overflow-wrap:anywhere; }
  html body.we-body .we-footer a { display:inline-block; padding:9px 5px; }
}
@media (max-width:600px) {
  html body.we-body #wsGrid,
  html body.we-body.we-body-home .fh-inline-module-body .mk-market .mk-grid,
  html body.we-body .fh-inline-module-body .mk-grid-inner,
  html body.we-body .fh-feature-grid,
  html body.we-body .fh-center-bottom-grid,
  html body.we-body .fh-guide-cards,
  html body.we-body .fh-home-contact { grid-template-columns:minmax(0,1fr)!important; }
  html body.we-body .fh-inline-module-body { padding:10px!important; }
  html body.we-body .fh95-command-list { grid-template-columns:minmax(0,1fr)!important; }
  html body.we-body .fh95-command-list>div { min-width:0!important; }
  html body.we-body .fh-ranking-type-tabs .rankings_menu { display:grid!important; grid-template-columns:1fr!important; }
  html body.we-body .fh-account-warehouse-tooltip { max-width:calc(100vw - 24px)!important; }
  html body.we-body .ws-config-preview { max-height:180px!important; }
  html body.we-body .ws-config-preview img { max-height:150px!important; object-fit:contain; }
}
@media (prefers-reduced-motion:reduce) {
  .fh-mobile-account-toggle { scroll-behavior:auto; }
}

/* Place the existing live count above account and content on phones/tablets. */
@media(max-width:1179px){
 .we-home-account-grid>.fh-mobile-live-top{grid-column:1/-1!important;grid-row:auto!important;order:-2!important;width:100%!important;margin:0!important;box-sizing:border-box}
}