/* HOME-PROFILE-MOBILE-V1 */

@media(max-width:760px){

  html,
  body{
    max-width:100%;
    overflow-x:hidden;
  }


  /* ========================================================
     HOME
     ======================================================== */

  #tab-home{
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }

  #tab-home .hero.hero-landing{
    width:100vw!important;
    max-width:none!important;

    min-height:calc(100dvh - 104px)!important;

    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    margin-top:0!important;

    padding:
      42px
      16px
      36px!important;

    overflow:hidden!important;
  }

  #tab-home .home-landing-content{
    max-width:100%!important;
  }

  #tab-home .home-landing-eyebrow{
    margin-bottom:13px;
    font-size:8px;
    letter-spacing:.14em;
  }

  #tab-home .home-landing-title{
    max-width:100%;

    font-size:
      clamp(
        38px,
        13vw,
        58px
      )!important;

    line-height:1!important;
    letter-spacing:-.04em;
    overflow-wrap:anywhere;
  }

  #tab-home .home-landing-kicker{
    margin-top:13px;
    font-size:11px;
    letter-spacing:.06em;
  }

  #tab-home .home-landing-desc{
    max-width:34em;

    margin-top:15px;

    font-size:12.5px!important;
    line-height:1.62!important;
  }

  #tab-home .home-landing-modes{
    margin-top:17px;
    gap:5px;
  }

  #tab-home .home-landing-mode{
    padding:5px 7px;
    font-size:7px;
  }

  #tab-home .home-server-copy{
    width:min(100%,350px);
    max-width:100%!important;

    min-height:42px;

    margin-top:23px;
    padding:0 12px;

    justify-content:center;
  }

  #tab-home .home-server-copy-address{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;

    font-size:11.5px;
  }

  #tab-home .home-server-copy-hint{
    font-size:8px;
  }

  #tab-home .home-landing-live-link{
    margin-top:13px;
  }

  #tab-home .home-landing-telemetry{
    width:min(100%,420px)!important;

    display:grid!important;
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      )!important;

    margin-top:25px;
  }

  #tab-home .home-landing-data{
    min-width:0!important;
    padding:11px 8px!important;
  }

  #tab-home .home-landing-data-label{
    font-size:7px!important;
  }

  #tab-home .home-landing-data-value{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;

    font-size:10px!important;
  }


  /* HOME PANELS */

  #tab-home .grid-2{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  #tab-home .panel{
    max-width:100%;
    min-width:0;
  }

  #tab-home .grid-2 > .panel > .panel-head{
    height:auto!important;
    min-height:46px!important;
    max-height:none!important;

    padding:9px 12px!important;

    gap:8px;
    flex-wrap:wrap;
  }

  #home-latest-runs,
  #home-points-leaders{
    padding:
      4px
      11px!important;
  }

  #home-latest-runs > div,
  #home-points-leaders > div{
    height:auto!important;
    min-height:58px!important;
    max-height:none!important;

    padding:
      9px
      0!important;
  }

  #home-latest-runs img[title]{
    width:48px!important;
    height:30px!important;
  }

  #home-latest-runs
  .home-player-glow-safe,
  #home-points-leaders
  .home-player-glow-safe{
    min-width:0!important;
    max-width:100%;
    overflow:hidden!important;
  }

  #home-latest-runs
  .home-player-glow-safe > span,
  #home-points-leaders
  .home-player-glow-safe > span{
    display:inline-block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }


  /* CHAT */

  #tab-home .community-chat-v2{
    margin-top:14px!important;
  }

  #tab-home .community-chat-v2-head{
    padding:
      0
      12px!important;
  }

  #tab-home .community-chat-v2-list{
    height:320px!important;

    padding:
      8px
      11px!important;
  }

  #tab-home .community-chat-v2-row{
    grid-template-columns:
      34px
      minmax(0,1fr)!important;

    gap:9px!important;

    padding:
      9px
      0!important;
  }

  #tab-home .community-chat-v2-avatar{
    width:34px!important;
    height:34px!important;
  }

  #tab-home .community-chat-v2-meta{
    min-width:0;
    flex-wrap:wrap;
    row-gap:3px;
  }

  #tab-home .community-chat-v2-name{
    min-width:0;
    max-width:100%;
  }

  #tab-home .community-chat-v2-message{
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  #tab-home .community-chat-v2-compose{
    padding:
      10px
      11px!important;

    gap:8px!important;
  }

  #tab-home .community-chat-v2-input{
    min-width:0;
    font-size:16px!important;
  }


  /* ACTIVE PLAYERS */

  #tab-home .home-activity-v2{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }

  #tab-home .home-activity-section-v2{
    min-width:0!important;
  }

  #tab-home .home-activity-list-v2{
    min-width:0!important;
  }

  #tab-home .home-activity-player-v2{
    min-width:0!important;
  }


  /* VIP */

  #home-vip-players{
    padding:12px!important;
  }

  #tab-home .home-vip-marquee{
    max-width:100%;
  }

  #tab-home .home-vip-track{
    gap:7px;
  }

  #tab-home .home-vip-card{
    padding:
      5px
      10px;

    font-size:11px;
  }


  /* CHART */

  #tab-home
  .panel > div:has(> #home-runs-chart){
    height:245px!important;

    padding:
      12px
      10px
      6px!important;
  }

  #home-runs-chart{
    max-height:225px!important;
  }


  /* ========================================================
     PLAYER PROFILE
     ======================================================== */

  #tab-player{
    width:100%!important;
    max-width:100%!important;

    padding-bottom:35px!important;

    overflow-x:hidden!important;
  }

  #tab-player .profile-shell{
    width:100%!important;
    max-width:100%!important;

    margin:0!important;

    padding:
      12px
      12px
      42px!important;
  }

  #tab-player .profile-breadcrumb{
    min-width:0;

    margin-bottom:12px;

    gap:6px;

    font-size:10px;

    white-space:nowrap;
    overflow:hidden;
  }

  #tab-player .profile-breadcrumb .current{
    overflow:hidden;
    text-overflow:ellipsis;
  }


  /* HERO */

  #tab-player .profile-hero{
    margin-bottom:10px;

    padding:
      18px
      15px!important;
  }

  #tab-player .profile-hero-grid{
    display:grid!important;
    grid-template-columns:1fr!important;

    gap:18px!important;
  }

  #tab-player .profile-identity{
    width:100%;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;

    gap:13px!important;

    text-align:center;
  }

  #tab-player .profile-avatar{
    width:92px!important;
    height:92px!important;
  }

  #tab-player .profile-main{
    width:100%!important;

    align-items:center!important;

    text-align:center;
  }

  #tab-player .profile-overline{
    font-size:8px;
  }

  #tab-player .profile-name{
    max-width:100%;

    margin-bottom:7px!important;

    font-size:
      clamp(
        23px,
        7vw,
        30px
      )!important;

    overflow-wrap:anywhere;
  }

  #tab-player .profile-member-line,
  #tab-player .profile-location-line{
    justify-content:center;
    text-align:center;
  }

  #tab-player .profile-meta-stack{
    width:100%;
    align-items:center!important;
  }

  #tab-player .profile-meta-row{
    justify-content:center;
    flex-wrap:wrap;
  }

  #tab-player .profile-social-row-v1{
    justify-content:center!important;
  }


  /* RATING */

  #tab-player .profile-rating{
    width:100%!important;

    display:grid!important;
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      )!important;

    gap:8px!important;
  }

  #tab-player .profile-rating-card{
    min-width:0!important;

    padding:
      13px
      12px!important;
  }

  #tab-player .profile-points-wrap{
    min-width:0!important;
  }


  /* TOP STATS */

  #tab-player .profile-stats{
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      )!important;

    gap:8px!important;

    margin-bottom:10px;
  }

  #tab-player .profile-stat{
    min-width:0;

    padding:
      14px
      13px!important;
  }

  #tab-player .profile-stat-value{
    font-size:19px;
  }


  /* MAIN PROFILE CARDS */

  #tab-player .profile-grid{
    grid-template-columns:1fr!important;

    gap:10px!important;
    margin-bottom:10px;
  }

  #tab-player .profile-card{
    min-width:0;
  }

  #tab-player .profile-card-head{
    min-height:48px;

    padding:
      11px
      12px!important;

    gap:8px;
    flex-wrap:wrap;
  }

  #tab-player .profile-card-body{
    padding:12px!important;
  }

  #tab-player .profile-season-tabs{
    max-width:100%;
    overflow-x:auto;
  }

  #tab-player .profile-season-btn{
    white-space:nowrap;
  }


  /* POINTS */

  #tab-player .profile-points-summary{
    grid-template-columns:1fr!important;

    gap:14px!important;
  }

  #tab-player .profile-points-big{
    align-items:center!important;
  }

  #tab-player .profile-point-totals{
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      )!important;
  }

  #tab-player .profile-mini-stat{
    min-width:0;

    padding:
      10px
      11px!important;
  }

  #tab-player .profile-category-row{
    grid-template-columns:
      minmax(0,1fr)
      66px!important;

    gap:7px!important;
  }

  #tab-player
  .profile-category-row
  > *:nth-child(3),

  #tab-player
  .profile-category-row
  > *:nth-child(4){
    display:none!important;
  }


  /* EVOLUTION */

  #tab-player .profile-evo-grid{
    grid-template-columns:
      repeat(
        3,
        minmax(0,1fr)
      )!important;

    gap:6px!important;
  }

  #tab-player .profile-evo-box{
    min-width:0;

    padding:
      12px
      5px!important;
  }

  #tab-player .profile-evo-value{
    font-size:17px;
  }


  /* ACCOUNT */

  #tab-player .profile-account{
    margin-bottom:10px;
  }

  #tab-player .profile-account-grid{
    grid-template-columns:1fr!important;
  }

  #tab-player .profile-account-item{
    min-width:0;

    padding:
      13px
      12px!important;

    border-right:0!important;
  }

  #tab-player .profile-snapshot{
    margin:
      12px
      12px
      0!important;

    padding:
      11px
      12px!important;
  }


  /* NICKNAME HISTORY -> MOBILE CARDS */

  #tab-player
  .profile-nicks-title{
    padding:
      15px
      12px
      8px!important;
  }

  #tab-player
  .profile-nicks-table{
    display:block!important;

    width:100%!important;
  }

  #tab-player
  .profile-nicks-table thead{
    display:none!important;
  }

  #tab-player
  .profile-nicks-table tbody{
    display:block!important;
  }

  #tab-player
  .profile-nicks-table
  tbody
  tr:not(.profile-lazy-sentinel){
    display:grid!important;
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );

    margin:
      0
      10px
      9px;

    border:
      1px solid
      rgba(255,255,255,.06);

    background:
      rgba(255,255,255,.012);
  }

  #tab-player
  .profile-nicks-table
  tbody
  tr:not(.profile-lazy-sentinel)
  td{
    min-width:0;

    display:flex!important;
    flex-direction:column;
    align-items:flex-start;

    gap:4px;

    padding:
      10px!important;

    border:0!important;

    white-space:normal!important;
    overflow-wrap:anywhere;
  }

  #tab-player
  .profile-nicks-table
  tbody
  tr:not(.profile-lazy-sentinel)
  td:first-child{
    grid-column:1/-1;
  }

  #tab-player
  .profile-nicks-table
  td::before{
    color:#596675;

    font-size:7px;
    font-weight:800;

    letter-spacing:.08em;
    text-transform:uppercase;
  }

  #tab-player
  .profile-nicks-table
  td:nth-child(1)::before{
    content:"Nickname";
  }

  #tab-player
  .profile-nicks-table
  td:nth-child(2)::before{
    content:"First seen";
  }

  #tab-player
  .profile-nicks-table
  td:nth-child(3)::before{
    content:"Last seen";
  }

  #tab-player
  .profile-nicks-table
  td:nth-child(4)::before{
    content:"Occurrences";
  }


  /* RUNS -> MOBILE CARDS */

  #tab-player
  .profile-runs-mainstyle{
    overflow:visible!important;
  }

  #tab-player
  .profile-runs-mainstyle table{
    display:block!important;

    width:100%!important;
    min-width:0!important;
  }

  #tab-player
  .profile-runs-mainstyle thead{
    display:none!important;
  }

  #profile-runs-body{
    display:block!important;
  }

  #profile-runs-body
  tr:not(.profile-lazy-sentinel){
    display:grid!important;

    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );

    gap:0;

    margin:
      0
      0
      10px;

    border:
      1px solid
      rgba(255,255,255,.06);

    background:
      rgba(255,255,255,.012);
  }

  #profile-runs-body
  tr:not(.profile-lazy-sentinel)
  td{
    min-width:0!important;

    display:flex!important;
    flex-direction:column;
    align-items:flex-start!important;

    gap:4px;

    padding:
      10px!important;

    border:0!important;

    text-align:left!important;

    white-space:normal!important;
    overflow-wrap:anywhere;
  }

  #profile-runs-body
  tr:not(.profile-lazy-sentinel)
  td:nth-child(1),

  #profile-runs-body
  tr:not(.profile-lazy-sentinel)
  td:nth-child(2),

  #profile-runs-body
  tr:not(.profile-lazy-sentinel)
  td:nth-child(9),

  #profile-runs-body
  tr:not(.profile-lazy-sentinel)
  td:nth-child(10){
    grid-column:1/-1;
  }

  #profile-runs-body td::before{
    color:#596675;

    font-size:7px;
    font-weight:800;

    letter-spacing:.08em;
    text-transform:uppercase;
  }

  #profile-runs-body td:nth-child(1)::before{
    content:"Player";
  }

  #profile-runs-body td:nth-child(2)::before{
    content:"Map";
  }

  #profile-runs-body td:nth-child(3)::before{
    content:"Time";
  }

  #profile-runs-body td:nth-child(4)::before{
    content:"Category";
  }

  #profile-runs-body td:nth-child(5)::before{
    content:"FPS";
  }

  #profile-runs-body td:nth-child(6)::before{
    content:"Jumps";
  }

  #profile-runs-body td:nth-child(7)::before{
    content:"Strafes";
  }

  #profile-runs-body td:nth-child(8)::before{
    content:"Speed";
  }

  #profile-runs-body td:nth-child(9)::before{
    content:"Sync";
  }

  #profile-runs-body td:nth-child(10)::before{
    content:"Date";
  }

}


@media(max-width:430px){

  #tab-home .hero.hero-landing{
    padding-left:13px!important;
    padding-right:13px!important;
  }

  #tab-home .home-landing-title{
    font-size:
      clamp(
        36px,
        12vw,
        48px
      )!important;
  }

  #tab-home .community-chat-v2-compose{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  #tab-home .community-chat-v2-send{
    width:100%!important;
    min-height:40px;
  }


  #tab-player .profile-rating{
    grid-template-columns:1fr!important;
  }

  #tab-player .profile-stats{
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      )!important;
  }

  #tab-player .profile-point-totals{
    grid-template-columns:1fr!important;
  }

  #tab-player .profile-evo-grid{
    grid-template-columns:1fr!important;
  }

}