/* home-hero-spacing */
/* RAIET v1.48.5.149 — lower the left home hero stats/games cluster a bit more
   and make the game cards visually consistent.
   Goals:
   1) move the stats row + Games on RAIET block slightly lower;
   2) keep the stats row visually closer to the games block;
   3) unify card appearance so some cards do not look like they have separate dark slots. */

@media (min-width: 981px) {
  #home .hero-copy .hero-stats {
    margin-top: 56px;
    margin-bottom: 12px;
  }
}

@media (min-width: 701px) and (max-width: 980px) {
  #home .hero-copy .hero-stats {
    margin-top: 44px;
    margin-bottom: 12px;
  }
}

@media (max-width: 700px) {
  #home .hero-copy .hero-stats {
    margin-top: 28px;
    margin-bottom: 12px;
  }
}

#home .supported-label {
  margin-top: 0;
  margin-bottom: 8px;
}

#home .game-strip {
  gap: 10px;
}

#home .game-tile {
  border-radius: 8px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(12,16,22,.98), rgba(7,10,14,.98));
  box-shadow: 0 8px 22px rgba(0,0,0,.22);
}

#home .game-tile img {
  position: absolute;
  z-index: 0;
  inset: -9px;
  display: block;
  width: calc(100% + 18px);
  height: calc(100% + 18px);
  max-width: none;
  object-fit: cover;
  object-position: 50% 45%;
  transform: none;
}

#home .game-tile .game-tile-voxel-art {
  position: absolute;
  z-index: 0;
  inset: 0;
}


#home .game-tile::before {
  box-shadow: none !important;
}

#home .game-tile:after {
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0) 22%,
    rgba(0,0,0,.10) 50%,
    rgba(0,0,0,.62) 100%
  ) !important;
}

#home .game-tile span {
  left: 0;
  right: 0;
  bottom: 0;
  padding: 14px 8px 7px;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.10) 28%,
    rgba(0,0,0,.76) 100%
  );
}

/* ===== ARENACTIVE v1.48.5.258 — premium hero telemetry =====
   Give the stats + supported-games cluster more breathing room and turn the
   plain counter row into compact product-grade telemetry cards. */
@media (min-width: 981px) {
  #home .hero-copy .hero-stats {
    margin-top: 70px !important;
    margin-bottom: 15px !important;
  }

  #home .hero-copy .hero-stats-four {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: min(570px, 100%) !important;
    gap: 8px !important;
    margin-left: 3px !important;
  }

  #home .hero-copy .hero-stats-four > div {
    position: relative;
    min-width: 0;
    min-height: 61px;
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-content: center;
    align-items: center;
    column-gap: 9px !important;
    padding: 9px 10px 9px 10px !important;
    border: 1px solid rgba(255,255,255,.085) !important;
    border-radius: 10px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.035), rgba(255,255,255,0) 48%),
      linear-gradient(145deg, rgba(12,16,21,.84), rgba(6,9,13,.78));
    box-shadow:
      0 11px 25px rgba(0,0,0,.19),
      inset 0 1px 0 rgba(255,255,255,.025);
    overflow: hidden;
  }

  #home .hero-copy .hero-stats-four > div::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 2px;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(180deg, #ff3f45, #9b0710);
    box-shadow: 0 0 12px rgba(237,23,23,.18);
  }

  #home .hero-copy .hero-stats-four > div::after {
    content: "";
    position: absolute;
    right: -20px;
    top: -28px;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(237,23,23,.075), transparent 68%);
    pointer-events: none;
  }

  #home .hero-copy .hero-stats-four > div + div {
    border-left: 1px solid rgba(255,255,255,.085) !important;
    padding-left: 10px !important;
  }

  #home .hero-copy .hero-stats-four .stat-svg {
    grid-row: 1 / 3 !important;
    width: 34px !important;
    height: 34px !important;
    display: grid !important;
    place-items: center;
    border: 1px solid rgba(237,23,23,.20);
    border-radius: 9px;
    background: linear-gradient(145deg, rgba(237,23,23,.12), rgba(237,23,23,.035));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.018);
  }

  #home .hero-copy .hero-stats-four .stat-svg img {
    width: 19px !important;
    height: 19px !important;
  }

  #home .hero-copy .hero-stats-four strong {
    align-self: end;
    color: #f5f7f8;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 950;
    letter-spacing: -.35px;
    text-shadow: 0 2px 12px rgba(0,0,0,.28);
  }

  #home .hero-copy .hero-stats-four small {
    align-self: start;
    margin-top: 4px;
    color: #a5afb9 !important;
    font-size: 10.5px !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: .28px !important;
    white-space: normal !important;
    text-transform: uppercase;
  }

  #home .hero-copy .supported-label,
  #home .hero-copy .game-strip {
    margin-left: 3px;
  }

  #home .hero-copy .supported-label {
    margin-top: 2px;
    margin-bottom: 9px;
    color: #a1abb5;
    font-size: 10.5px;
    letter-spacing: .72px;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  #home .hero-copy .hero-stats {
    margin-top: 62px !important;
  }
  #home .hero-copy .hero-stats-four > div {
    min-height: 58px;
    padding: 8px !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    column-gap: 7px !important;
  }
  #home .hero-copy .hero-stats-four .stat-svg {
    width: 30px !important;
    height: 30px !important;
  }
  #home .hero-copy .hero-stats-four .stat-svg img {
    width: 17px !important;
    height: 17px !important;
  }
  #home .hero-copy .hero-stats-four strong { font-size: 18px !important; }
  #home .hero-copy .hero-stats-four small { font-size: 10px !important; }
}

@media (max-width: 980px) {
  #home .hero-copy .hero-stats-four > div {
    position: relative;
    min-height: 56px;
    padding: 9px 10px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 9px;
    background: rgba(8,11,15,.82);
  }
}


/* ===== ARENACTIVE v1.48.5.259 — balanced hero games + telemetry order =====
   Games are the primary visual choice, so keep the supported-game grid first
   and place the premium telemetry row underneath it. On desktop the eight
   game cards form a clean 4 + 4 matrix (Warzone moves to row two with Fortnite). */
@media (min-width: 981px) {
  #home .hero-copy .supported-label {
    margin-top: 66px !important;
    margin-bottom: 9px !important;
    margin-left: 3px !important;
  }

  #home .hero-copy .game-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: min(500px, 100%) !important;
    max-width: 500px !important;
    gap: 9px !important;
    margin-left: 3px !important;
  }

  #home .hero-copy .hero-stats {
    margin-top: 13px !important;
    margin-bottom: 0 !important;
  }

  #home .hero-copy .hero-stats-four {
    width: min(500px, 100%) !important;
    margin-left: 3px !important;
    gap: 8px !important;
  }

  #home .hero-copy .hero-stats-four > div {
    min-height: 58px !important;
    grid-template-columns: 33px minmax(0, 1fr) !important;
    column-gap: 8px !important;
    padding: 8px 9px !important;
  }

  #home .hero-copy .hero-stats-four .stat-svg {
    width: 31px !important;
    height: 31px !important;
  }

  #home .hero-copy .hero-stats-four .stat-svg img {
    width: 17px !important;
    height: 17px !important;
  }

  #home .hero-copy .hero-stats-four strong {
    font-size: 19px !important;
  }

  #home .hero-copy .hero-stats-four small {
    font-size: 10px !important;
    line-height: 1.1 !important;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  #home .hero-copy .supported-label {
    margin-top: 56px !important;
  }

  #home .hero-copy .game-strip,
  #home .hero-copy .hero-stats-four {
    width: min(470px, 100%) !important;
    max-width: 470px !important;
  }
}

@media (max-width: 980px) {
  #home .hero-copy .hero-stats {
    margin-top: 14px !important;
    margin-bottom: 0 !important;
  }
}


/* ===== ARENACTIVE v1.48.5.273 — bottom-left hero telemetry dock =====
   Keep the new hero artwork clear while retaining real platform activity
   inside the hero. Desktop only: compact glass telemetry sits in the lower
   left corner; the Android entry stays directly beneath it. */
@media (min-width: 981px) {
  #home .hero-copy {
    align-self: stretch !important;
    padding-top: 27px !important;
    padding-bottom: 20px !important;
  }

  #home .hero-copy .hero-stats,
  #home .hero-copy .hero-stats-four {
    position: absolute !important;
    left: 3px !important;
    bottom: 69px !important;
    z-index: 12 !important;
    width: min(438px, calc(100% - 18px)) !important;
    max-width: 438px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  #home .hero-copy .hero-stats-four > div {
    position: relative !important;
    min-width: 0 !important;
    min-height: 60px !important;
    padding: 8px 8px 7px !important;
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    grid-template-rows: 27px auto !important;
    column-gap: 7px !important;
    align-items: center !important;
    align-content: center !important;
    border: 1px solid rgba(255,255,255,.105) !important;
    border-radius: 10px !important;
    background:
      radial-gradient(circle at 84% 12%, rgba(237,23,23,.12), transparent 43%),
      linear-gradient(145deg, rgba(15,19,25,.86), rgba(6,9,13,.79)) !important;
    box-shadow:
      0 10px 22px rgba(0,0,0,.23),
      inset 0 1px 0 rgba(255,255,255,.035) !important;
    -webkit-backdrop-filter: blur(9px) saturate(118%);
    backdrop-filter: blur(9px) saturate(118%);
    overflow: hidden !important;
  }

  #home .hero-copy .hero-stats-four > div + div {
    border-left: 1px solid rgba(255,255,255,.105) !important;
    padding-left: 8px !important;
  }

  #home .hero-copy .hero-stats-four > div::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 9px !important;
    bottom: 9px !important;
    width: 2px !important;
    border-radius: 0 3px 3px 0 !important;
    background: linear-gradient(180deg, #ff4248, #a80810) !important;
    box-shadow: 0 0 12px rgba(237,23,23,.22) !important;
  }

  #home .hero-copy .hero-stats-four > div::after {
    content: "" !important;
    position: absolute !important;
    right: -20px !important;
    top: -23px !important;
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(237,23,23,.09), transparent 69%) !important;
    pointer-events: none !important;
  }

  #home .hero-copy .hero-stats-four .stat-svg {
    grid-row: 1 / 3 !important;
    width: 28px !important;
    height: 28px !important;
    display: grid !important;
    place-items: center !important;
    align-self: center !important;
    border: 1px solid rgba(237,23,23,.28) !important;
    border-radius: 8px !important;
    background: linear-gradient(145deg, rgba(237,23,23,.17), rgba(237,23,23,.045)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
  }

  #home .hero-copy .hero-stats-four .stat-svg img {
    width: 15px !important;
    height: 15px !important;
    opacity: .96 !important;
  }

  #home .hero-copy .hero-stats-four strong {
    position: relative !important;
    z-index: 2 !important;
    align-self: end !important;
    color: #fff !important;
    font-size: 23px !important;
    line-height: .92 !important;
    font-weight: 950 !important;
    letter-spacing: -.7px !important;
    text-shadow: 0 2px 14px rgba(0,0,0,.34) !important;
  }

  #home .hero-copy .hero-stats-four small {
    position: relative !important;
    z-index: 2 !important;
    align-self: start !important;
    margin-top: 3px !important;
    color: #aab4bd !important;
    font-size: 9.2px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: .16px !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  #home .hero-copy > .hero-app-entry {
    position: absolute !important;
    left: 3px !important;
    right: auto !important;
    bottom: 15px !important;
    width: 176px !important;
    max-width: 176px !important;
    margin: 0 !important;
    z-index: 13 !important;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  #home .hero-copy .hero-stats,
  #home .hero-copy .hero-stats-four {
    width: min(410px, calc(100% - 12px)) !important;
    max-width: 410px !important;
    gap: 5px !important;
  }

  #home .hero-copy .hero-stats-four > div {
    min-height: 58px !important;
    grid-template-columns: 25px minmax(0, 1fr) !important;
    column-gap: 6px !important;
    padding: 7px !important;
  }

  #home .hero-copy .hero-stats-four .stat-svg {
    width: 25px !important;
    height: 25px !important;
  }

  #home .hero-copy .hero-stats-four strong {
    font-size: 21px !important;
  }

  #home .hero-copy .hero-stats-four small {
    font-size: 8.8px !important;
  }
}

/* Tablet/mobile keep the existing safe flow rather than absolute positioning. */
@media (max-width: 980px) {
  #home .hero-copy .hero-stats,
  #home .hero-copy .hero-stats-four {
    position: static !important;
  }
}

/* ===== ARENACTIVE v1.48.5.274 — floor-aligned telemetry dock =====
   The activity rail now sits against the bottom edge of the hero instead of
   floating above the artwork. Android joins the same visual baseline via the
   Android-specific stylesheet loaded after this file. */
@media (min-width: 981px) {
  #home .hero-copy {
    --aa-hero-telemetry-width: 438px;
  }

  #home .hero-copy .hero-stats,
  #home .hero-copy .hero-stats-four {
    bottom: 8px !important;
    width: var(--aa-hero-telemetry-width) !important;
    max-width: var(--aa-hero-telemetry-width) !important;
  }

  /* A slightly heavier floor shadow visually anchors the dock to the hero. */
  #home .hero-copy .hero-stats-four > div {
    box-shadow:
      0 13px 28px rgba(0,0,0,.31),
      0 1px 0 rgba(255,255,255,.025) inset !important;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  #home .hero-copy {
    --aa-hero-telemetry-width: 410px;
  }
}


/* ===== ARENACTIVE v1.48.5.295 — hero telemetry long-label safety =====
   Keep long localized counter labels fully visible without changing
   the established telemetry dock layout. */
@media (min-width: 981px) {
  #home .hero-copy .hero-stats-four small {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: none !important;
    line-height: 1.02 !important;
  }
}

/* ===== ARENACTIVE v1.48.5.296 — unified hero telemetry rail =====
   Replace the four boxy counters with one compact HUD rail. The label gets the
   full width of its segment, so long localized text stays clean and readable. */
@media (min-width: 981px) {
  #home .hero-copy {
    --aa-hero-telemetry-width: 468px;
  }

  #home .hero-copy .hero-stats,
  #home .hero-copy .hero-stats-four {
    width: var(--aa-hero-telemetry-width) !important;
    max-width: var(--aa-hero-telemetry-width) !important;
    grid-template-columns: 1.22fr .93fr .93fr .92fr !important;
    gap: 0 !important;
    padding: 4px !important;
    border: 1px solid rgba(255,255,255,.105) !important;
    border-radius: 12px !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.008)),
      linear-gradient(145deg, rgba(12,16,21,.91), rgba(5,8,12,.86)) !important;
    box-shadow:
      0 13px 30px rgba(0,0,0,.34),
      inset 0 1px 0 rgba(255,255,255,.045),
      inset 0 -1px 0 rgba(237,23,23,.055) !important;
    -webkit-backdrop-filter: blur(10px) saturate(120%);
    backdrop-filter: blur(10px) saturate(120%);
    overflow: hidden !important;
  }

  #home .hero-copy .hero-stats-four > div {
    min-height: 54px !important;
    height: 54px !important;
    display: grid !important;
    grid-template-columns: 27px minmax(0,1fr) !important;
    grid-template-rows: 27px 15px !important;
    align-content: center !important;
    align-items: center !important;
    column-gap: 7px !important;
    row-gap: 1px !important;
    padding: 5px 8px 4px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  #home .hero-copy .hero-stats-four > div + div {
    border-left: 1px solid rgba(255,255,255,.075) !important;
    padding-left: 9px !important;
  }

  /* Remove the old individual-card glow/accent. The rail itself is the frame. */
  #home .hero-copy .hero-stats-four > div::before,
  #home .hero-copy .hero-stats-four > div::after {
    content: none !important;
    display: none !important;
  }

  #home .hero-copy .hero-stats-four .stat-svg {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 27px !important;
    height: 27px !important;
    border: 1px solid rgba(237,23,23,.25) !important;
    border-radius: 7px !important;
    background:
      radial-gradient(circle at 50% 30%, rgba(237,23,23,.17), transparent 70%),
      rgba(4,7,10,.50) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      0 0 12px rgba(237,23,23,.045) !important;
  }

  #home .hero-copy .hero-stats-four .stat-svg img {
    width: 14px !important;
    height: 14px !important;
  }

  #home .hero-copy .hero-stats-four strong {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    font-size: 22px !important;
    line-height: 1 !important;
    letter-spacing: -.55px !important;
  }

  #home .hero-copy .hero-stats-four small {
    grid-column: 1 / 3 !important;
    grid-row: 2 !important;
    align-self: center !important;
    margin: 0 !important;
    color: #aeb8c1 !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .12px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  /* One subtle live edge keeps the rail in ARENACTIVE's visual language. */
  #home .hero-copy .hero-stats-four::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 9px !important;
    bottom: 9px !important;
    width: 2px !important;
    border-radius: 0 3px 3px 0 !important;
    background: linear-gradient(180deg, #ff4248, #a80810) !important;
    box-shadow: 0 0 12px rgba(237,23,23,.22) !important;
    pointer-events: none !important;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  #home .hero-copy {
    --aa-hero-telemetry-width: 438px;
  }

  #home .hero-copy .hero-stats-four > div {
    grid-template-columns: 25px minmax(0,1fr) !important;
    column-gap: 6px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  #home .hero-copy .hero-stats-four .stat-svg {
    width: 25px !important;
    height: 25px !important;
  }

  #home .hero-copy .hero-stats-four strong {
    font-size: 20px !important;
  }

  #home .hero-copy .hero-stats-four small {
    font-size: 7.8px !important;
  }
}


/* community-games */
/* ARENACTIVE v1.48.5.266 — Community Games artwork + home carousel.
   Shared visual layer for the home strip, game-first lobby directory and
   generic Community Game lobby creation. No Integrated-game layout changes. */

/* ---------- shared abstract game art ---------- */
.community-game-art{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 78% 18%,rgba(255,255,255,.16),transparent 22%),
    linear-gradient(135deg,#171c23 0%,#0b0f14 45%,#14181e 100%);
}
.community-game-art::before,
.community-game-art::after{content:"";position:absolute;pointer-events:none}
.community-game-art::before{
  z-index:0;inset:-18%;
  background:
    linear-gradient(125deg,transparent 0 32%,rgba(255,255,255,.065) 33% 35%,transparent 36% 100%),
    radial-gradient(circle at 70% 55%,rgba(237,23,23,.26),transparent 34%);
  transform:rotate(-7deg);
}
.community-game-art::after{
  z-index:1;left:-12%;right:-12%;bottom:-34%;height:66%;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.76));
  transform:skewY(-5deg);
}
.community-game-art>i{
  position:absolute;z-index:2;right:10px;bottom:8px;
  color:rgba(255,255,255,.86);font-style:normal;font-size:24px;font-weight:950;
  letter-spacing:-1.2px;text-shadow:0 5px 18px rgba(0,0,0,.62);
}

.community-game-art.has-image>img{position:absolute;z-index:0;inset:0;width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.92) contrast(1.05) brightness(.88);transform:scale(1.01);transition:transform .22s ease,filter .22s ease}
.community-game-art.has-image::before{z-index:1;inset:0;transform:none;background:linear-gradient(180deg,rgba(0,0,0,.03) 18%,rgba(0,0,0,.10) 48%,rgba(0,0,0,.46) 100%)}
.community-game-art.has-image::after{z-index:2;left:0;right:0;bottom:0;height:58%;transform:none;background:linear-gradient(180deg,transparent,rgba(4,6,9,.80))}
.home-community-card:hover .community-game-art.has-image>img,.game-directory-card:hover .community-game-art.has-image>img{transform:scale(1.045);filter:saturate(1.02) contrast(1.06) brightness(.94)}
.community-game-art.theme-racing{background:linear-gradient(135deg,#314d54,#0b1116 48%,#59120f)}
.community-game-art.theme-racing::before{background:radial-gradient(circle at 74% 52%,rgba(255,65,48,.52),transparent 28%),linear-gradient(153deg,transparent 0 43%,rgba(255,255,255,.15) 44% 46%,transparent 47% 100%)}
.community-game-art.theme-neon-racing{background:linear-gradient(135deg,#081318,#0d3131 42%,#5a0b49)}
.community-game-art.theme-neon-racing::before{background:radial-gradient(circle at 70% 52%,rgba(0,255,207,.30),transparent 26%),radial-gradient(circle at 34% 30%,rgba(255,0,181,.30),transparent 30%)}
.community-game-art.theme-fighter{background:linear-gradient(135deg,#3e130b,#130b09 48%,#7d2d08)}
.community-game-art.theme-fighter-blue{background:linear-gradient(135deg,#0b1b35,#100d17 52%,#45142b)}
.community-game-art.theme-fighter-orange{background:linear-gradient(135deg,#3b1609,#161015 48%,#8f3a10)}
.community-game-art.theme-space{background:linear-gradient(135deg,#4a4b2d,#11150f 48%,#1d2c26)}
.community-game-art.theme-space-blue{background:linear-gradient(135deg,#0a2638,#0c111d 52%,#273e5c)}
.community-game-art.theme-space-purple{background:linear-gradient(135deg,#1f1741,#090e18 50%,#30556f)}
.community-game-art.theme-sport{background:linear-gradient(135deg,#082d53,#101720 50%,#0c6a7a)}
.community-game-art.theme-city{background:linear-gradient(135deg,#173448,#10161c 47%,#67301a)}
.community-game-art.theme-tactical{background:linear-gradient(135deg,#252a2e,#0d1115 50%,#5b4d1e)}
.community-game-art.theme-hero{background:linear-gradient(135deg,#17314d,#11131a 47%,#784126)}
.community-game-art.theme-hero-red{background:linear-gradient(135deg,#4e1018,#11131b 50%,#17335a)}
.community-game-art.theme-horror{background:linear-gradient(135deg,#211c1c,#07090b 50%,#4f151a)}
.community-game-art.theme-survival{background:linear-gradient(135deg,#59321d,#10110f 50%,#263724)}
.community-game-art.theme-survival-dark{background:linear-gradient(135deg,#283025,#0a0d0c 50%,#45251f)}
.community-game-art.theme-ocean{background:linear-gradient(135deg,#0c4553,#07131a 50%,#1e6f77)}
.community-game-art.theme-arena{background:linear-gradient(135deg,#5a1016,#100d12 48%,#a0131d)}
.community-game-art.theme-fantasy{background:linear-gradient(135deg,#235052,#10161b 50%,#584477)}
.community-game-art.theme-wilds{background:linear-gradient(135deg,#594a2b,#171812 50%,#3d5c43)}
.community-game-art.theme-fantasy-gold{background:linear-gradient(135deg,#514125,#12120f 50%,#776532)}

/* ---------- home Community Games strip ---------- */
.home-community-games{
  position:relative;z-index:10;
  padding:10px 34px 12px;
  border-bottom:1px solid rgba(255,255,255,.065);
  background:
    linear-gradient(180deg,rgba(13,17,22,.76),rgba(5,7,10,.98)),
    radial-gradient(ellipse at 36% 0%,rgba(237,23,23,.06),transparent 45%);
}
.home-community-games::before{
  content:"";position:absolute;left:34px;right:34px;top:0;height:1px;
  background:linear-gradient(90deg,rgba(237,23,23,.62),rgba(237,23,23,.08) 46%,transparent 84%);
}
.home-community-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:9px}
.home-community-head>div{display:flex;align-items:baseline;gap:10px;min-width:0}
.home-community-head span{color:#f0f3f5;font-size:10.5px;font-weight:950;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap}
.home-community-head span b{color:#ed1717;font-size:15px}
.home-community-head p{margin:0;color:#89939d;font-size:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-community-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.home-community-actions>a{min-height:29px;display:inline-flex;align-items:center;gap:8px;padding:0 11px;border:1px solid rgba(237,23,23,.24);border-radius:999px;background:rgba(237,23,23,.055);color:#d8dde1;font-size:10px;font-weight:950;letter-spacing:.45px}
.home-community-actions>a:hover{border-color:rgba(237,23,23,.42);background:rgba(237,23,23,.10);color:#fff}
.home-community-actions>a b{color:#ff4a4f;font-size:14px}
.home-community-scroll-controls{display:flex;gap:5px}
.home-community-scroll-controls button{width:29px;height:29px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.10);border-radius:50%;background:#0a0e13;color:#cbd2d8;font:950 18px/1 Arial,sans-serif;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,opacity .15s ease}
.home-community-scroll-controls button:hover:not(:disabled){border-color:rgba(237,23,23,.40);background:rgba(237,23,23,.09);color:#fff}
.home-community-scroll-controls button:disabled{opacity:.28;cursor:default}
.home-community-grid{display:flex;gap:10px;overflow-x:auto;padding:1px 1px 4px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain}
.home-community-grid::-webkit-scrollbar{display:none}
.home-community-card{
  position:relative;min-width:0;flex:0 0 calc((100% - 50px)/6);height:106px;overflow:hidden;scroll-snap-align:start;
  border:1px solid rgba(255,255,255,.085);border-radius:10px;
  background:#090d12;box-shadow:0 9px 24px rgba(0,0,0,.20);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.home-community-card:hover{transform:translateY(-2px);border-color:rgba(237,23,23,.30);box-shadow:0 14px 28px rgba(0,0,0,.28)}
.home-community-art{position:absolute;inset:0;height:auto}
.home-community-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 16%,rgba(5,7,10,.06) 42%,rgba(5,7,10,.94) 74%,#070a0e 100%);pointer-events:none}
.home-community-badge{position:absolute;z-index:3;left:8px;top:7px;padding:3px 6px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(6,9,13,.72);backdrop-filter:blur(5px);color:#c0c8cf;font-size:10px;font-weight:950;letter-spacing:.38px;text-transform:uppercase}
.home-community-card>strong{position:absolute;z-index:3;left:9px;right:8px;bottom:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f7f8;font-size:10.5px;font-weight:950}
.home-community-card>small{position:absolute;z-index:3;left:9px;right:8px;bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#89939d;font-size:10px;font-weight:800}

/* ---------- game-first lobby directory ---------- */
.game-directory{display:grid;gap:22px;margin-top:18px}
.game-directory-intro{padding:16px 18px;border:1px solid rgba(255,255,255,.07);border-left:2px solid rgba(237,23,23,.62);border-radius:12px;background:linear-gradient(135deg,rgba(237,23,23,.045),rgba(9,12,16,.78))}
.game-directory-intro>span,.game-directory-section-head span{display:block;color:#f3f5f7;font-size:10px;font-weight:950;letter-spacing:.75px;text-transform:uppercase}
.game-directory-intro>span{color:#ff5f64}
.game-directory-intro h2{margin:5px 0 4px;color:#f7f8f9;font-size:23px;line-height:1.05;font-weight:950;letter-spacing:-.35px}
.game-directory-intro p,.game-directory-section-head p{margin:0;color:#8e98a2;font-size:10.5px;line-height:1.5}
.game-directory-section{display:grid;gap:10px;scroll-margin-top:95px}
.game-directory-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.game-directory-section-head>div{display:grid;gap:3px}
.game-directory-section-head>div>span::first-letter{color:inherit}
.game-directory-section-head>b{color:#737e88;font-size:10px;font-weight:900;letter-spacing:.45px;text-transform:uppercase}
.game-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.game-directory-card{position:relative;height:124px;overflow:hidden;border:1px solid rgba(255,255,255,.085);border-radius:11px;background:#090d12;box-shadow:0 10px 26px rgba(0,0,0,.18);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.game-directory-card:hover{transform:translateY(-2px);border-color:rgba(237,23,23,.30);box-shadow:0 15px 31px rgba(0,0,0,.27)}
.game-directory-art{position:absolute;inset:0;overflow:hidden;background:linear-gradient(135deg,#202630,#090c10)}
.game-directory-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.90) contrast(1.02) brightness(.82)}
.game-directory-art.is-voxel{background:linear-gradient(180deg,#54788d 0 45%,#5e8b46 45% 55%,#59432f 55% 100%)}
.game-directory-art.is-voxel::before{content:"";position:absolute;left:-5%;right:-5%;top:34%;height:34%;background:linear-gradient(45deg,#406c3c 0 25%,#6e9b50 25% 50%,#4f7c42 50% 75%,#719d53 75%);background-size:44px 44px;transform:skewY(-4deg)}
.game-directory-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 16%,rgba(0,0,0,.18) 48%,rgba(4,6,9,.95) 81%,#06090d 100%)}
.game-directory-badge{position:absolute;z-index:3;left:9px;top:8px;padding:3px 6px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(6,9,13,.72);color:#c6ced5;font-size:10px;font-weight:950;letter-spacing:.36px;text-transform:uppercase}
.game-directory-card.is-integrated .game-directory-badge{border-color:rgba(68,217,130,.24);background:rgba(18,75,48,.40);color:#82e8ad}
.game-directory-card>strong{position:absolute;z-index:3;left:10px;right:10px;bottom:23px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f7f8;font-size:11px;font-weight:950}
.game-directory-card>small{position:absolute;z-index:3;left:10px;right:10px;bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8f99a3;font-size:10px;font-weight:800}

/* ---------- Create Lobby community bridge ---------- */
.lobby-create-modern .create-choice-grid.is-community-single{grid-template-columns:minmax(0,1fr)}
.lobby-create-modern .create-choice-card.is-community .create-choice-body{min-height:70px}
.lobby-create-modern .create-choice-card.is-community .create-choice-game-art{position:relative}
.lobby-create-modern .create-choice-card.is-community .create-choice-game-art>i{right:7px;bottom:4px;font-size:17px}
.lobby-create-modern .create-choice-card.is-community .create-choice-copy small{display:block;margin-top:3px;color:#87919a;font-size:10px;font-weight:900;letter-spacing:.45px}
.community-create-entry{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-2px 0 14px;padding:11px 12px;border:1px solid rgba(237,23,23,.16);border-radius:9px;background:linear-gradient(135deg,rgba(237,23,23,.045),rgba(9,12,16,.72));color:#e7ebee}
.community-create-entry span{display:grid;gap:3px}.community-create-entry b{font-size:10.5px;letter-spacing:.55px}.community-create-entry small{color:#88929c;font-size:10px;line-height:1.35}.community-create-entry>strong{flex:0 0 auto;color:#ff6267;font-size:10px;font-weight:950;letter-spacing:.4px}
.community-create-entry:hover{border-color:rgba(237,23,23,.30);background:linear-gradient(135deg,rgba(237,23,23,.075),rgba(9,12,16,.80))}
.community-create-note{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:-2px 0 14px;padding:11px 12px;border:1px solid rgba(255,255,255,.08);border-left:2px solid rgba(237,23,23,.66);border-radius:9px;background:#090d12}
.community-create-note>span{padding:4px 7px;border:1px solid rgba(255,255,255,.11);border-radius:999px;color:#c5cdd4;font-size:10px;font-weight:950;letter-spacing:.4px}
.community-create-note>div{min-width:0}.community-create-note strong{display:block;color:#eef1f3;font-size:10.5px;font-weight:950}.community-create-note p{margin:3px 0 0;color:#88939d;font-size:10px;line-height:1.4}.community-create-note>a{color:#ff686d;font-size:10px;font-weight:950;white-space:nowrap}

@media(max-width:1180px){
  .home-community-card{flex-basis:calc((100% - 20px)/3);height:100px}
  .game-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .home-community-games{padding:11px 14px 13px}
  .home-community-games::before{left:14px;right:14px}
  .home-community-head{align-items:flex-start}
  .home-community-head>div{display:grid;gap:3px}
  .home-community-head p{white-space:normal}
  .home-community-grid{gap:9px;padding-bottom:3px;scroll-snap-type:x proximity}
  .home-community-card{flex:0 0 188px;height:104px}
  .game-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .community-create-note{grid-template-columns:1fr;align-items:start}
  .community-create-note>a{justify-self:start}
}
@media(max-width:480px){
  .home-community-actions{gap:5px}.home-community-actions>a{padding:0 9px}.home-community-actions>a b{display:none}
  .home-community-scroll-controls button{width:28px;height:28px}
  .game-directory-grid{grid-template-columns:1fr 1fr;gap:8px}
  .game-directory-card{height:112px}
  .game-directory-intro{padding:14px}
  .game-directory-intro h2{font-size:20px}
  .game-directory-section-head{align-items:flex-start;flex-direction:column;gap:6px}
}

/* ===== ARENACTIVE v1.48.5.272 — Integrated Games moved below the hero =====
   Keep the new hero artwork visually open. Integrated titles now live in their
   own full-width rail directly above Community Games. This is visual/navigation
   only: no matchmaking, lobby or game-adapter behavior changes. */
.home-integrated-games{
  position:relative;
  padding:14px 16px 16px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(8,13,18,.86),rgba(5,8,12,.92));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 18px 36px rgba(0,0,0,.22);
  overflow:hidden;
}
.home-integrated-games::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,rgba(237,23,23,.48),rgba(237,23,23,0));
}
.home-integrated-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px}
.home-integrated-head>div{display:flex;align-items:baseline;gap:10px;min-width:0}
.home-integrated-head span{color:#f2f5f6;font-size:10.5px;font-weight:950;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap}
.home-integrated-head span b{color:#ed1717;font-size:15px}
.home-integrated-head p{margin:0;color:#87929c;font-size:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-integrated-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.home-integrated-card{
  position:relative;
  isolation:isolate;
  display:block;
  min-width:0;
  height:106px;
  overflow:hidden;
  border:1px solid rgba(155,169,181,.22);
  border-radius:12px;
  background:#080c11;
  box-shadow:0 13px 30px rgba(0,0,0,.24);
  transform:translateZ(0);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.home-integrated-card:hover{
  transform:translateY(-3px);
  border-color:rgba(78,221,143,.46);
  box-shadow:0 20px 40px rgba(0,0,0,.34),0 0 0 1px rgba(78,221,143,.05) inset;
}
.home-integrated-card::before{
  content:"";
  position:absolute;
  z-index:7;
  right:-1px;
  top:-1px;
  width:46px;
  height:2px;
  background:linear-gradient(90deg,transparent,#ed1717);
  opacity:.66;
  pointer-events:none;
}
.home-integrated-card::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(2,5,8,0) 0%,rgba(2,5,8,.03) 44%,rgba(3,6,9,.24) 60%,rgba(4,7,10,.72) 100%);
}
.home-integrated-art{position:absolute;inset:0;display:block;overflow:hidden;background:#0c1117}
.home-integrated-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center top;
  filter:saturate(1.06) contrast(1.04) brightness(.98);
  transform:scale(1.002);
  transition:transform .24s ease,filter .24s ease;
}
.home-integrated-card:hover .home-integrated-bg{transform:scale(1.035);filter:saturate(1.10) contrast(1.055) brightness(1.02)}
.home-integrated-art::after{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  height:26px;
  background:linear-gradient(180deg,rgba(5,8,12,.10),rgba(5,8,12,.56));
  backdrop-filter:blur(2px);
  pointer-events:none;
}

.home-integrated-badge{
  position:absolute;
  z-index:5;
  left:8px;
  top:8px;
  display:inline-flex;
  align-items:center;
  padding:4px 7px;
  border:1px solid rgba(90,233,164,.34);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(17,102,73,.90),rgba(9,70,49,.88));
  color:#bdf8db;
  font-size:9.9px;
  line-height:1;
  font-weight:950;
  letter-spacing:.035em;
  text-transform:uppercase;
  backdrop-filter:blur(8px);
  box-shadow:0 7px 18px rgba(0,0,0,.23),0 0 0 1px rgba(94,240,171,.04) inset;
}
.home-integrated-card>strong{
  position:absolute;
  z-index:6;
  left:9px;
  right:9px;
  bottom:8px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-size:12px;
  line-height:1.08;
  font-weight:950;
  text-shadow:0 3px 14px rgba(0,0,0,.86);
}

@media(max-width:1180px){
  .home-integrated-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
  .home-integrated-card{height:104px}
}
@media(max-width:760px){
  .home-integrated-games{padding:11px 14px 13px}
  .home-integrated-games::before{left:14px;right:14px}
  .home-integrated-head{align-items:flex-start}
  .home-integrated-head>div{display:grid;gap:3px}
  .home-integrated-head p{white-space:normal}
  .home-integrated-grid{display:flex;gap:9px;overflow-x:auto;padding:1px 1px 4px;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-inline:contain}
  .home-integrated-grid::-webkit-scrollbar{display:none}
  .home-integrated-card{flex:0 0 182px;height:106px;scroll-snap-align:start}
  .home-integrated-badge{left:7px;top:7px;padding:3px 6px;font-size:9.2px}
    .home-integrated-card>strong{font-size:11.4px;bottom:8px;left:8px;right:8px}
  }
/* ===== ARENACTIVE v22 — Lobby directory readability =====
   Keep the existing card art/style, but make the game directory easier to scan
   on desktop and mobile. Active games are visible immediately without opening
   every card. */
@media(min-width:1181px){
  .lobbies-page .lobbies-shell{width:min(1420px,100%)}
}
.game-directory{gap:25px}
.game-directory-grid{gap:12px}
.game-directory-card{
  height:136px;
  border-color:rgba(255,255,255,.105);
  box-shadow:0 11px 30px rgba(0,0,0,.22);
}
.game-directory-card::after{
  background:linear-gradient(180deg,rgba(0,0,0,.015) 12%,rgba(0,0,0,.13) 43%,rgba(4,6,9,.82) 68%,#05080c 100%);
}
.game-directory-badge{font-size:10.8px;padding:4px 7px;background:rgba(5,8,12,.82)}
.game-directory-card>strong{
  left:11px;right:11px;bottom:40px;
  color:#fff;font-size:13px;line-height:1.15;
  text-shadow:0 2px 12px rgba(0,0,0,.82);
}
.game-directory-stats{
  position:absolute;z-index:4;left:10px;right:10px;bottom:8px;
  display:flex;align-items:center;gap:6px;
  overflow:visible!important;white-space:normal!important;
  color:#c3cbd2!important;font-size:11.3px!important;font-weight:900!important;
}
.game-directory-stats>span{
  min-width:0;padding:4px 7px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  border:1px solid rgba(255,255,255,.11);border-radius:6px;
  background:rgba(5,8,12,.78);backdrop-filter:blur(5px);
  box-shadow:0 4px 12px rgba(0,0,0,.16);
}
.game-directory-stats>span.is-active{
  border-color:rgba(84,220,139,.34);
  background:rgba(17,91,54,.44);
  color:#a8f2c5;
}
.game-directory-card.has-activity{
  border-color:rgba(84,220,139,.30);
  box-shadow:0 12px 32px rgba(0,0,0,.24),0 0 0 1px rgba(84,220,139,.04) inset;
}
.game-directory-card.has-activity:hover{border-color:rgba(84,220,139,.48)}
.game-directory-intro>span,.game-directory-section-head span{font-size:11.5px}
.game-directory-intro p,.game-directory-section-head p{font-size:11.5px}
.game-directory-section-head>b{font-size:11px;color:#929ca5}

@media(max-width:760px){
  .game-directory-card{height:128px}
  .game-directory-card>strong{bottom:39px;font-size:12.3px}
  .game-directory-stats{left:8px;right:8px;bottom:7px;gap:4px;font-size:10.8px!important}
  .game-directory-stats>span{padding:4px 5px}
}
@media(max-width:480px){
  .game-directory-card{height:126px}
  .game-directory-badge{left:7px;top:7px;font-size:10.2px;padding:3px 5px}
  .game-directory-card>strong{left:8px;right:8px;bottom:39px;font-size:11.7px}
  .game-directory-stats{font-size:10.5px!important}
}

/* ===== ARENACTIVE v23 — integrated directory art refresh =====
   Replace blurry low-resolution promo crops with crisp logo-led art cards.
   This keeps the aggressive ARENACTIVE look while making each game readable
   on both desktop and mobile. */
.game-directory-card.is-integrated.is-game-cs2 .game-directory-art{
  background:
    radial-gradient(circle at 82% 22%,rgba(255,170,72,.28),transparent 28%),
    radial-gradient(circle at 64% 78%,rgba(106,61,16,.26),transparent 42%),
    linear-gradient(135deg,#2d1e10 0%,#15100d 40%,#090c10 100%);
}
.game-directory-card.is-integrated.is-game-cod .game-directory-art{
  background:
    radial-gradient(circle at 82% 20%,rgba(97,208,126,.22),transparent 26%),
    radial-gradient(circle at 60% 75%,rgba(38,84,45,.30),transparent 42%),
    linear-gradient(135deg,#18231b 0%,#0d1410 42%,#090c10 100%);
}
.game-directory-card.is-integrated.is-game-apex .game-directory-art{
  background:
    radial-gradient(circle at 80% 18%,rgba(255,116,82,.24),transparent 28%),
    radial-gradient(circle at 62% 82%,rgba(112,25,24,.26),transparent 46%),
    linear-gradient(135deg,#2a1013 0%,#150d10 42%,#090c10 100%);
}
.game-directory-card.is-integrated.is-game-valorant .game-directory-art{
  background:
    radial-gradient(circle at 84% 20%,rgba(75,155,255,.24),transparent 27%),
    radial-gradient(circle at 66% 78%,rgba(159,52,71,.24),transparent 42%),
    linear-gradient(135deg,#161a2d 0%,#121017 42%,#090c10 100%);
}
.game-directory-card.is-integrated.is-game-league .game-directory-art{
  background:
    radial-gradient(circle at 80% 18%,rgba(84,181,255,.22),transparent 28%),
    radial-gradient(circle at 64% 80%,rgba(196,154,59,.16),transparent 42%),
    linear-gradient(135deg,#0f2230 0%,#11151a 42%,#090c10 100%);
}
.game-directory-card.is-integrated.is-game-fortnite .game-directory-art{
  background:
    radial-gradient(circle at 82% 18%,rgba(114,121,255,.26),transparent 27%),
    radial-gradient(circle at 62% 80%,rgba(138,73,207,.22),transparent 42%),
    linear-gradient(135deg,#171d35 0%,#161223 42%,#090c10 100%);
}
.game-directory-card.is-integrated.is-game-samp .game-directory-art{
  background:
    radial-gradient(circle at 82% 18%,rgba(255,185,90,.22),transparent 27%),
    radial-gradient(circle at 64% 84%,rgba(119,52,23,.28),transparent 42%),
    linear-gradient(135deg,#352010 0%,#18120d 42%,#090c10 100%);
}
.game-directory-card.is-integrated .game-directory-art.is-game-samp .game-directory-bg{
  opacity:.33;
  object-position:right center;
  filter:saturate(.92) contrast(1.04) brightness(.72);
  transform:scale(1.12);
}
.game-directory-card.is-integrated .game-directory-brand{
  position:absolute;
  z-index:2;
  right:10px;
  top:34px;
  bottom:44px;
  width:44%;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  pointer-events:none;
}
.game-directory-card.is-integrated .game-directory-brand img{
  width:100%;
  max-height:48px;
  object-fit:contain;
  object-position:right center;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.36));
  opacity:.92;
}
.game-directory-card.is-integrated .game-directory-brand.is-text b{
  display:block;
  max-width:100%;
  color:rgba(255,255,255,.88);
  font-size:30px;
  line-height:.9;
  font-weight:1000;
  letter-spacing:-1.7px;
  text-align:right;
  text-transform:uppercase;
  text-shadow:0 10px 26px rgba(0,0,0,.34);
}
.game-directory-card.is-integrated .game-directory-brand.is-game-minecraft b{
  color:rgba(229,243,232,.92);
  font-size:34px;
  letter-spacing:-1px;
}
.game-directory-card.is-integrated .game-directory-brand.is-game-cod b{
  font-size:23px;
  letter-spacing:-.9px;
}
.game-directory-card.is-integrated>strong{max-width:56%}
.game-directory-card.is-integrated .game-directory-stats{right:9px}
@media(max-width:760px){
  .game-directory-card.is-integrated .game-directory-brand{right:8px;top:33px;bottom:44px;width:42%}
  .game-directory-card.is-integrated .game-directory-brand img{max-height:42px}
  .game-directory-card.is-integrated .game-directory-brand.is-text b{font-size:25px}
  .game-directory-card.is-integrated .game-directory-brand.is-game-cod b{font-size:19px}
}
@media(max-width:480px){
  .game-directory-card.is-integrated .game-directory-brand{width:40%}
  .game-directory-card.is-integrated .game-directory-brand img{max-height:38px}
  .game-directory-card.is-integrated .game-directory-brand.is-text b{font-size:22px}
  .game-directory-card.is-integrated .game-directory-brand.is-game-minecraft b{font-size:28px}
  .game-directory-card.is-integrated>strong{max-width:60%}
}


/* quick-match-polish */
/* ===== ARENACTIVE v1.48.5.286 — stable no-match slot + no hero/layout flicker =====
   Desktop-only polish for the universal Quick Match rail.
   Important: the approved hero artwork/composition is left untouched.
   The Find Match panel grows toward the left while keeping its right edge
   anchored, both game tabs keep identical geometry, and no-match feedback
   is contained inside the panel without changing the hero layout. */

@media (min-width: 1361px) {
  #home .find-panel {
    width: 435px !important;
    min-width: 435px !important;
    max-width: 435px !important;
    justify-self: end !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    transform: translateX(28px) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
}

@media (min-width: 1181px) and (max-width: 1360px) {
  #home .find-panel {
    width: 400px !important;
    min-width: 400px !important;
    max-width: 400px !important;
    justify-self: end !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 17px !important;
    padding-right: 17px !important;
    transform: translateX(20px) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  #home .find-panel {
    width: 380px !important;
    min-width: 380px !important;
    max-width: 380px !important;
    justify-self: end !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    transform: translateX(12px) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
}

@media (min-width: 981px) {
  /* The hero/art itself is deliberately not positioned here. */
  #home .find-panel {
    position: relative !important;
    align-self: center !important;
    margin-top: 38px !important;
    margin-bottom: 38px !important;
  }

  /* Integrated and Community always occupy exactly the same viewport,
     therefore switching tabs cannot push the rail down. */
  #home .home-player-search .quick-game-choice-group {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    margin-bottom: 10px !important;
    overflow: hidden !important;
  }

  #home .home-player-search .quick-game-grid {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    align-content: start !important;
  }

  /* Use the extra width for the actual labels instead of empty chrome. */
  #home .home-player-search .quick-game-grid .home-choice-body {
    grid-template-columns: 34px minmax(0, 1fr) 14px !important;
    gap: 9px !important;
    min-height: 49px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  #home .home-player-search .quick-game-grid .home-choice-copy strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
    font-size: 10px !important;
    line-height: 1.06 !important;
  }

  #home .home-player-search .home-game-presence {
    font-size: 8.4px !important;
  }

  /* No-match feedback stays in normal flow directly below the panel header.
     This removes the old absolute overlay that could collide with translated
     header text. The game viewport gives back the same vertical space, so the
     outer Find Match panel and hero geometry remain stable. */
  #home .find-panel.has-quick-no-match .quick-no-match {
    position: relative !important;
    z-index: 2 !important;
    inset: auto !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 0 10px !important;
    padding: 8px 10px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  #home .find-panel.has-quick-no-match .quick-no-match strong,
  #home .find-panel.has-quick-no-match .quick-no-match span {
    position: static !important;
    display: block !important;
    margin: 0 !important;
  }

  #home .find-panel.has-quick-no-match .quick-no-match strong {
    line-height: 1.18 !important;
  }

  #home .find-panel.has-quick-no-match .quick-no-match span {
    margin-top: 2px !important;
    line-height: 1.34 !important;
  }

  #home .find-panel.has-quick-no-match .quick-no-match a {
    min-height: 27px !important;
    height: 27px !important;
    margin-top: 5px !important;
    padding: 0 9px !important;
  }

  #home .find-panel.has-quick-no-match .home-player-search {
    padding-top: 0 !important;
  }

  /* The notice consumes real flow space; reduce only the inner game viewport
     by the same amount. This prevents the panel/hero from jumping or zooming
     when a no-match response is shown. */
  #home .find-panel.has-quick-no-match .quick-game-choice-group,
  #home .find-panel.has-quick-no-match .quick-game-grid {
    height: 116px !important;
    min-height: 116px !important;
    max-height: 116px !important;
  }
}

@media (max-width: 980px) {
  /* Keep the established tablet/mobile flow untouched. */
  #home .find-panel {
    transform: none !important;
  }
}

/* Never animate geometry when Quick Match state changes. */
#home .find-panel,
#home .find-panel .quick-no-match,
#home .home-player-search,
#home .home-player-search .quick-game-choice-group,
#home .home-player-search .quick-game-grid {
  transition: none !important;
  animation: none !important;
}

/* ===== ARENACTIVE v1.48.5.287 — Quick Match no-result moved to lower live dock =====
   Keep Find Match geometry completely unchanged when no lobby exists.
   The feedback temporarily uses the existing Registered / Online / Android dock. */
#home .panel-live-stats.has-panel-no-match {
  grid-template-columns: 1fr !important;
}

#home .panel-live-stats.has-panel-no-match::before {
  content: 'MATCH STATUS' !important;
}

#home .panel-no-match {
  min-width: 0;
  min-height: 60px;
  width: 100%;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 6px 10px 8px 12px;
  box-sizing: border-box;
}

#home .panel-no-match-mark {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(237,23,23,.28);
  border-radius: 5px;
  background: rgba(237,23,23,.075);
  color: #ff5a62;
  font-size: 14px;
  line-height: 1;
  font-weight: 950;
}

#home .panel-no-match-copy {
  min-width: 0;
  display: block;
}

#home .panel-no-match-copy strong {
  display: block;
  margin: 0 0 4px;
  color: #f4f6f7;
  font-size: 11px;
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: .055em;
}

#home .panel-no-match-copy small {
  display: block;
  margin: 0;
  color: #8b949d;
  font-size: 8px;
  line-height: 1.25;
  font-weight: 750;
  letter-spacing: .02em;
}

#home .panel-no-match-action {
  min-width: 104px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid rgba(229,41,51,.8);
  border-radius: 5px;
  background: linear-gradient(110deg,#cf111b,#a90913);
  color: #fff;
  font-size: 8px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .07em;
  text-decoration: none;
  white-space: nowrap;
}

#home .panel-no-match-action:hover,
#home .panel-no-match-action:focus-visible {
  background: linear-gradient(110deg,#e11722,#bc0c16);
}

#home .panel-no-match-action b {
  font-size: 13px;
  line-height: 1;
}

@media (max-width: 980px) {
  #home .panel-live-stats.has-panel-no-match {
    grid-template-columns: 1fr !important;
  }

  #home .panel-no-match {
    min-height: 64px;
    grid-template-columns: 28px minmax(0, 1fr);
    padding: 10px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 8px;
    background: #0a0e12;
  }

  #home .panel-no-match-action {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    height: 36px;
  }
}

/* ===== ARENACTIVE v1.48.5.288 — dismissible no-match dock + paired game grid =====
   Presentation-only follow-up:
   1) no-match can be dismissed without reloading, restoring the existing live stats;
   2) Warzone returns to normal auto-placement beside Minecraft. */

/* The legacy reference stylesheet pinned COD/Warzone to column 1 / row 5.
   Release that pin so the two-column grid fills naturally: Minecraft | Warzone. */
@media (min-width: 981px) {
  #home #quick-games-integrated .game-choice-card:has(input[value='cod']) {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}

/* While the server-rendered no-match notice is active, keep the normal live
   stats in the DOM but visually hidden. That lets the close control restore
   Registered / Online / Android instantly with no JS and no match-flow changes. */
#home .panel-live-stats.has-panel-no-match > .panel-live-stat,
#home .panel-live-stats.has-panel-no-match > .panel-app-entry {
  display: none !important;
}

#home .panel-no-match {
  position: relative;
  grid-template-columns: 28px minmax(0, 1fr) auto 26px;
  grid-template-areas: "mark copy action close";
}

#home .panel-no-match-mark { grid-area: mark; }
#home .panel-no-match-copy { grid-area: copy; }
#home .panel-no-match-action { grid-area: action; }

#home .panel-no-match-dismiss {
  grid-area: close;
  appearance: none;
  -webkit-appearance: none;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 7px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 4l8 8M12 4 4 12' fill='none' stroke='%23d7dde5' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") center/12px 12px no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 0 1px rgba(0,0,0,.24);
  cursor: pointer;
  box-sizing: border-box;
  transition:
    border-color .18s ease,
    background-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

#home .panel-no-match-dismiss:hover,
#home .panel-no-match-dismiss:focus-visible {
  border-color: rgba(229,41,51,.72);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 4l8 8M12 4 4 12' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") center/12px 12px no-repeat,
    linear-gradient(180deg, rgba(229,41,51,.16), rgba(229,41,51,.08));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 0 0 1px rgba(229,41,51,.18),
    0 0 12px rgba(229,41,51,.18);
  outline: none;
  transform: translateY(-1px);
}

#home .panel-no-match-dismiss:checked {
  border-color: rgba(229,41,51,.72);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 4l8 8M12 4 4 12' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") center/12px 12px no-repeat,
    linear-gradient(180deg, rgba(229,41,51,.20), rgba(229,41,51,.10));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 0 0 1px rgba(229,41,51,.18);
}

/* Checkbox is the dismiss state. :has is already used by the existing HOME CSS,
   so this follows the browser baseline the page currently relies on. */
#home .panel-live-stats.has-panel-no-match:has(.panel-no-match-dismiss:checked) {
  grid-template-columns: 1fr 1fr .86fr !important;
}

#home .panel-live-stats.has-panel-no-match:has(.panel-no-match-dismiss:checked)::before {
  content: 'ARENACTIVE  /  LIVE' !important;
}

#home .panel-live-stats.has-panel-no-match:has(.panel-no-match-dismiss:checked) > .panel-no-match {
  display: none !important;
}

#home .panel-live-stats.has-panel-no-match:has(.panel-no-match-dismiss:checked) > .panel-live-stat {
  display: grid !important;
}

@media (min-width: 981px) {
  #home .panel-live-stats.has-panel-no-match:has(.panel-no-match-dismiss:checked) > .panel-app-entry {
    display: flex !important;
  }
}

@media (max-width: 980px) {
  #home .panel-no-match {
    grid-template-columns: 28px minmax(0, 1fr) 26px;
    grid-template-areas:
      "mark copy close"
      "action action action";
  }

  #home .panel-live-stats.has-panel-no-match:has(.panel-no-match-dismiss:checked) {
    grid-template-columns: 1fr 1fr !important;
  }
}


/* android-download */
/* ARENACTIVE v1.48.5.234 — Android beta portal */

/* ARENACTIVE v1.48.5.235 — compact hero app entry */

.hero-app-entry{
  /* v241: this element now lives INSIDE .hero-art.
     Its right/bottom offsets are therefore relative to the artwork itself,
     never to Find Match or the full page grid. */
  position:absolute;
  z-index:14;
  right:18px;
  bottom:20px;
  width:228px;
  max-width:calc(100% - 36px);
  margin:0;
  color:#f5f6f7;
  pointer-events:auto;
}

.hero-app-label{
  margin:0 0 7px 2px;
  padding-left:10px;
  border-left:2px solid #ed1717;
  line-height:1.05;
}
.hero-app-label b,
.hero-app-label span{display:block}
.hero-app-label b{font-size:10px;font-weight:950;letter-spacing:.65px}
.hero-app-label span{margin-top:3px;color:#98a1aa;font-size:10px;font-weight:750}

.hero-app-buttons{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}
.hero-app-platform{
  appearance:none;
  min-width:0;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:6px 12px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:9px;
  background:
    radial-gradient(circle at 82% 16%,rgba(237,23,23,.10),transparent 34%),
    linear-gradient(145deg,rgba(13,17,23,.96),rgba(7,10,14,.97));
  box-shadow:0 9px 24px rgba(0,0,0,.25);
  color:#fff;
  cursor:pointer;
  text-align:left;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.hero-app-platform:hover,
.hero-app-platform:focus-visible,
.hero-app-platform.is-active{
  transform:translateY(-1px);
  border-color:rgba(237,23,23,.58);
  background:
    radial-gradient(circle at 82% 16%,rgba(237,23,23,.17),transparent 38%),
    linear-gradient(145deg,rgba(16,18,23,.98),rgba(8,9,13,.99));
  box-shadow:0 0 0 1px rgba(237,23,23,.09),0 12px 28px rgba(0,0,0,.30);
  outline:none;
}
.hero-app-platform-icon{
  flex:0 0 auto;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  color:#fff;
}
.hero-app-platform-icon svg{
  width:24px;
  height:24px;
  display:block;
  fill:currentColor;
}
.hero-app-platform>span:last-child{min-width:0}
.hero-app-platform strong,
.hero-app-platform small{display:block}
.hero-app-platform strong{font-size:11px;line-height:1.05;font-weight:950}
.hero-app-platform small{margin-top:2px;color:#89939d;font-size:10px;line-height:1;font-weight:900;letter-spacing:.7px}
.hero-app-platform.is-android small{color:#ff5c61}
.hero-app-platform.is-iphone small{color:#a9b2bc}

.hero-app-popover{
  position:absolute;
  right:0;
  bottom:calc(100% + 10px);
  width:248px;
  padding:14px;
  border:1px solid rgba(237,23,23,.62);
  border-radius:12px;
  background:
    radial-gradient(circle at 80% 10%,rgba(237,23,23,.12),transparent 34%),
    linear-gradient(150deg,rgba(10,13,18,.985),rgba(5,7,10,.995));
  box-shadow:0 22px 48px rgba(0,0,0,.46),0 0 24px rgba(237,23,23,.08);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(7px) scale(.985);
  transform-origin:bottom right;
  transition:opacity .15s ease,transform .15s ease,visibility .15s ease;
}
.hero-app-popover::after{
  content:"";
  position:absolute;
  right:47px;
  bottom:-7px;
  width:12px;
  height:12px;
  border-right:1px solid rgba(237,23,23,.62);
  border-bottom:1px solid rgba(237,23,23,.62);
  background:#07090d;
  transform:rotate(45deg);
}
.hero-app-entry.is-open .hero-app-popover{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
.hero-app-close{
  position:absolute;
  top:6px;
  right:7px;
  width:28px;
  height:28px;
  border:0;
  background:transparent;
  color:#8c959e;
  font-size:21px;
  line-height:1;
  cursor:pointer;
}
.hero-app-close:hover{color:#fff}
.hero-app-popover-head{padding-right:28px;text-align:center}
.hero-app-popover-head strong,
.hero-app-popover-head small{display:block}
.hero-app-popover-head strong{font-size:10px;font-weight:950;letter-spacing:.75px}
.hero-app-popover-head small{margin-top:4px;color:#747f89;font-size:10px;font-weight:850;letter-spacing:.65px}

.hero-app-qr{
  width:158px;
  height:158px;
  margin:12px auto 10px;
  padding:8px;
  border:1px solid rgba(237,23,23,.38);
  border-radius:11px;
  background:#fff;
  box-shadow:0 0 0 4px rgba(237,23,23,.035);
}
.hero-app-qr img{display:block;width:100%;height:100%}
.hero-app-popover p{
  margin:0 auto;
  max-width:205px;
  color:#949da6;
  text-align:center;
  font-size:10px;
  line-height:1.45;
}
.hero-app-open{
  height:32px;
  margin-top:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(237,23,23,.30);
  border-radius:6px;
  background:rgba(237,23,23,.07);
  color:#fff;
  text-decoration:none;
  font-size:10px;
  font-weight:950;
  letter-spacing:.55px;
}
.hero-app-open:hover{
  border-color:rgba(237,23,23,.58);
  background:rgba(237,23,23,.12);
}

/* Stay inside the artwork as desktop width changes. */
@media(min-width:1360px){
  .hero-app-entry{right:20px;bottom:20px;width:228px;max-width:calc(100% - 40px)}
}
@media(min-width:1181px) and (max-width:1359px){
  .hero-app-entry{right:16px;bottom:18px;width:216px;max-width:calc(100% - 32px)}
  .hero-app-popover{width:232px}
  .hero-app-qr{width:146px;height:146px}
}
@media(min-width:981px) and (max-width:1180px){
  .hero-app-entry{right:14px;bottom:16px;width:202px;max-width:calc(100% - 28px)}
  .hero-app-label{margin-bottom:5px}
  .hero-app-platform{min-height:44px;padding:5px 8px;gap:7px}
  .hero-app-popover{width:216px}
  .hero-app-qr{width:136px;height:136px}
}

/* Do not disturb the already-approved mobile homepage layout. */
@media(max-width:980px){
  .hero-app-entry{display:none!important}
  .hero-app-popover{
    position:fixed;
    z-index:220;
    left:50%;
    right:auto;
    bottom:auto;
    top:50%;
    width:min(300px,calc(100vw - 22px));
    transform:translate(-50%,-48%) scale(.985);
    transform-origin:center;
  }
  .hero-app-entry.is-open .hero-app-popover{
    transform:translate(-50%,-50%) scale(1);
  }
  .hero-app-popover::after{display:none}
  .hero-app-qr{width:min(190px,58vw);height:auto;aspect-ratio:1}
}
@media(max-width:430px){
  .hero-app-entry{width:100%;margin-top:2px}
  .hero-app-label{text-align:center;border-left:0;padding-left:0}
  .hero-app-buttons{gap:6px}
  .hero-app-platform{height:45px;padding:5px 7px;gap:7px}
  .hero-app-platform-icon{width:24px;height:24px}
  .hero-app-platform-icon svg{width:22px;height:22px}
  .hero-app-platform strong{font-size:10px}
  .hero-app-platform small{font-size:10px}
}

.android-download-page{min-height:100vh;background:#05070a;color:#f5f6f7}
.android-download-main{min-height:calc(100vh - var(--header));padding:42px 28px 64px;background:
 radial-gradient(ellipse at 18% 6%,rgba(237,23,23,.09),transparent 30%),
 radial-gradient(ellipse at 86% 16%,rgba(237,23,23,.055),transparent 28%),
 #05070a}
.android-download-shell{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:22px;align-items:stretch}
.android-download-copy,.android-qr-card,.android-install-panel,.android-security-note{border:1px solid rgba(255,255,255,.085);border-radius:14px;background:linear-gradient(145deg,rgba(12,16,22,.97),rgba(7,10,14,.985));box-shadow:0 18px 44px rgba(0,0,0,.24)}
.android-download-copy{padding:32px}
.android-download-eyebrow{margin-bottom:10px;color:#8e98a2;font-size:10px;font-weight:950;letter-spacing:1.6px}.android-download-eyebrow b{color:#ed1717}
.android-download-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.android-download-title-row h1{margin:0;font-size:clamp(34px,5vw,62px);line-height:.96;letter-spacing:-2.2px}.android-download-title-row>span{padding:6px 8px;border:1px solid rgba(237,23,23,.38);border-radius:5px;color:#ff676b;background:rgba(237,23,23,.08);font-size:10px;font-weight:950;letter-spacing:1.2px}
.android-download-lead{max-width:660px;margin:17px 0 0;color:#9aa4ae;font-size:13px;line-height:1.65}
.android-download-state{margin-top:22px;padding:11px 12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:#080b0f}.android-download-state i{width:9px;height:9px;border-radius:50%;background:#b77a14;box-shadow:0 0 14px rgba(183,122,20,.5)}.android-download-state.is-ready i{background:#31c46c;box-shadow:0 0 14px rgba(49,196,108,.48)}.android-download-state strong,.android-download-state small{display:block}.android-download-state strong{font-size:10px;letter-spacing:.7px}.android-download-state small{margin-top:3px;color:#76818b;font-size:10px}
.android-download-actions{margin-top:18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.android-download-button{min-height:52px;display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 9px;border:1px solid #ee2a2a;border-radius:8px;background:linear-gradient(110deg,#740607,#d10d10 68%,#850708);box-shadow:0 10px 26px rgba(237,23,23,.17);color:#fff;text-decoration:none}.android-download-button.is-disabled{border-color:rgba(255,255,255,.11);background:#0a0d11;box-shadow:none;color:#7c858e}.android-download-button-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:7px;background:rgba(0,0,0,.25);font-size:20px;font-weight:900}.android-download-button small,.android-download-button strong{display:block}.android-download-button small{font-size:10px;letter-spacing:1.2px;opacity:.72}.android-download-button strong{margin-top:2px;font-size:10px;letter-spacing:.6px}
.android-download-back{padding:10px;color:#8d97a1;font-size:10px;font-weight:900;letter-spacing:.55px;text-decoration:none}.android-download-back:hover{color:#fff}
.android-build-meta{margin:23px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.android-build-meta>div{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#080b0f}.android-build-meta dt{color:#69747e;font-size:10px;font-weight:950;letter-spacing:.9px}.android-build-meta dd{margin:5px 0 0;color:#dce1e5;font-size:10px;font-weight:850;overflow-wrap:anywhere}.android-build-meta .android-build-sha{grid-column:1/-1}.android-build-meta .android-build-sha dd{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#929ca6;font-size:10px}

.android-qr-card{padding:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.android-qr-frame{width:min(230px,100%);aspect-ratio:1;padding:13px;border:1px solid rgba(237,23,23,.25);border-radius:15px;background:#fff;box-shadow:0 0 0 6px rgba(237,23,23,.03),0 18px 36px rgba(0,0,0,.28)}.android-qr-frame img{display:block;width:100%;height:100%}
.android-qr-card>strong{margin-top:17px;font-size:10px;letter-spacing:.7px}.android-qr-card>p{margin:8px 0 0;color:#89939d;font-size:10px;line-height:1.55}.android-qr-card code{margin-top:11px;padding:6px 8px;border-radius:5px;background:#07090c;color:#b9c0c7;font-size:10px}

.android-install-panel{width:min(1120px,100%);margin:18px auto 0;padding:20px 22px}
.android-install-heading{display:flex;align-items:center;gap:11px}.android-install-heading>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(237,23,23,.3);border-radius:8px;color:#ff5458;background:rgba(237,23,23,.06);font-size:11px;font-weight:950}.android-install-heading strong,.android-install-heading small{display:block}.android-install-heading strong{font-size:12px}.android-install-heading small{margin-top:3px;color:#6d7781;font-size:10px;letter-spacing:1px}
.android-install-steps{margin:16px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.android-install-steps li{min-width:0;display:flex;align-items:flex-start;gap:9px;padding:13px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:#080b0f}.android-install-steps b{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#151a20;color:#ff5559;font-size:10px}.android-install-steps span{color:#9aa3ac;font-size:10px;line-height:1.55}

.android-security-note{width:min(1120px,100%);margin:10px auto 0;padding:15px 18px;display:flex;align-items:center;gap:12px}.android-security-mark{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(237,23,23,.28);border-radius:9px;color:#fff;background:linear-gradient(145deg,#180607,#090b0f);font-size:17px;font-weight:950}.android-security-note strong{font-size:10px}.android-security-note p{margin:4px 0 0;color:#7f8993;font-size:10px;line-height:1.5}

@media(max-width:760px){
  .android-home-card{width:100%;grid-template-columns:42px minmax(0,1fr);gap:9px;padding:8px}
  .android-home-mark{width:40px;height:40px}
  .android-home-copy strong{font-size:14px}
  .android-home-meta{grid-column:1/-1;justify-content:center;padding-top:4px;border-top:1px solid rgba(255,255,255,.055)}
  .android-home-meta i{width:22px;height:22px}
  .android-download-main{padding:18px 10px 44px}
  .android-download-shell{grid-template-columns:minmax(0,1fr);gap:10px}
  .android-download-copy{padding:20px 15px}
  .android-download-title-row h1{font-size:clamp(30px,11vw,44px);letter-spacing:-1.4px}
  .android-download-lead{font-size:11px}
  .android-download-actions{display:grid;grid-template-columns:1fr}
  .android-download-button{width:100%;justify-content:center}
  .android-download-back{text-align:center}
  .android-build-meta{grid-template-columns:1fr 1fr}
  .android-build-meta>div:nth-child(3),.android-build-meta .android-build-sha{grid-column:1/-1}
  .android-qr-card{padding:20px 15px}
  .android-qr-frame{width:min(220px,74vw)}
  .android-install-panel{padding:16px 12px}
  .android-install-steps{grid-template-columns:minmax(0,1fr)}
  .android-security-note{align-items:flex-start;padding:13px}
}


/* ===== ARENACTIVE v1.48.5.242 — final hero app corner + crisp QR ===== */

/* The artwork itself visually extends past its CSS grid column.
   Shift the app controls into that visible bottom-right corner, while
   keeping them attached to .hero-art and clear of Find Match. */
@media(min-width:1360px){
  .hero-app-entry{
    right:-66px!important;
    bottom:18px!important;
    width:228px!important;
    max-width:none!important;
  }
}
@media(min-width:1181px) and (max-width:1359px){
  .hero-app-entry{
    right:-44px!important;
    bottom:17px!important;
    width:216px!important;
    max-width:none!important;
  }
}
@media(min-width:981px) and (max-width:1180px){
  .hero-app-entry{
    right:-20px!important;
    bottom:15px!important;
    width:202px!important;
    max-width:none!important;
  }
}

/* iPhone is intentionally non-interactive until a native build exists. */
.hero-app-platform.is-iphone{
  cursor:default!important;
}
.hero-app-platform.is-iphone:hover,
.hero-app-platform.is-iphone:focus-visible{
  transform:none!important;
  border-color:rgba(255,255,255,.13)!important;
  background:
    radial-gradient(circle at 82% 16%,rgba(237,23,23,.08),transparent 34%),
    linear-gradient(145deg,rgba(13,17,23,.96),rgba(7,10,14,.97))!important;
  box-shadow:0 9px 24px rgba(0,0,0,.25)!important;
}
.hero-app-platform.is-iphone small{
  color:#ff3d43!important;
  font-weight:950!important;
  letter-spacing:.55px!important;
}

/* Cleaner Android QR popover: no blur-like scaling, no oversized padding. */
.hero-app-popover{
  right:0!important;
  bottom:calc(100% + 9px)!important;
  width:218px!important;
  padding:12px!important;
  border-radius:10px!important;
  background:#07090d!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.52),
    0 0 0 1px rgba(237,23,23,.10)!important;
  transform:translateY(4px)!important;
  transform-origin:bottom right!important;
}
.hero-app-entry.is-open .hero-app-popover{
  transform:translateY(0)!important;
}
.hero-app-popover-head{
  padding-right:24px!important;
}
.hero-app-popover-head strong{
  font-size:10px!important;
  letter-spacing:.7px!important;
}
.hero-app-popover-head small{
  margin-top:3px!important;
  font-size:10px!important;
  color:#8d969f!important;
}

/* Native-size QR: 185x185 PNG, no browser interpolation. */
.hero-app-qr{
  width:185px!important;
  height:185px!important;
  margin:10px auto 8px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(237,23,23,.38)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.hero-app-qr img{
  display:block!important;
  width:185px!important;
  height:185px!important;
  max-width:none!important;
  object-fit:contain!important;
  image-rendering:pixelated;
  image-rendering:crisp-edges;
}

.hero-app-popover p{
  max-width:190px!important;
  font-size:10px!important;
  line-height:1.35!important;
  color:#9aa3ac!important;
}
.hero-app-open{
  height:29px!important;
  margin-top:8px!important;
  font-size:10px!important;
  border-radius:5px!important;
}

@media(min-width:981px) and (max-width:1180px){
  .hero-app-popover{
    width:206px!important;
    padding:10px!important;
  }
  .hero-app-qr{
    width:175px!important;
    height:175px!important;
  }
  .hero-app-qr img{
    width:175px!important;
    height:175px!important;
  }
}


/* ===== ARENACTIVE v1.48.5.243 — larger app text + exact QR geometry ===== */

.hero-app-label b{
  font-size:11px!important;
  letter-spacing:.7px!important;
}
.hero-app-label span{
  margin-top:3px!important;
  font-size:10px!important;
}
.hero-app-platform strong{
  font-size:10px!important;
}
.hero-app-platform small{
  margin-top:2px!important;
  font-size:10px!important;
  line-height:1.05!important;
}
.hero-app-platform.is-iphone small{
  color:#ff3d43!important;
  font-size:10px!important;
}

.hero-app-popover{
  width:226px!important;
  padding:12px!important;
}
.hero-app-popover-head strong{
  font-size:11px!important;
  line-height:1.1!important;
  letter-spacing:.72px!important;
}
.hero-app-popover-head small{
  margin-top:4px!important;
  font-size:10px!important;
  line-height:1.1!important;
}

/* The QR image is generated at exactly 198x198 px and displayed 1:1.
   content-box prevents the border from stealing 2px and distorting/overflowing it. */
.hero-app-qr{
  box-sizing:content-box!important;
  width:198px!important;
  height:198px!important;
  min-width:198px!important;
  min-height:198px!important;
  max-width:none!important;
  max-height:none!important;
  margin:11px auto 9px!important;
  padding:0!important;
  border:1px solid rgba(237,23,23,.38)!important;
  border-radius:6px!important;
  overflow:hidden!important;
  background:#fff!important;
  line-height:0!important;
}
.hero-app-qr img{
  display:block!important;
  width:198px!important;
  height:198px!important;
  min-width:198px!important;
  min-height:198px!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:none!important;
  transform:none!important;
  image-rendering:auto!important;
}

.hero-app-popover p{
  max-width:198px!important;
  font-size:10px!important;
  line-height:1.4!important;
}
.hero-app-open{
  height:31px!important;
  margin-top:9px!important;
  font-size:10px!important;
  letter-spacing:.45px!important;
}

@media(min-width:981px) and (max-width:1180px){
  .hero-app-popover{
    width:226px!important;
    padding:12px!important;
  }
  .hero-app-qr,
  .hero-app-qr img{
    width:198px!important;
    height:198px!important;
    min-width:198px!important;
    min-height:198px!important;
  }
}


/* ===== ARENACTIVE v1.48.5.244 — restore known-good visible QR ===== */
.hero-app-qr{
  box-sizing:border-box!important;
  width:185px!important;
  height:185px!important;
  min-width:185px!important;
  min-height:185px!important;
  max-width:185px!important;
  max-height:185px!important;
  margin:11px auto 9px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(237,23,23,.38)!important;
  border-radius:7px!important;
  background:#fff!important;
}
.hero-app-qr img{
  display:block!important;
  width:185px!important;
  height:185px!important;
  min-width:185px!important;
  min-height:185px!important;
  max-width:185px!important;
  max-height:185px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:contain!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  image-rendering:pixelated!important;
}


/* ===== ARENACTIVE v1.48.5.245 — QR only ===== */
.hero-app-qr{
  box-sizing:border-box!important;
  width:187px!important;
  height:187px!important;
  min-width:187px!important;
  min-height:187px!important;
  max-width:187px!important;
  max-height:187px!important;
  margin:11px auto 9px!important;
  padding:1px!important;
  overflow:hidden!important;
  border:1px solid rgba(237,23,23,.38)!important;
  border-radius:7px!important;
  background:#fff!important;
  line-height:0!important;
}
.hero-app-qr img{
  display:block!important;
  position:static!important;
  inset:auto!important;
  width:185px!important;
  height:185px!important;
  min-width:185px!important;
  min-height:185px!important;
  max-width:185px!important;
  max-height:185px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:fill!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
}


/* ===== ARENACTIVE v1.48.5.246 — Android only ===== */
.hero-app-buttons{
  grid-template-columns:minmax(0,1fr)!important;
}

/* Keep the Android entry compact while preserving its current right edge
   and the QR popup position inside Hero. */
@media(min-width:981px){
  .hero-app-entry{
    width:184px!important;
  }
  .hero-app-platform.is-android{
    width:100%!important;
  }
}

/* No iPhone placeholder / coming-soon UI remains. */
.hero-app-platform.is-iphone,
[data-app-coming-soon]{
  display:none!important;
}


/* ===== ARENACTIVE v1.48.5.255 — premium Android badge ===== */
.hero-app-platform.is-android{
  position:relative!important;
  overflow:hidden!important;
  min-height:56px!important;
  padding:7px 14px 7px 10px!important;
  gap:10px!important;
  border:1px solid rgba(255,92,97,.34)!important;
  border-radius:12px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,0) 34%),
    radial-gradient(circle at 88% 18%,rgba(237,23,23,.18),transparent 34%),
    linear-gradient(145deg,rgba(14,18,24,.985),rgba(7,10,14,.995))!important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 0 0 1px rgba(255,255,255,.02)!important;
}
.hero-app-platform.is-android::before{
  content:"";
  position:absolute;
  top:7px;
  bottom:7px;
  right:8px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#ff5c61,#b40510)!important;
  box-shadow:0 0 14px rgba(237,23,23,.28)!important;
  opacity:.95!important;
}
.hero-app-platform.is-android::after{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:44%;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0))!important;
  opacity:.35!important;
  pointer-events:none!important;
}
.hero-app-platform.is-android:hover,
.hero-app-platform.is-android:focus-visible,
.hero-app-platform.is-android.is-active{
  transform:translateY(-1px)!important;
  border-color:rgba(255,92,97,.58)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,0) 36%),
    radial-gradient(circle at 88% 18%,rgba(237,23,23,.22),transparent 36%),
    linear-gradient(145deg,rgba(16,19,24,.995),rgba(8,9,13,.995))!important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.38),
    0 0 0 1px rgba(237,23,23,.10),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.hero-app-platform.is-android .hero-app-platform-icon{
  width:30px!important;
  height:30px!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),rgba(0,0,0,.28)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 8px 18px rgba(0,0,0,.24)!important;
  color:#ffffff!important;
}
.hero-app-platform.is-android .hero-app-platform-icon svg{
  width:21px!important;
  height:21px!important;
}
.hero-app-platform.is-android>span:last-child{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
  padding-right:12px!important;
}
.hero-app-platform.is-android strong{
  font-size:12px!important;
  line-height:1.02!important;
  letter-spacing:.35px!important;
  font-weight:950!important;
}
.hero-app-platform.is-android small{
  margin-top:3px!important;
  color:#ff6f73!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:1.25px!important;
  font-weight:950!important;
}
@media(min-width:1360px){
  .hero-app-entry{width:208px!important;right:-68px!important;}
}
@media(min-width:1181px) and (max-width:1359px){
  .hero-app-entry{width:202px!important;}
}
@media(min-width:981px) and (max-width:1180px){
  .hero-app-entry{width:194px!important;}
}
@media(max-width:980px){
  .hero-app-platform.is-android{min-height:48px!important;padding:6px 12px 6px 9px!important;}
  .hero-app-platform.is-android .hero-app-platform-icon{width:27px!important;height:27px!important;}
  .hero-app-platform.is-android strong{font-size:11px!important;}
}


/* ===== ARENACTIVE v1.48.5.260 — home Android entry below premium stats ===== */
#home .hero-copy > .hero-app-entry{
  position:relative!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  width:208px!important;
  max-width:100%!important;
  margin:14px 0 0!important;
  z-index:10!important;
}
#home .hero-copy > .hero-app-entry .hero-app-popover{
  left:0!important;
  right:auto!important;
  bottom:calc(100% + 10px)!important;
  transform-origin:bottom left!important;
}
#home .hero-copy > .hero-app-entry .hero-app-popover::after{
  left:26px!important;
  right:auto!important;
}
@media(min-width:1360px){
  #home .hero-copy > .hero-app-entry{width:208px!important;}
}
@media(min-width:1181px) and (max-width:1359px){
  #home .hero-copy > .hero-app-entry{width:202px!important;}
}
@media(min-width:981px) and (max-width:1180px){
  #home .hero-copy > .hero-app-entry{width:194px!important;margin-top:12px!important;}
}
@media(max-width:980px){
  #home .hero-copy > .hero-app-entry{display:none!important;}
}


/* ===== ARENACTIVE v1.48.5.262 — compact QR opens to the right ===== */
@media(min-width:981px){
  #home .hero-copy > .hero-app-entry .hero-app-popover{
    left:calc(100% + 11px) !important;
    right:auto !important;
    bottom:-2px !important;
    width:194px !important;
    padding:10px !important;
    transform:translateX(-4px) scale(.985) !important;
    transform-origin:bottom left !important;
  }
  #home .hero-copy > .hero-app-entry.is-open .hero-app-popover{
    transform:translateX(0) scale(1) !important;
  }
  #home .hero-copy > .hero-app-entry .hero-app-popover::after{
    left:-6px !important;
    right:auto !important;
    bottom:18px !important;
    top:auto !important;
    width:10px !important;
    height:10px !important;
    transform:rotate(45deg) !important;
    border-left:1px solid rgba(237,23,23,.55) !important;
    border-bottom:1px solid rgba(237,23,23,.55) !important;
    border-top:0 !important;
    border-right:0 !important;
    background:#07090d !important;
  }
  #home .hero-copy > .hero-app-entry .hero-app-popover-head strong{font-size:10px !important;}
  #home .hero-copy > .hero-app-entry .hero-app-popover-head small{font-size:9px !important;}
  #home .hero-copy > .hero-app-entry .hero-app-qr{
    width:160px !important;
    height:160px !important;
    min-width:160px !important;
    min-height:160px !important;
    max-width:160px !important;
    max-height:160px !important;
    margin:8px auto 7px !important;
    padding:1px !important;
  }
  #home .hero-copy > .hero-app-entry .hero-app-qr img{
    width:158px !important;
    height:158px !important;
    min-width:158px !important;
    min-height:158px !important;
    max-width:158px !important;
    max-height:158px !important;
  }
  #home .hero-copy > .hero-app-entry .hero-app-popover p{
    max-width:166px !important;
    margin:6px auto 0 !important;
    font-size:9px !important;
    line-height:1.35 !important;
  }
  #home .hero-copy > .hero-app-entry .hero-app-open{
    height:28px !important;
    margin-top:7px !important;
    font-size:9px !important;
  }
}

/* ===== ARENACTIVE v1.48.5.274 — Android dock wing =====
   Desktop home only: Android becomes the fifth element of the bottom activity
   dock, positioned immediately to the right of live telemetry. The new angled
   silhouette is deliberately different from the statistic cells while using
   the same glass/metal visual language. */
@media (min-width:981px) {
  #home .hero-copy > .hero-app-entry {
    position:absolute !important;
    left:calc(var(--aa-hero-telemetry-width, 438px) + 11px) !important;
    right:auto !important;
    bottom:8px !important;
    width:164px !important;
    max-width:164px !important;
    margin:0 !important;
    z-index:14 !important;
  }

  #home .hero-copy > .hero-app-entry .hero-app-buttons {
    display:block !important;
    width:100% !important;
  }

  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android {
    position:relative !important;
    width:100% !important;
    min-height:60px !important;
    height:60px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    padding:7px 22px 7px 9px !important;
    border:0 !important;
    border-radius:10px 3px 3px 10px !important;
    clip-path:polygon(0 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 0 100%) !important;
    background:
      linear-gradient(118deg, rgba(255,255,255,.055), transparent 31%),
      radial-gradient(circle at 76% 18%, rgba(237,23,23,.18), transparent 36%),
      linear-gradient(145deg, rgba(15,19,25,.95), rgba(6,9,13,.92)) !important;
    box-shadow:none !important;
    filter:drop-shadow(0 13px 22px rgba(0,0,0,.33)) !important;
    overflow:hidden !important;
    transform:none !important;
  }

  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android::before {
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    width:auto !important;
    height:auto !important;
    border-radius:inherit !important;
    background:
      linear-gradient(90deg, #ed1717 0 3px, transparent 3px),
      linear-gradient(180deg, rgba(255,255,255,.10), transparent 24%) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.095) !important;
    opacity:1 !important;
    pointer-events:none !important;
  }

  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android::after {
    content:"" !important;
    position:absolute !important;
    top:10px !important;
    right:16px !important;
    bottom:10px !important;
    left:auto !important;
    width:2px !important;
    height:auto !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,#ff5c61,#8f0710) !important;
    box-shadow:0 0 12px rgba(237,23,23,.28) !important;
    opacity:.9 !important;
  }

  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android:hover,
  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android:focus-visible,
  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android.is-active {
    transform:translateY(-1px) !important;
    background:
      linear-gradient(118deg, rgba(255,255,255,.07), transparent 31%),
      radial-gradient(circle at 76% 18%, rgba(237,23,23,.24), transparent 38%),
      linear-gradient(145deg, rgba(18,21,27,.98), rgba(7,9,13,.97)) !important;
    filter:drop-shadow(0 15px 27px rgba(0,0,0,.38)) drop-shadow(0 0 9px rgba(237,23,23,.08)) !important;
    outline:none !important;
  }

  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android .hero-app-platform-icon {
    flex:0 0 auto !important;
    width:36px !important;
    height:36px !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid rgba(255,255,255,.09) !important;
    border-radius:10px !important;
    background:
      radial-gradient(circle at 50% 34%, rgba(237,23,23,.17), transparent 68%),
      rgba(2,4,7,.55) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 7px 16px rgba(0,0,0,.24) !important;
  }

  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android .hero-app-platform-icon svg {
    width:22px !important;
    height:22px !important;
  }

  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android > span:last-child {
    min-width:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
  }

  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android strong {
    color:#f6f7f8 !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:.45px !important;
    text-transform:uppercase !important;
  }

  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android small {
    display:inline-flex !important;
    align-items:center !important;
    min-height:17px !important;
    margin-top:5px !important;
    padding:2px 6px !important;
    border:1px solid rgba(255,82,88,.26) !important;
    border-radius:999px !important;
    background:rgba(237,23,23,.085) !important;
    color:#ff7478 !important;
    font-size:8.5px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:1.05px !important;
  }

  /* QR remains compact, but opens above the new dock wing instead of pushing
     across the hero floor. */
  #home .hero-copy > .hero-app-entry .hero-app-popover {
    left:auto !important;
    right:0 !important;
    bottom:calc(100% + 11px) !important;
    transform:translateY(4px) scale(.985) !important;
    transform-origin:bottom right !important;
  }
  #home .hero-copy > .hero-app-entry.is-open .hero-app-popover {
    transform:translateY(0) scale(1) !important;
  }
  #home .hero-copy > .hero-app-entry .hero-app-popover::after {
    left:auto !important;
    right:28px !important;
    bottom:-6px !important;
    border-left:0 !important;
    border-top:0 !important;
    border-right:1px solid rgba(237,23,23,.55) !important;
    border-bottom:1px solid rgba(237,23,23,.55) !important;
  }
}

@media (min-width:981px) and (max-width:1180px) {
  #home .hero-copy > .hero-app-entry {
    width:152px !important;
    max-width:152px !important;
    left:calc(var(--aa-hero-telemetry-width, 410px) + 8px) !important;
  }
  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android {
    padding-right:19px !important;
    gap:8px !important;
  }
  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android .hero-app-platform-icon {
    width:32px !important;
    height:32px !important;
  }
  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android strong {
    font-size:11px !important;
  }
}


/* home-reference */
/* Reference composition. Loaded last, scoped to the homepage. */
@font-face{
 font-family:'Arena Tektur';src:url('/assets/fonts/tektur.ttf') format('truetype');
 font-style:normal;font-weight:400 900;font-stretch:75% 100%;font-display:swap;
}
.hero-reference-tagline,.shell-motto,.shell-wordmark,.shell-footer,.quick-step {display:none}
#home .hero-stats-four {grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(min-width:981px){
 #home .hero-art img{width:74%!important}
 body:has(#home){--header:66px}
 #home{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
 #home .hero{position:relative!important;display:block!important;width:100%!important;max-width:none!important;height:max(660px,calc(100svh - var(--header)))!important;min-height:660px!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;isolation:isolate}
 #home .hero-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;transform:none!important;z-index:0!important;opacity:1!important;pointer-events:none}
 #home .hero-art img{position:absolute!important;inset:0 auto auto 0!important;width:74%!important;height:100%!important;max-width:none!important;object-fit:fill!important;object-position:50% 50%!important;transform:none!important;filter:none!important}
 #home .hero-v,#home .hero-sparks{display:none!important}
 #home .hero-copy{position:absolute!important;inset:0!important;padding:0!important;width:100%!important;max-width:none!important;z-index:2!important;pointer-events:none}
 #home .hero-copy .eyebrow{position:absolute;top:4.6%;left:3%;margin:0!important;font-size:clamp(9px,.65vw,13px)!important;letter-spacing:.5px!important}
 #home .hero-copy h1{position:absolute;top:8.4%;left:3%;width:25%;max-width:25%!important;margin:0!important;font-size:clamp(34px,3.15vw,65px)!important;line-height:.96!important;letter-spacing:-.7px!important;font-weight:950!important;text-shadow:0 2px 8px #0005}
 #home .hero-copy h1 strong{color:#f01920!important;font-weight:950!important}
 #home .hero-reference-tagline{display:block;position:absolute;left:3%;top:29.8%;margin:0;color:#b2b4bc;font-size:clamp(8px,.65vw,13px);font-weight:800;letter-spacing:.32em}
 #home .find-panel{position:absolute!important;inset:0 0 0 auto!important;width:49%!important;min-width:0!important;max-width:none!important;height:101%!important;min-height:0!important;margin:0!important;padding:4.5vh 4.4vw 3vh 12vw!important;transform:none!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;z-index:3!important;display:flex!important;flex-direction:column!important}
 #home .find-panel::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;width:101%!important;height:100%!important;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MDAgNTYwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4NCiA8ZGVmcz4NCiAgPGxpbmVhckdyYWRpZW50IGlkPSJtZXRhbCIgeDI9Ii44IiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iIzJhMmQzMiIvPjxzdG9wIG9mZnNldD0iLjI1IiBzdG9wLWNvbG9yPSIjMDgwYjBlIi8+PHN0b3Agb2Zmc2V0PSIuNTIiIHN0b3AtY29sb3I9IiMxNjFiMjAiLz48c3RvcCBvZmZzZXQ9Ii43IiBzdG9wLWNvbG9yPSIjMDcwOTBjIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMTQxOTFlIi8+PC9saW5lYXJHcmFkaWVudD4NCiAgPGxpbmVhckdyYWRpZW50IGlkPSJmYWNlIiB4Mj0iLjMiIHkyPSIxIj48c3RvcCBzdG9wLWNvbG9yPSIjMTExNTE5Ii8+PHN0b3Agb2Zmc2V0PSIuNCIgc3RvcC1jb2xvcj0iIzA3MGEwZCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAzMDYwOCIvPjwvbGluZWFyR3JhZGllbnQ+DQogIDxsaW5lYXJHcmFkaWVudCBpZD0icmVkIj48c3RvcCBzdG9wLWNvbG9yPSIjNzcwMDA4Ii8+PHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iI2ZmMTQyNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ExMDAwYiIvPjwvbGluZWFyR3JhZGllbnQ+DQogIDxmaWx0ZXIgaWQ9Imdsb3ciIHg9Ii0xMDAlIiB5PSItMTAwJSIgd2lkdGg9IjMwMCUiIGhlaWdodD0iMzAwJSI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNCIvPjwvZmlsdGVyPg0KIDwvZGVmcz4NCiA8IS0tIFYzIGFybW9yIGxhbmd1YWdlIHdpdGggYSBuYXJyb3dlciwgY29udGludW91cyBsZWZ0IHJhaWwgYW5kIHJlY2Vzc2VkIHJpZ2h0IHJpbS4gLS0+DQogPHBhdGggZD0iTTE3NiAxSDMwMUwzMjEgMTVIMzY2TDM4NSAxSDQ2M0w0NzggMTZMNDk2IDJINTk2VjgwTDU3OSAxMDNMNTk3IDEyNFYyNDBMNTc5IDI3Mkw1ODggMjkxTDU3NCAzNTBMNTk2IDQxNlY1NjBINTJMNDMgNTE3TDc0IDQ0M0w5NSA0MjJMMTE2IDM1MEwxMjkgMzI2TDE0MiAyNTJMMTI4IDIyN0wxNTEgMTI0TDEzNSA5N0wxMjQgNjJaIiBmaWxsPSIjMDUwNjA5IiBzdHJva2U9IiMzYzIzMjciIHN0cm9rZS13aWR0aD0iMiIvPg0KIDxwYXRoIGQ9Ik0xNzkgN0gyOTdMMzE4IDIxSDM2OUwzODkgN0g0NjBMNDc5IDI3TDUwMiA4SDU4OVY3Nkw1NjggMTA1TDU4OSAxMjlWMjM3TDU3MSAyNjlMNTgxIDI5MUw1NjcgMzUxTDU4OCA0MTlWNTUzSDY0TDU1IDUxOEw4NCA0NDdMMTA1IDQyNkwxMjcgMzUyTDE0MCAzMjlMMTUzIDI1MUwxMzkgMjI2TDE2MiAxMjNMMTQ2IDk1TDEzNiA2MloiIGZpbGw9InVybCgjbWV0YWwpIiBzdHJva2U9IiMwODA5MGMiIHN0cm9rZS13aWR0aD0iMiIvPg0KIDxwYXRoIGQ9Ik0xODEgMThINDMyTDQ1NCAzOEw0ODMgMThINTgxVjc3TDU2MiAxMDZMNTgwIDEzNVYyMzRMNTYzIDI2N0w1NzMgMjkwTDU1OSAzNTNMNTgwIDQyMUw1NjIgNDU0TDU0NCA1NTlIODNMNjggNTE3TDk2IDQ1MUwxMTcgNDMwTDEzOCAzNTZMMTUyIDMzMkwxNjQgMjUwTDE1MCAyMjRMMTczIDEyNUwxNTYgOTFMMTQ3IDY0WiIgZmlsbD0idXJsKCNmYWNlKSIgc3Ryb2tlPSIjMzYzYjQwIiBzdHJva2Utd2lkdGg9IjEuMiIvPg0KIDxnIGZpbGw9InVybCgjbWV0YWwpIiBzdHJva2U9IiMwMzA1MDgiIHN0cm9rZS13aWR0aD0iMiI+DQogIDxwYXRoIGQ9Ik0xODEgMUgyOTNMMzA3IDEzSDE3NEwxNDEgNjJMMTU3IDkxTDE1MCAxMDZMMTMxIDY0WiIvPg0KICA8cGF0aCBkPSJNMzA3IDJIMzg2TDM2NyAxN0gzMjZaIi8+DQogIDxwYXRoIGQ9Ik0zODggMkg0NDdMNDYyIDE4SDM3MVoiLz4NCiAgPHBhdGggZD0iTTQ1NCAySDQ5M0w0NjkgMzRaIi8+DQogIDxwYXRoIGQ9Ik01ODEgMTY3TDU5MyAxNTFWMjM2TDU3OSAyNjBMNTcxIDI0OFoiLz4NCiAgPHBhdGggZD0iTTU3NyAzMDlMNTg4IDI5MUw1NzYgMzUwTDU4OCA0MTBMNTc0IDM4OUw1NjYgMzUxWiIvPg0KICA8cGF0aCBkPSJNNTczIDQ0Nkw1ODggNDI1TDU5NSA0NDNWNTUzSDU1OEw1NzEgNDg5WiIvPg0KIDwvZz4NCiA8cGF0aCBkPSJNNTAyIDdINTkwVjcyTDU3NSA5OEw1ODYgMTE1SDUzOUw0NjIgNDFaIiBmaWxsPSIjMDkwYjBlIiBzdHJva2U9IiNjZjA5MTgiLz4NCiA8cGF0aCBkPSJNNTA3IDEwSDU4Nk00NjcgNDJMNTM5IDExMUg1NjdNMTgxIDIySDI5NE0zMjUgMTdIMzY1IiBmaWxsPSJub25lIiBzdHJva2U9IiNlNDExMjEiIHN0cm9rZS13aWR0aD0iMS40Ii8+DQogPGcgZmlsbD0iIzlkMTAxYSI+PHBhdGggZD0iTTU0OCAxMjVINTU3TDU1MCAxMzNMNTQ1IDEyOFpNNTYxIDEyNUg1NjlMNTU3IDEzOUw1NTMgMTM1Wk01NzUgMTI1SDU4M0w1NjUgMTQ3TDU2MSAxNDJaTTU4NyAxMjlWMTQwTDU3MyAxNTZMNTY5IDE1MlpNNTg4IDE0N1YxNTlMNTgwIDE2OEw1NzUgMTYzWiIvPjwvZz4NCiA8cGF0aCBkPSJNMTc0IDlMMTI5IDYyTDE0MyA5NE0xMzcgMjQ1TDEyMyAzMjNNMTE0IDM1OUw5NyA0MTdNNzMgNDU5TDQ5IDUxNUw1OSA1NTRNNTgyIDQ1MUw1NTggNTUwIiBmaWxsPSJub25lIiBzdHJva2U9IiNmYTAwMTgiIHN0cm9rZS13aWR0aD0iNyIgZmlsdGVyPSJ1cmwoI2dsb3cpIi8+DQogPHBhdGggZD0iTTE3NCA5TDEyOSA2MkwxNDMgOTRNMTM3IDI0NUwxMjMgMzIzTTExNCAzNTlMOTcgNDE3TTczIDQ1OUw0OSA1MTVMNTkgNTU0TTU4MiA0NTFMNTU4IDU1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZjgwODFkIiBzdHJva2Utd2lkdGg9IjQiLz4NCiA8ZyBmaWxsPSJub25lIiBzdHJva2U9IiMzOTNjNDIiIHN0cm9rZS13aWR0aD0iLjgiPjxwYXRoIGQ9Ik0xNzkgMThMMTQyIDYyTDE1NSA5M00xNDUgMjUzTDEzMiAzMjNNMTE5IDM2NUwxMDUgNDE2TTgxIDQ2M0w1OCA1MTZMNjYgNTQwTTU4MSAzMTVMNTczIDM0OU01ODAgNDU1TDU2OCA0OTlNMzk1IDhINDQxTDQ0OSAxNSIvPjwvZz4NCjwvc3ZnPg0K") center/100% 100% no-repeat!important;border:0!important;clip-path:none!important;transform:none!important;opacity:1!important;z-index:-1!important;pointer-events:none}
 #home .find-panel::after{display:none!important}
 #home .find-panel .panel-head{margin:0 0 12px!important;padding:0!important;min-height:0!important;border:0!important;display:block!important}
 #home .find-panel .panel-head h2{font-size:clamp(24px,2.2vw,44px)!important;line-height:1.05!important;font-weight:950!important;letter-spacing:.4px!important;margin:0 0 12px!important;white-space:nowrap}
 #home .find-panel .panel-head h2::before{content:'//';color:#ff1224;font-style:italic;margin-right:14px;text-shadow:0 0 12px #f01424}
 #home .find-panel .panel-head p{font-size:clamp(10px,.75vw,15px)!important;line-height:1.25!important;color:#a8afb7!important;margin:0!important;max-width:85%!important}
 #home .shell-motto{display:block;position:absolute;top:4.5%;right:4.5%;color:#fc1426;font-size:clamp(8px,.7vw,14px);line-height:1.65;font-weight:800;letter-spacing:.26em}
 #home .shell-wordmark{display:block;position:absolute;right:1.6%;top:55%;writing-mode:vertical-rl;font-size:clamp(8px,.72vw,14px);letter-spacing:.2em;font-weight:800;color:#757d85}
 #home .shell-footer{display:block;position:absolute;right:2%;bottom:4%;color:#707882;font-size:clamp(6px,.5vw,10px);line-height:1.65;letter-spacing:.2em;font-weight:700}
 #home .home-player-search{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;margin:0!important;min-height:0;flex:1}
 #home .quick-step{display:flex;align-items:center;gap:12px;border-top:1px solid #ffffff12;letter-spacing:.12em;font-size:clamp(10px,.78vw,16px);font-weight:900;line-height:24px;margin-bottom:6px}
 #home .quick-step b,#home .home-region-choice legend::before{display:inline-block;background:#e50917;padding:0 9px;transform:skew(-18deg);color:white;font-size:1.25em;font-style:italic;letter-spacing:0}
 #home .home-quick-game-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0 0 7px!important;padding:0!important;border:0!important;background:none!important;min-height:0!important}
 #home .home-quick-game-tab{height:clamp(30px,3.8vh,47px)!important;min-height:0!important;padding:0 8px!important;border-radius:5px!important;clip-path:polygon(5% 0,94% 0,100% 100%,0 100%);font-size:clamp(8px,.68vw,14px)!important;background:linear-gradient(#101419,#05080a)!important;border:1px solid #30353a!important;white-space:nowrap}
 #home .home-quick-game-tab.is-active{border-color:#d50c1a!important;background:linear-gradient(#260a0d,#08090c)!important;color:white!important}
 #home .quick-tab-mark{font-size:0!important;width:22px!important;height:18px!important;background:#f01623!important;mask:url('/assets/icons/gamepad.svg') center/contain no-repeat}
 #home .quick-tab-mark.is-community{background:#9099a2!important;mask-image:url('/assets/icons/players.svg')}
 #home .home-player-search .quick-game-choice-group,#home .home-player-search .quick-game-grid{height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important}
 #home .home-player-search .quick-game-choice-group{flex:1;min-height:164px!important;overflow:auto!important;margin-bottom:9px!important}
 #home .home-player-search .quick-game-grid{display:grid!important;grid-template-columns:1fr 1fr!important;grid-auto-rows:clamp(39px,5.4vh,65px);gap:6px 10px!important;align-content:start!important;overflow:visible!important}
 #home .home-player-search .quick-game-grid .home-choice-body{height:100%!important;min-height:0!important;grid-template-columns:30px minmax(0,1fr) 13px!important;padding:5px 10px!important;gap:10px!important;border-radius:5px!important;background:linear-gradient(120deg,#101419,#06090c)!important;border:1px solid #262b31!important;box-shadow:inset 0 1px #ffffff04!important}
 #home .home-player-search .quick-game-grid .home-choice-copy strong{font-size:clamp(9px,.7vw,14px)!important;line-height:1.15!important;display:block!important;white-space:normal!important;font-weight:800!important}
 #home .home-choice-game-art{width:30px!important;height:30px!important;border-radius:3px!important}
 #home .home-choice-game-art img{width:100%!important;height:100%!important;object-fit:cover!important}
 #home .home-game-presence,#home .home-region-presence{display:none!important}
 #home .home-choice-check{width:13px!important;height:13px!important;border:1px solid #4a5159!important;background:transparent!important;border-radius:50%!important}
 #home input:checked + .home-choice-body{border-color:#fa1421!important;background:linear-gradient(110deg,#300b10,#090b0e)!important;box-shadow:inset 0 0 12px #ff0b1314!important}
 #home input:checked + .home-choice-body .home-choice-check{background:#ff1525!important;border-color:#ff3344!important;box-shadow:0 0 9px #e3132244!important}
 #home .home-choice-check::after{display:none!important}
 #home .home-region-choice{position:relative;left:-1.3vw;width:calc(100% + 1.3vw);padding:0!important;margin:0 0 10px!important;border:0!important}
 #home .home-region-choice legend{display:block!important;float:none!important;width:100%;margin:0 0 6px!important;padding:0!important;border-top:1px solid #ffffff12!important;line-height:24px;font-size:clamp(10px,.78vw,16px)!important;letter-spacing:.12em}
 #home .home-region-choice legend::before{content:'02';margin-right:14px}
 #home .home-region-choice .home-choice-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px 10px!important}
 #home .region-choice-card .home-choice-body{min-height:0!important;height:clamp(39px,5.1vh,62px)!important;padding:5px 10px!important;grid-template-columns:34px minmax(0,1fr) 13px!important;gap:10px!important;border-radius:5px!important;background:linear-gradient(120deg,#101419,#06090c)!important}
 #home .home-region-mark{width:34px!important;height:26px!important;border-radius:4px!important;font-size:12px!important}
 #home .region-choice-card strong{font-size:clamp(9px,.74vw,15px)!important;line-height:1.1!important}
 #home .quick-samp-mode{position:relative;left:-2vw;width:calc(100% + 1vw);display:grid!important;grid-template-columns:110px 1fr!important;align-items:center;gap:10px!important;margin:0 0 10px!important}
 #home .quick-samp-mode>span{font-size:clamp(9px,.7vw,14px)!important;letter-spacing:.1em!important}
 #home .quick-samp-mode select{height:34px!important;min-height:0!important;padding:0 12px!important;font-size:clamp(9px,.7vw,14px)!important;border-radius:5px!important;background:#0b0f13!important}
 #home .find-button,#home .home-all-players{position:relative;left:-2.5vw;width:calc(100% + 1vw)!important;flex-shrink:0;margin:0!important;transform:skew(-17deg)!important;border-radius:5px!important}
 #home .find-button{height:clamp(43px,5.8vh,70px)!important;min-height:0!important;background:linear-gradient(110deg,#ef0512,#b6000b)!important;font-size:clamp(18px,1.45vw,29px)!important;letter-spacing:.06em!important;border:1px solid #ff2531!important}
 #home .find-button span,#home .find-button b{transform:skew(17deg)}
 #home .find-button::before{content:'╱';position:absolute;left:12px;color:#420208;font-size:30px}
 #home .find-button::after{content:'///';position:absolute;right:10px;color:#380207;font-size:30px;font-weight:950}
 #home .home-all-players{display:flex!important;align-items:center;justify-content:center;height:clamp(39px,5.2vh,62px)!important;min-height:0!important;margin-top:9px!important;background:linear-gradient(#12171c,#080c10)!important;border:1px solid #30363c!important;color:#b1bac3!important;font-size:clamp(10px,.85vw,17px)!important;letter-spacing:.15em!important;font-weight:900!important}
 #home .home-all-players::before{content:'☷';font-size:22px;margin-right:16px}
 #home .hero-copy .hero-stats-four{pointer-events:auto;left:1.6%!important;bottom:8px!important;width:23%!important;max-width:none!important;height:60px!important;padding:3px!important;border-radius:5px!important;grid-template-columns:1fr 1fr!important;gap:0!important}
 #home .hero-copy .hero-stats-four>div{height:52px!important;min-height:0!important;grid-template-columns:23px 1fr!important;grid-template-rows:25px 14px!important;padding:3px 7px!important;gap:2px 7px!important}
 #home .hero-copy .hero-stats-four .stat-svg{width:22px!important;height:22px!important;border-radius:4px!important}
 #home .hero-copy .hero-stats-four strong{font-size:18px!important}
 #home .hero-copy .hero-stats-four small{font-size:clamp(7px,.49vw,10px)!important}
 #home .hero-copy>.hero-app-entry{pointer-events:auto;position:absolute!important;left:25.2%!important;bottom:8px!important;width:9%!important;max-width:none!important;margin:0!important}
 #home .hero-app-buttons,#home .hero-app-platform{width:100%!important;height:60px!important;min-height:0!important;border-radius:5px!important}
 #home .hero-app-platform{padding:8px!important;gap:10px!important}
 #home .hero-app-platform strong{font-size:clamp(10px,.7vw,14px)!important}
 #home .hero-app-popover{bottom:calc(100% + 12px)!important;top:auto!important}
 #home .find-panel.has-quick-no-match .quick-no-match{font-size:11px!important;max-height:90px!important;overflow:auto!important;margin:0 0 6px!important;padding:6px!important}
 #home .find-panel.has-quick-no-match .quick-game-choice-group{min-height:90px!important}
}
@media(min-width:981px) and (max-height:849px){
 #home .hero{height:max(610px,calc(100svh - var(--header)))!important;min-height:610px!important}
 #home .find-panel{padding-top:25px!important;padding-bottom:20px!important}
 #home .find-panel .panel-head{margin-bottom:8px!important}
 #home .find-panel .panel-head h2{margin-bottom:8px!important}
}
@media(min-width:981px){
 #home .hero-reference-tagline{top:30.2%}
 #home .find-panel .panel-head p{font-family:'Segoe UI',Arial,sans-serif!important;font-weight:500!important}
 #home .find-panel .panel-head{flex:0 0 auto}
 #home .home-player-search .quick-game-choice-group{flex:0 1 auto!important;height:calc(4 * clamp(39px,5.4vh,65px) + 18px)!important;min-height:0!important;overflow-y:auto!important}
 #home .home-region-choice{margin-top:auto!important}
 #home .find-button span{font-size:clamp(15px,1.03vw,21px)!important;line-height:1!important;font-family:'Arena Tektur','Bahnschrift',sans-serif!important;font-weight:650!important;font-stretch:90%;letter-spacing:.085em!important;transform:skew(10deg)}
 #home .find-button b{position:static!important;display:inline!important;font-size:20px!important;line-height:1!important;margin-left:15px!important;background:none!important;border:0!important;clip-path:none!important;width:auto!important;height:auto!important}
 #home .home-all-players{font-family:'Segoe UI',Arial,sans-serif!important;font-style:normal!important}
 #home .home-all-players span{transform:skew(17deg);font-style:normal!important}
 #home .home-all-players::before{transform:skew(17deg)}
 #home .home-player-search .quick-game-grid input:checked + .home-choice-body{border-color:#f51a27!important;background:linear-gradient(110deg,#300b10,#090b0e)!important;box-shadow:inset 0 0 12px #ff0b1314!important}
 #home .find-button::before{content:''!important;inset:auto!important;left:12px!important;top:8px!important;width:4px!important;height:25px!important;transform:none!important;background:#57050b!important}
 #home .game-choice-card:has(input[value='cs2']){order:1}
 #home .game-choice-card:has(input[value='valorant']){order:2}
 #home .game-choice-card:has(input[value='apex']){order:3}
 #home .game-choice-card:has(input[value='fortnite']){order:4}
 #home .game-choice-card:has(input[value='league']){order:5}
 #home .game-choice-card:has(input[value='samp']){order:6}
 #home .game-choice-card:has(input[value='minecraft']){order:7}
 #home .game-choice-card:has(input[value='cod']){order:8}
 #home .game-choice-card:has(input[value='cod']){grid-column:1;grid-row:5}
 #home .hero-copy h1{font-family:'Segoe UI',Arial,sans-serif!important;font-weight:900!important}
 #home .hero-copy h1 strong{font-family:inherit!important;font-weight:900!important}
 #home .find-panel .panel-head h2{font-family:'Segoe UI',Arial,sans-serif!important;font-size:clamp(25px,2.3vw,46px)!important;font-weight:900!important}
 #home .hero-reference-tagline{font-family:'Segoe UI',Arial,sans-serif!important}
}
@media(min-width:981px) and (min-height:850px){
 #home .find-panel .panel-head{min-height:calc((100svh - 66px) * .145)!important}
 #home .home-player-search .quick-game-grid{grid-auto-rows:clamp(39px,6.4vh,76px)}
 #home .home-player-search .quick-game-choice-group{height:calc(4 * clamp(39px,6.4vh,76px) + 18px)!important}
 #home .region-choice-card .home-choice-body{height:clamp(39px,6vh,76px)!important}
 #home .quick-samp-mode select{height:clamp(34px,4.5vh,54px)!important}
 #home .find-button{height:clamp(43px,6.4vh,80px)!important}
 #home .home-all-players{height:clamp(39px,5.9vh,74px)!important}
 #home .home-choice-game-art{width:clamp(30px,2.1vw,40px)!important;height:clamp(30px,2.1vw,40px)!important}
 #home .home-player-search .quick-game-grid .home-choice-body{grid-template-columns:clamp(30px,2.1vw,40px) minmax(0,1fr) 13px!important}
 #home .quick-samp-mode{grid-template-columns:minmax(110px,23%) 1fr!important}
}
@media(min-width:981px) and (max-width:1500px){
 body:has(#home) .site-header{grid-template-columns:250px minmax(0,1fr) auto!important;padding:0 24px!important;gap:12px!important}
 body:has(#home) .site-header .brand.brand-symbol{width:240px!important}
 body:has(#home) .site-header .brand.brand-symbol .header-mark{width:64px!important;flex-basis:64px!important}
 body:has(#home) .site-header .brand.brand-symbol .header-wordmark{width:166px!important;flex-basis:166px!important;height:auto!important}
 body:has(#home) .main-nav{gap:5px!important;min-width:0!important}
 body:has(#home) .main-nav>a{padding:0 5px!important;font-size:10px!important}
}
@media(min-width:981px) and (min-height:707px) and (max-height:849px){
 #home .home-player-search{gap:clamp(0px,calc((100svh - 706px) * .1),10px)!important}
}
@media(max-width:980px){
 #home .hero-copy{width:100%!important;max-width:100%!important;padding-right:0!important}
 #home .hero-copy h1{max-width:100%!important;font-size:clamp(30px,8.3vw,56px)!important;line-height:1.02!important;overflow-wrap:normal}
 #home .hero-copy .hero-stats-four{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
 #home .hero-copy .hero-stats-four>div{display:grid!important;grid-template-columns:24px 1fr!important;grid-template-rows:auto auto!important;gap:4px!important;padding:8px!important;min-width:0!important}
 #home .hero-copy .hero-stats-four .stat-svg{grid-column:1;grid-row:1}
 #home .hero-copy .hero-stats-four strong{grid-column:2;grid-row:1}
 #home .hero-copy .hero-stats-four small{grid-column:1/3;grid-row:2;font-size:8px!important;white-space:normal!important}
}
/* Native scrolling and selection keep keyboard/touch behavior, with matching chrome. */
#home .quick-game-choice-group,#home .quick-game-grid{
 color-scheme:dark;scrollbar-width:thin;scrollbar-color:#b91325 #10151a;
}
@supports selector(::-webkit-scrollbar){
 #home .quick-game-choice-group,#home .quick-game-grid{scrollbar-width:auto;scrollbar-color:auto}
 #home .quick-game-choice-group::-webkit-scrollbar,#home .quick-game-grid::-webkit-scrollbar{width:6px;height:6px}
 #home .quick-game-choice-group::-webkit-scrollbar-track,#home .quick-game-grid::-webkit-scrollbar-track{background:#10151a;border-radius:4px}
 #home .quick-game-choice-group::-webkit-scrollbar-thumb,#home .quick-game-grid::-webkit-scrollbar-thumb{background:#a91728;border:1px solid #10151a;border-radius:4px}
 #home .quick-game-choice-group::-webkit-scrollbar-thumb:hover,#home .quick-game-grid::-webkit-scrollbar-thumb:hover{background:#ed2438}
 #home .quick-game-choice-group::-webkit-scrollbar-button,#home .quick-game-grid::-webkit-scrollbar-button{display:none;width:0;height:0}
}
#home .quick-samp-mode select{
 appearance:none!important;-webkit-appearance:none!important;color-scheme:dark;
 padding-right:38px!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M2 2.5 7 7.5 12 2.5' fill='none' stroke='%23bd3342' stroke-width='1.7'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;background-position:right 13px center!important;background-size:14px 10px!important;
}
#home .quick-samp-mode select:focus-visible{outline:1px solid #ef3043;outline-offset:2px}
/* v3: inset the complete interface into the recessed face of the armor. */
@media(min-width:981px){
 #home .find-panel-content{position:absolute;top:5.5%;bottom:6%;left:29%;right:11%;display:flex;flex-direction:column;justify-content:center;min-height:0}
 #home .find-panel .panel-head{min-height:0!important;margin:0 0 20px!important}
 #home .find-panel .panel-head h2{font-size:clamp(22px,1.7vw,33px)!important;letter-spacing:.02em!important;margin-bottom:10px!important}
 #home .find-panel .panel-head p{font-size:clamp(10px,.64vw,12px)!important;max-width:92%!important;line-height:1.35!important}
 #home .home-player-search{gap:0!important;min-height:0!important;flex:0 1 auto!important}
 #home .quick-step{font-size:clamp(9px,.66vw,12px)!important;line-height:21px!important;margin:0 0 7px 4px!important}
 #home .quick-step b,#home .home-region-choice legend::before{font-size:14px!important;padding:0 7px!important}
 #home .home-quick-game-tab{height:clamp(27px,3.4vh,33px)!important;font-size:clamp(8px,.57vw,11px)!important;padding:0 5px!important}
 #home .home-player-search .quick-game-grid{grid-auto-rows:clamp(34px,5.4vh,52px)!important;gap:6px 9px!important}
 #home .home-player-search .quick-game-choice-group{height:calc(4 * clamp(34px,5.4vh,52px) + 18px)!important;flex:0 1 auto!important;margin-bottom:12px!important}
 #home .home-player-search .quick-game-grid .home-choice-body{grid-template-columns:clamp(26px,1.7vw,32px) minmax(0,1fr) 11px!important;padding:4px 8px!important;gap:8px!important}
 #home .home-choice-game-art{width:clamp(26px,1.7vw,32px)!important;height:clamp(26px,1.7vw,32px)!important}
 #home .home-player-search .quick-game-grid .home-choice-copy strong{font-size:clamp(9px,.6vw,11.5px)!important;font-weight:700!important}
 #home .home-choice-check{width:11px!important;height:11px!important}
 #home .home-region-choice{left:0!important;width:100%!important;margin: 8px 0 12px!important}
 #home .home-region-choice legend{font-size:clamp(9px,.66vw,12px)!important;line-height:21px!important;margin-left:4px!important;width:calc(100% - 4px)!important}
 #home .region-choice-card .home-choice-body{height:clamp(34px,4.9vh,47px)!important;grid-template-columns:30px minmax(0,1fr) 11px!important;padding:4px 8px!important;gap:8px!important}
 #home .home-region-mark{width:30px!important;height:23px!important;font-size:10px!important}
 #home .region-choice-card strong{font-size:clamp(9px,.61vw,11.5px)!important;font-weight:700!important}
 #home .quick-samp-mode{left:0!important;width:100%!important;grid-template-columns:24% 1fr!important;margin:0 0 12px!important}
 #home .quick-samp-mode>span{font-size:clamp(8px,.57vw,10.5px)!important;letter-spacing:.05em!important}
 #home .quick-samp-mode select{height:clamp(30px,4vh,38px)!important;font-size:clamp(9px,.59vw,11px)!important}
 #home .find-button,#home .home-all-players{left:2%!important;width:90%!important;align-self:flex-start!important}
 #home .find-button{height:clamp(36px,5vh,48px)!important;background:linear-gradient(110deg,#d70b18,#a8000c)!important;box-shadow:0 5px 14px #55000822!important}
 #home .find-button span{font-size:clamp(14px,.9vw,17px)!important}
 #home .find-button b{font-size:17px!important;margin-left:12px!important}
 #home .find-button::before{height:20px!important;top:8px!important;width:3px!important}
 #home .find-button::after{font-size:23px!important}
 #home .home-all-players{height:clamp(33px,4.5vh,43px)!important;font-size:clamp(9px,.65vw,12px)!important;letter-spacing:.1em!important;margin-top:8px!important}
 #home .home-all-players::before{font-size:17px!important;margin-right:11px!important}
 #home .game-choice-card:has(input[value='fortnite']) .home-choice-game-art{background:linear-gradient(145deg,#654495,#192637)!important}
}

/* Lift the interface within the restored armor; all form widths remain from v3. */
@media(min-width:981px){
 #home .find-panel-content{transform:translateY(-12px)}
}
@media(min-width:981px) and (min-height:850px){
 #home .find-panel-content{transform:translateY(-30px)}
}


/* ===== ARENACTIVE v1.48.5.302 — final balance pass after Codex baseline =====
   Goals:
   1) make Find Match / Browse Lobbies feel like one visual pair;
   2) keep shell copy inside the frame;
   3) reduce extra neon + heavy lower-left shell feel;
   4) reduce F5 flash by keeping panel paint stable once CSS is applied. */
@media(min-width:981px){
 #home .find-panel{
  contain:layout paint style!important;
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
 }
 #home .find-panel::before{
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.18)) saturate(.97)!important;
 }
 #home .shell-footer{
  right:4.2%!important;
  bottom:5.3%!important;
  width:66px!important;
  max-width:66px!important;
  text-align:left!important;
  font-size:clamp(6px,.48vw,9px)!important;
  line-height:1.5!important;
  letter-spacing:.16em!important;
  white-space:normal!important;
  overflow:hidden!important;
  z-index:2!important;
  opacity:.88!important;
 }
 #home .shell-wordmark{
  right:2.4%!important;
 }
 #home .find-panel-content{
  left:30.2%!important;
  right:10.6%!important;
 }
 #home .find-button,
 #home .home-all-players{
  left:2.6%!important;
  width:88.2%!important;
  align-self:flex-start!important;
 }
 #home .find-button{
  height:clamp(34px,4.65vh,44px)!important;
  margin-top:3px!important;
  border-radius:0!important;
  box-shadow:0 4px 12px rgba(85,0,8,.12)!important;
 }
 #home .find-button span{
  font-size:clamp(13px,.84vw,16px)!important;
  letter-spacing:.03em!important;
 }
 #home .find-button b{
  font-size:16px!important;
  margin-left:10px!important;
 }
 #home .find-button::before{
  height:18px!important;
  top:8px!important;
  opacity:.78!important;
 }
 #home .find-button::after{
  opacity:.84!important;
 }
 #home .home-all-players{
  height:clamp(31px,4.05vh,39px)!important;
  margin-top:6px!important;
  padding:0 12px!important;
  clip-path:polygon(2.6% 0,100% 0,97.4% 100%,0 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(19,24,30,.96),rgba(8,11,16,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
 }
 #home .home-all-players span{
  font-size:clamp(9px,.62vw,11px)!important;
  letter-spacing:.12em!important;
  opacity:.96!important;
 }
 #home .home-all-players::before{
  font-size:15px!important;
  margin-right:9px!important;
  opacity:.84!important;
 }
}
@media(min-width:981px) and (min-height:850px){
 #home .find-panel-content{transform:translateY(-22px)!important}
}


/* ===== ARENACTIVE v1.48.5.303 — composition consolidation =====
   - keep the left side as one coherent brand message;
   - move Registered / Online into the match console;
   - keep Android as a small utility entry, not another hero card;
   - remove the lower-right decorative slogan now that real telemetry lives there;
   - use flatter, more restrained styling to recover a serious product tone. */
@media(min-width:981px){
 #home .hero-message{
  position:absolute!important;
  top:4.7%!important;
  left:3%!important;
  width:25.5%!important;
  max-width:25.5%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:0!important;
  z-index:3!important;
 }
 #home .hero-copy .hero-message .eyebrow{
  position:static!important;
  top:auto!important;
  left:auto!important;
  margin:0 0 16px!important;
  font-size:clamp(9px,.65vw,13px)!important;
  line-height:1!important;
  letter-spacing:.5px!important;
 }
 #home .hero-copy .hero-message h1{
  position:static!important;
  top:auto!important;
  left:auto!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  font-size:clamp(34px,3.15vw,65px)!important;
  line-height:.96!important;
  letter-spacing:-.7px!important;
  font-weight:900!important;
  text-shadow:0 2px 8px rgba(0,0,0,.22)!important;
 }
 #home .hero-message .hero-reference-tagline{
  position:static!important;
  top:auto!important;
  left:auto!important;
  display:block!important;
  margin:18px 0 0!important;
  max-width:100%!important;
  color:#9ea6af!important;
  font-size:clamp(8px,.6vw,12px)!important;
  line-height:1.35!important;
  font-weight:700!important;
  letter-spacing:.22em!important;
  white-space:normal!important;
 }
 #home .hero-copy>.hero-app-entry{
  left:1.7%!important;
  bottom:10px!important;
  width:9.3%!important;
  min-width:136px!important;
  max-width:168px!important;
  opacity:.96!important;
 }
 #home .hero-copy>.hero-app-entry .hero-app-platform{
  height:52px!important;
  min-height:52px!important;
  border-color:rgba(255,255,255,.09)!important;
  background:linear-gradient(180deg,rgba(14,18,23,.94),rgba(8,11,15,.96))!important;
  box-shadow:none!important;
 }
 #home .hero-copy>.hero-app-entry .hero-app-platform::before,
 #home .hero-copy>.hero-app-entry .hero-app-platform::after{
  opacity:.6!important;
 }
 #home .shell-footer{
  display:none!important;
 }
 #home .find-panel::before{
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.16)) saturate(.92)!important;
 }
 #home .find-panel-content{
  bottom:5.2%!important;
 }
 #home .panel-live-stats{
  position:relative!important;
  left:2.6%!important;
  width:88.2%!important;
  margin-top:14px!important;
  padding:11px 4px 0!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
  background:transparent!important;
  flex:0 0 auto!important;
 }
 #home .panel-live-stat{
  min-width:0!important;
  min-height:42px!important;
  display:grid!important;
  grid-template-columns:27px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  padding:0 12px!important;
 }
 #home .panel-live-stat+ .panel-live-stat{
  border-left:1px solid rgba(255,255,255,.08)!important;
 }
 #home .panel-live-stat .stat-svg{
  width:25px!important;
  height:25px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(237,23,23,.22)!important;
  border-radius:5px!important;
  background:rgba(237,23,23,.055)!important;
 }
 #home .panel-live-stat .stat-svg img{
  width:15px!important;
  height:15px!important;
  opacity:.9!important;
 }
 #home .panel-live-copy{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:baseline!important;
  gap:8px!important;
 }
 #home .panel-live-copy strong{
  color:#f4f6f7!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:900!important;
 }
 #home .panel-live-copy small{
  overflow:hidden!important;
  color:#87919b!important;
  font-size:clamp(7px,.48vw,9px)!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
 }
 #home .find-button,
 #home .home-all-players{
  left:2.6%!important;
  width:88.2%!important;
 }
 #home .find-button{
  box-shadow:none!important;
  background:linear-gradient(110deg,#cf111b,#a90913)!important;
  border-color:#e52933!important;
 }
 #home .home-all-players{
  background:linear-gradient(180deg,#11161b,#0a0e12)!important;
  border-color:#262d33!important;
 }
}

@media(min-width:981px) and (max-width:1250px){
 #home .hero-message{width:27%!important;max-width:27%!important}
 #home .panel-live-copy{grid-template-columns:auto 1fr!important;gap:6px!important}
 #home .panel-live-copy strong{font-size:15px!important}
}

@media(max-width:980px){
 #home .hero-message{display:contents!important}
 #home .panel-live-stats{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:10px!important;
 }
 #home .panel-live-stat{
  min-height:54px!important;
  padding:9px 10px!important;
  display:grid!important;
  grid-template-columns:28px 1fr!important;
  gap:8px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:8px!important;
  background:#0a0e12!important;
 }
 #home .panel-live-stat+ .panel-live-stat{border-left:1px solid rgba(255,255,255,.08)!important}
 #home .panel-live-copy{display:block!important}
 #home .panel-live-copy strong,#home .panel-live-copy small{display:block!important}
}


/* ===== ARENACTIVE v1.48.5.304 — hero typography vertical balance =====
   Keep the current composition, but make the left brand message feel more
   deliberate: one aligned vertical stack instead of two very wide lines. */
@media(min-width:981px){
 #home .hero-message{
  top:5.1%!important;
  left:3%!important;
  width:23.2%!important;
  max-width:23.2%!important;
 }
 #home .hero-copy .hero-message .eyebrow{
  margin-bottom:15px!important;
 }
 #home .hero-copy .hero-message h1{
  width:100%!important;
  max-width:100%!important;
  font-size:clamp(33px,3.05vw,62px)!important;
  line-height:.955!important;
  letter-spacing:-.6px!important;
 }
 #home .hero-copy .hero-message h1 strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
 }
 #home .hero-copy .hero-message h1 strong span{
  display:inline-block!important;
  max-width:100%!important;
 }
 #home .hero-message .hero-reference-tagline{
  margin-top:15px!important;
  max-width:92%!important;
  font-size:clamp(8px,.57vw,11px)!important;
  line-height:1.42!important;
  letter-spacing:.19em!important;
 }
}
@media(min-width:981px) and (max-width:1250px){
 #home .hero-message{
  width:24.5%!important;
  max-width:24.5%!important;
 }
 #home .hero-copy .hero-message h1{
  font-size:clamp(32px,3vw,54px)!important;
 }
}


/* ===== ARENACTIVE v1.48.5.305 — bottom dock + RU label fit =====
   Keep the serious visual direction: use the empty lower shell as a compact
   platform-status dock instead of adding more decorative effects. */
@media(min-width:981px){
  /* Give long Russian UI labels a real text box instead of letting them leak
     through the clipped/skewed button shapes. */
  #home .find-button,
  #home .home-all-players{
    box-sizing:border-box!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  #home .find-button span,
  #home .home-all-players span{
    min-width:0!important;
    max-width:calc(100% - 76px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    line-height:1.05!important;
  }
  #home .home-all-players span{
    max-width:calc(100% - 48px)!important;
  }

  /* Use the formerly empty lower area as one restrained platform dock. */
  #home .panel-live-stats{
    position:relative!important;
    left:2.6%!important;
    width:88.2%!important;
    min-height:82px!important;
    margin-top:13px!important;
    padding:18px 0 0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr .86fr!important;
    align-items:stretch!important;
    gap:0!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0) 58%),
      rgba(5,8,11,.22)!important;
    flex:0 0 auto!important;
  }
  #home .panel-live-stats::before{
    content:'ARENACTIVE  /  LIVE';
    position:absolute;
    left:7px;
    top:5px;
    color:#69737d;
    font-size:7px;
    line-height:1;
    font-weight:850;
    letter-spacing:.18em;
    white-space:nowrap;
  }
  #home .panel-live-stats::after{
    content:'';
    position:absolute;
    left:7px;
    top:15px;
    width:42px;
    height:1px;
    background:#a80b15;
    opacity:.7;
  }
  #home .panel-live-stat{
    min-width:0!important;
    min-height:63px!important;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
    padding:6px 12px 8px!important;
  }
  #home .panel-live-stat + .panel-live-stat{
    border-left:1px solid rgba(255,255,255,.075)!important;
  }
  #home .panel-live-stat .stat-svg{
    width:27px!important;
    height:27px!important;
    border-radius:5px!important;
  }
  #home .panel-live-copy{
    min-width:0!important;
    display:block!important;
  }
  #home .panel-live-copy strong{
    display:block!important;
    margin-bottom:5px!important;
    font-size:17px!important;
    line-height:1!important;
  }
  #home .panel-live-copy small{
    display:block!important;
    max-width:100%!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    color:#8b949d!important;
    font-size:clamp(7px,.44vw,8.5px)!important;
    line-height:1.18!important;
    font-weight:800!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
  }

  /* Android now belongs to the same system/status dock instead of floating
     alone in the lower-left hero. Keep the existing QR behaviour intact. */
  #home .panel-live-stats > .panel-app-entry{
    position:relative!important;
    inset:auto!important;
    z-index:5!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:6px 8px 8px 12px!important;
    border-left:1px solid rgba(255,255,255,.075)!important;
    align-self:stretch!important;
    display:flex!important;
    align-items:center!important;
  }
  #home .panel-live-stats > .panel-app-entry .hero-app-buttons{
    width:100%!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  #home .panel-live-stats > .panel-app-entry .hero-app-platform{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    height:50px!important;
    padding:5px 7px!important;
    justify-content:flex-start!important;
    gap:8px!important;
    border:0!important;
    border-radius:5px!important;
    background:rgba(255,255,255,.018)!important;
    box-shadow:none!important;
    transform:none!important;
  }
  #home .panel-live-stats > .panel-app-entry .hero-app-platform:hover,
  #home .panel-live-stats > .panel-app-entry .hero-app-platform:focus-visible,
  #home .panel-live-stats > .panel-app-entry .hero-app-platform.is-active{
    border:0!important;
    background:rgba(237,23,23,.045)!important;
    box-shadow:inset 0 0 0 1px rgba(237,23,23,.12)!important;
    transform:none!important;
  }
  #home .panel-live-stats > .panel-app-entry .hero-app-platform-icon{
    width:27px!important;
    height:27px!important;
    flex:0 0 27px!important;
    border:1px solid rgba(237,23,23,.22)!important;
    border-radius:5px!important;
    background:rgba(237,23,23,.055)!important;
  }
  #home .panel-live-stats > .panel-app-entry .hero-app-platform-icon svg{
    width:17px!important;
    height:17px!important;
  }
  #home .panel-live-stats > .panel-app-entry .hero-app-platform strong{
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.03em!important;
  }
  #home .panel-live-stats > .panel-app-entry .hero-app-platform small{
    margin-top:5px!important;
    font-size:8px!important;
    line-height:1!important;
    letter-spacing:.1em!important;
  }
  #home .panel-live-stats > .panel-app-entry .hero-app-popover{
    right:0!important;
    bottom:calc(100% + 10px)!important;
  }

  /* The dock itself fills the bottom, so let the content face extend lower
     without making the controls above taller. */
  #home .find-panel-content{
    bottom:3.1%!important;
  }
}

@media(min-width:981px) and (max-width:1250px){
  #home .panel-live-stats{
    grid-template-columns:1fr 1fr .78fr!important;
  }
  #home .panel-live-stat{
    padding-left:8px!important;
    padding-right:8px!important;
    gap:7px!important;
  }
  #home .panel-live-copy small{
    font-size:7px!important;
    letter-spacing:.035em!important;
  }
}

@media(max-width:980px){
  #home .panel-live-stats > .panel-app-entry{
    display:none!important;
  }
}


/* ===== ARENACTIVE v1.48.5.306 — lower status dock + RU intro fit =====
   Narrowly scoped follow-up: only move the existing live dock lower/left and
   keep the Russian intro paragraph inside the recessed text face. */
@media(min-width:981px){
  /* The upper copy must stop before the PLAY / CONNECT / COMPETE cut-out. */
  #home .find-panel .panel-head p{
    width:72%!important;
    max-width:72%!important;
    padding-right:0!important;
    overflow-wrap:break-word!important;
    text-wrap:pretty!important;
  }

  /* Anchor the whole telemetry / Android dock to the bottom of the inner face.
     A small negative left offset lets it occupy some of the unused lower-left
     recess without changing any controls above it. */
  #home .panel-live-stats{
    position:absolute!important;
    left:-5.5%!important;
    bottom:0!important;
    width:100%!important;
    min-height:78px!important;
    margin:0!important;
    z-index:4!important;
  }

  /* Preserve space between Browse Lobbies and the dock while keeping all form
     geometry untouched. */
  #home .home-all-players{
    margin-bottom:92px!important;
  }
}

@media(min-width:981px) and (max-width:1250px){
  #home .find-panel .panel-head p{
    width:69%!important;
    max-width:69%!important;
  }
  #home .panel-live-stats{
    left:-4%!important;
    width:98%!important;
  }
}


/* ===== ARENACTIVE v1.48.5.307 — wordmark + tabs harmony pass =====
   Only two targeted fixes:
   1) move the vertical ARENACTIVE wordmark slightly inward from the right edge;
   2) make Integrated Games / Community Games tabs a bit smaller and cleaner so they sit inside the UI more harmoniously. */
@media(min-width:981px){
 #home .shell-wordmark{
  right:3.8%!important;
  top:55.4%!important;
  font-size:clamp(8px,.66vw,12px)!important;
  letter-spacing:.18em!important;
  opacity:.86!important;
 }
 #home .home-quick-game-tabs{
  gap:8px!important;
  margin:0 0 6px!important;
 }
 #home .home-quick-game-tab{
  height:clamp(25px,3.15vh,30px)!important;
  padding:0 4px!important;
  font-size:clamp(7px,.5vw,9.5px)!important;
 }
 #home .quick-tab-mark{
  width:16px!important;
  height:14px!important;
 }
 #home .home-quick-game-tab > span:last-child{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:inherit!important;
  letter-spacing:.035em!important;
 }
 #home .home-quick-game-tab > span:last-child b{
  font-size:.96em!important;
 }
}


/* ===== ARENACTIVE v1.48.5.308 — right wordmark + tabs containment =====
   Targeted only:
   - move vertical ARENACTIVE outward to the right frame;
   - slightly reduce/inset both game-category tabs so they do not collide with shell UI. */
@media(min-width:981px){
  #home .shell-wordmark{
    right:.75%!important;
    top:55.4%!important;
    font-size:clamp(8px,.63vw,11px)!important;
    letter-spacing:.17em!important;
    opacity:.82!important;
  }

  #home .home-quick-game-tabs{
    width:96%!important;
    max-width:96%!important;
    margin:0 4% 6px 0!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    box-sizing:border-box!important;
  }

  #home .home-quick-game-tab{
    width:100%!important;
    min-width:0!important;
    height:clamp(24px,3vh,29px)!important;
    padding:0 3px!important;
    font-size:clamp(7px,.47vw,9px)!important;
    clip-path:polygon(4% 0,95% 0,100% 100%,0 100%)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  #home .quick-tab-mark{
    width:15px!important;
    height:13px!important;
    flex:0 0 15px!important;
  }

  #home .home-quick-game-tab > span:last-child{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    letter-spacing:.025em!important;
  }
}


/* ===== ARENACTIVE v1.48.5.309 — final micro-polish =====
   Very small desktop-only finishing pass:
   - soften a couple of red accents;
   - tighten a few vertical gaps by 2–3 px;
   - keep the successful final composition unchanged. */
@media(min-width:981px){
  #home .find-panel::before{
    filter:saturate(.94) brightness(.98)!important;
  }

  #home .find-panel .panel-head h2::before{
    text-shadow:0 0 8px rgba(240,20,36,.28)!important;
  }

  #home .home-quick-game-tab.is-active{
    border-color:#c60e18!important;
    background:linear-gradient(#23090c,#090b0d)!important;
  }

  #home input:checked + .home-choice-body{
    border-color:#e51723!important;
    box-shadow:inset 0 0 8px rgba(255,11,19,.08)!important;
  }

  #home input:checked + .home-choice-body .home-choice-check{
    box-shadow:0 0 6px rgba(227,19,34,.22)!important;
  }

  #home .find-button{
    background:linear-gradient(110deg,#e30713,#b4040d)!important;
    border-color:#ef2832!important;
    box-shadow:0 4px 10px rgba(148,6,14,.16)!important;
  }

  #home .home-all-players{
    margin-top:8px!important;
  }

  #home .panel-live-stats{
    margin-top:11px!important;
    padding-top:16px!important;
  }

  #home .panel-live-stats::before{
    top:4px!important;
    opacity:.92!important;
  }

  #home .panel-live-stats::after{
    top:14px!important;
    opacity:.58!important;
  }

  #home .shell-wordmark{
    opacity:.76!important;
  }
}


/* ===== ARENACTIVE v1.48.5.312 — HOME QUICK ACTION DOCK =====
   Desktop-only social shortcut rail. It fills the lower-left hero space without
   duplicating the primary navigation and stays visually behind the Find Match shell. */
.hero-quick-actions{display:none}
@media(min-width:981px){
 #home .hero-quick-actions{
  position:absolute;
  left:0;
  bottom:0;
  z-index:2;
  width:57.2%;
  height:132px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding:18px 7.4vw 33px 34px;
  box-sizing:border-box;
  pointer-events:auto;
  isolation:isolate;
 }
 #home .hero-quick-actions::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  clip-path:polygon(3.2% 0,95.5% 0,100% 20%,96.3% 100%,1.5% 100%,0 76%,0 18%);
  background:linear-gradient(180deg,rgba(20,25,31,.97),rgba(6,9,13,.985));
  border-top:1px solid rgba(255,255,255,.08);
  box-shadow:0 -14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025);
 }
 #home .hero-quick-actions::after{
  content:"";
  position:absolute;
  left:3.8%;
  right:6.5%;
  top:7px;
  height:2px;
  z-index:-1;
  background:linear-gradient(90deg,#f21b27 0 8%,rgba(242,27,39,.15) 8% 58%,#d91521 58% 75%,transparent 75%);
  box-shadow:0 0 10px rgba(238,25,36,.18);
 }
 #home .hero-quick-action{
  position:relative;
  min-width:0;
  height:72px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 18px;
  grid-template-rows:1fr 1fr;
  align-items:center;
  column-gap:10px;
  padding:9px 10px 9px 11px;
  box-sizing:border-box;
  color:#eef1f4;
  text-decoration:none;
  background:linear-gradient(145deg,rgba(19,24,30,.95),rgba(8,11,16,.98));
  border:1px solid rgba(255,255,255,.095);
  border-right-color:rgba(221,23,34,.48);
  border-radius:3px;
  clip-path:polygon(7% 0,94% 0,100% 13%,100% 100%,0 100%,0 16%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
  overflow:hidden;
 }
 #home .hero-quick-action::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  bottom:9px;
  width:2px;
  background:linear-gradient(180deg,#f12631,#930812);
  opacity:.9;
 }
 #home .hero-quick-action:hover,
 #home .hero-quick-action:focus-visible{
  border-color:rgba(235,38,49,.56);
  background:linear-gradient(145deg,rgba(28,24,29,.97),rgba(9,11,16,.99));
  transform:translateY(-1px);
  outline:none;
 }
 #home .hero-quick-action-icon{
  grid-column:1;
  grid-row:1/3;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(234,28,40,.28);
  background:linear-gradient(145deg,rgba(218,22,34,.10),rgba(255,255,255,.015));
  clip-path:polygon(14% 0,86% 0,100% 14%,100% 86%,86% 100%,14% 100%,0 86%,0 14%);
 }
 #home .hero-quick-action-icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:#f02a35;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
 }
 #home .hero-quick-action-copy{
  grid-column:2;
  grid-row:1/3;
  min-width:0;
  align-self:center;
  display:grid;
  gap:4px;
 }
 #home .hero-quick-action-copy strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f5f7f8;
  font-family:'Segoe UI',Arial,sans-serif;
  font-size:clamp(10px,.72vw,13px);
  line-height:1;
  font-weight:900;
  letter-spacing:.025em;
  text-transform:uppercase;
 }
 #home .hero-quick-action-copy small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#9aa3ac;
  font-family:'Segoe UI',Arial,sans-serif;
  font-size:clamp(7px,.53vw,10px);
  line-height:1.1;
  font-weight:600;
 }
 #home .hero-quick-action-arrow{
  grid-column:3;
  grid-row:1/3;
  align-self:center;
  justify-self:end;
  color:#d8dde2;
  font-style:normal;
  font-size:16px;
  opacity:.9;
 }
 #home .hero-quick-action-lock{
  grid-column:3;
  grid-row:1/3;
  align-self:center;
  justify-self:end;
  width:15px;
  height:15px;
  display:grid;
  place-items:center;
  color:#8b949d;
  opacity:.82;
 }
 #home .hero-quick-action-lock svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
 }
 #home .hero-quick-actions.is-guest .hero-quick-action{
  background:linear-gradient(145deg,rgba(14,18,23,.92),rgba(7,9,13,.97));
  border-color:rgba(255,255,255,.055);
  border-right-color:rgba(255,255,255,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015);
 }
 #home .hero-quick-actions.is-guest .hero-quick-action::before{
  background:linear-gradient(180deg,#6d747b,#343a40);
  opacity:.58;
 }
 #home .hero-quick-actions.is-guest .hero-quick-action-icon{
  border-color:rgba(255,255,255,.09);
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008));
 }
 #home .hero-quick-actions.is-guest .hero-quick-action-icon svg{
  stroke:#747d86;
 }
 #home .hero-quick-actions.is-guest .hero-quick-action-copy strong{
  color:#a8afb6;
 }
 #home .hero-quick-actions.is-guest .hero-quick-action-copy small{
  color:#69727b;
 }
 #home .hero-quick-actions.is-guest .hero-quick-action:hover,
 #home .hero-quick-actions.is-guest .hero-quick-action:focus-visible{
  border-color:rgba(255,255,255,.13);
  background:linear-gradient(145deg,rgba(18,22,27,.95),rgba(8,10,14,.99));
  transform:none;
 }
 #home .hero-quick-actions.is-guest .hero-quick-action:hover .hero-quick-action-lock,
 #home .hero-quick-actions.is-guest .hero-quick-action:focus-visible .hero-quick-action-lock{
  color:#b2bac2;
  opacity:1;
 }
 #home .hero-quick-action-count{
  position:absolute;
  top:5px;
  right:7px;
  min-width:16px;
  height:16px;
  padding:0 4px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,70,80,.48);
  border-radius:10px;
  background:#b80c16;
  color:#fff;
  font:800 8px/1 'Segoe UI',Arial,sans-serif;
  box-shadow:0 0 10px rgba(202,14,25,.16);
 }
 #home .hero-quick-action-count[hidden]{display:none!important}
 #home .hero-quick-actions-footer{
  position:absolute;
  left:3.7%;
  right:10%;
  bottom:8px;
  height:13px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  color:#7d8790;
  font:800 clamp(6px,.45vw,8px)/1 'Segoe UI',Arial,sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
 }
 #home .hero-quick-actions-footer b{color:#e61c28;font-weight:950}
 #home .hero-quick-actions-footer i{
  height:1px;
  background:linear-gradient(90deg,#d71924,rgba(215,25,36,.22));
 }
}
@media(min-width:981px) and (max-width:1280px){
 #home .hero-quick-actions{
  width:58%;
  gap:6px;
  padding-left:26px;
  padding-right:7.4vw;
 }
 #home .hero-quick-action{
  grid-template-columns:34px minmax(0,1fr) 14px;
  column-gap:7px;
  padding-left:8px;
  padding-right:7px;
 }
 #home .hero-quick-action-icon{width:31px;height:31px}
 #home .hero-quick-action-icon svg{width:18px;height:18px}
}
@media(max-width:980px){
 #home .hero-quick-actions{display:none!important}
}


/* ===== ARENACTIVE v1.48.5.332 — stable first-paint Find Match shell =====
   The decorative shell is embedded directly in critical homepage CSS so a
   hard refresh cannot paint the right console before its frame arrives.
   Keep this layer static: compositor filters/transforms caused a visible
   one-frame repaint on some Chromium/Windows loads. */
@media(min-width:981px){
  #home .find-panel{
    transform:none!important;
    backface-visibility:visible!important;
    will-change:auto!important;
  }
  #home .find-panel::before{
    filter:none!important;
    transform:none!important;
    backface-visibility:visible!important;
    will-change:auto!important;
  }
}

/* ===== ARENACTIVE v1.48.5.333 — Find Match title alignment =====
   Keep the console composition unchanged; only lower the desktop heading
   slightly so it sits cleanly inside the upper frame in every locale. */
@media(min-width:981px){
  #home .find-panel .panel-head h2{
    transform:translateY(5px)!important;
  }
}

/* ===== ARENACTIVE v1.48.5.334 — Russian Find Match title fit =====
   Russian copy is wider than EN/IT. Keep the shared position unchanged and
   only reduce the RU desktop heading a few pixels so it stays inside the frame. */
@media(min-width:981px){
  html[lang="ru"] #home .find-panel .panel-head h2,
  html[lang^="ru-"] #home .find-panel .panel-head h2{
    font-size:clamp(21px,1.55vw,30px)!important;
  }
}

/* ===== ARENACTIVE v1.48.5.335 — minimal home alignment cleanup =====
   Remove the retired Android dock slot and nudge the complete Find Match shell
   a few pixels left on desktop without changing its internal geometry. */
@media(min-width:981px){
  #home .find-panel{
    right:.6vw!important;
  }
  #home .panel-live-stats{
    grid-template-columns:1fr 1fr 1fr!important;
  }
}



/* find-match-reference */
/* Find Match only: reference proportions and subdued red accents. */
#home .find-panel{--fm-red:#b62230;--fm-line:#81303a}
#home .find-panel .home-quick-game-tab.is-active{border-color:var(--fm-red)!important;background:linear-gradient(180deg,#301017,#100d11)!important;box-shadow:inset 0 0 12px #b6223012!important}
#home .find-panel input:checked+.home-choice-body{border-color:var(--fm-red)!important;box-shadow:inset 0 0 10px #b622301c!important}
#home .find-panel input:checked+.home-choice-body .home-choice-check{background:var(--fm-red)!important;border-color:var(--fm-red)!important;box-shadow:none!important}
#home .find-panel .find-button{background:linear-gradient(110deg,#ba2432,#8f1724)!important;border-color:#c63b47!important;box-shadow:0 3px 10px #0004!important}
#home .find-panel .find-button:hover{background:linear-gradient(110deg,#ca2b3a,#a21c2a)!important}
#home .find-panel .quick-step b,#home .find-panel .home-region-choice legend::before{background:var(--fm-red)!important}
#home .find-panel :is(button,a,select,input):focus-visible{outline:2px solid #d38c94!important;outline-offset:3px!important}
@media(min-width:981px){
 #home .find-panel-content{top:6%!important;bottom:6%!important;left:27%!important;right:7%!important;transform:none!important;justify-content:flex-start!important}
 #home .find-panel .panel-head{margin:0 0 14px!important;min-height:0!important}
 #home .find-panel .panel-head h2{font-size:clamp(25px,2.35vw,45px)!important;letter-spacing:-.025em!important;line-height:1.06!important;transform:none!important;margin:0 0 7px!important}
 #home .find-panel .panel-head h2::before{content:'ARENACTIVE MATCHMAKING'!important;display:block;font:700 8px/1.6 'Segoe UI',sans-serif;letter-spacing:.2em;color:#7f8b96!important;text-shadow:none!important;margin:0 0 8px!important}
 #home .find-panel .panel-head p{width:100%!important;max-width:100%!important;font-size:clamp(10px,.8vw,14px)!important;color:#aeb8c1!important;margin:0!important}
 #home .find-panel .shell-motto{top:2.7%!important;right:6%!important;font-size:8px!important;line-height:1!important;color:#b62230!important;letter-spacing:.18em!important}
 #home .find-panel .shell-motto br{display:none}
 #home .find-panel .shell-wordmark{display:none!important}
 #home .find-panel .home-player-search{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;gap:0!important;min-height:0!important}
 #home .find-panel .quick-step{margin:0 0 7px!important;font-size:10px!important;line-height:20px!important}
 #home .find-panel .home-quick-game-tabs{width:100%!important;max-width:100%!important;margin:0 0 10px!important;gap:10px!important}
 #home .find-panel .home-quick-game-tab{height:34px!important;font-size:clamp(8px,.65vw,12px)!important;clip-path:none!important;border-radius:4px!important}
 #home .find-panel .quick-game-choice-group{height:auto!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important;overflow:visible!important;margin:0 0 10px!important}
 #home .find-panel .quick-game-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:clamp(77px,11vh,122px)!important;height:calc(2 * clamp(77px,11vh,122px) + 8px)!important;min-height:0!important;max-height:none!important;gap:8px!important;overflow-y:auto!important;align-content:start!important;padding:1px 3px 3px 1px!important}
 #home .find-panel .game-choice-card{min-width:0!important;grid-column:auto!important;grid-row:auto!important}
 #home .find-panel .quick-game-grid .home-choice-body{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:stretch!important;height:100%!important;min-height:0!important;padding:7px 5px!important;gap:0!important;overflow:hidden!important;border:1px solid #26313a!important;border-radius:4px!important;background:linear-gradient(145deg,#18222c,#080c10)!important}
 #home .find-panel .quick-game-grid .home-choice-game-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;background:radial-gradient(ellipse at 50% 35%,#344251,#0c1118)!important}
 #home .find-panel .quick-game-grid .home-choice-game-art img{width:100%!important;height:100%!important;object-fit:contain!important;padding:12px 12px 29px!important;box-sizing:border-box;opacity:.9}
 #home .find-panel .quick-game-grid .home-choice-copy{position:relative;z-index:1;text-align:center;background:linear-gradient(transparent,#06090ded);margin:-5px;padding-top:8px;padding-bottom:5px}
 #home .find-panel .quick-game-grid .home-choice-copy strong{font-size:clamp(8px,.61vw,11px)!important;line-height:1.15!important;white-space:normal!important;-webkit-line-clamp:2!important;color:#e6ebef!important}
 #home .find-panel .quick-game-grid .home-game-presence{font-size:7px!important;line-height:1.2!important;margin-top:3px!important}
 #home .find-panel .quick-game-grid .home-choice-check{position:absolute!important;top:5px!important;right:5px!important;z-index:2;width:13px!important;height:13px!important}
 #home .find-panel .home-region-choice{margin:4px 0 10px!important;left:0!important;width:100%!important}
 #home .find-panel .home-region-choice .home-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
 #home .find-panel .home-region-choice legend{font-size:10px!important;line-height:20px!important;margin-bottom:6px!important}
 #home .find-panel .region-choice-card .home-choice-body{height:34px!important;min-height:0!important;padding:4px 6px!important;grid-template-columns:23px minmax(0,1fr) 9px!important;gap:5px!important;background:#0a1015!important;border-color:#26313a!important;border-radius:4px!important}
 #home .find-panel .home-region-mark{width:23px!important;height:21px!important;font-size:9px!important;background:#151e25!important;border-color:#33404a!important}
 #home .find-panel .region-choice-card strong{font-size:clamp(8px,.57vw,10px)!important}
 #home .find-panel .home-region-presence{font-size:7px!important}
 #home .find-panel .quick-samp-mode{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin:0 0 9px!important;left:0!important;width:100%!important}
 #home .find-panel .quick-samp-mode>span{font-size:10px!important;line-height:16px;letter-spacing:.1em!important;text-transform:uppercase}
 #home .find-panel [data-game-quick-mode]>span::before,#home .find-panel [data-game-quick-rank]>span::before{display:inline-block;padding:0 6px;margin-right:10px;background:var(--fm-red);color:white;transform:skew(-15deg);font-weight:800;content:'03'}
 #home .find-panel [data-game-quick-rank]>span::before{content:'04'}
 #home .find-panel .quick-samp-mode select{height:33px!important;min-height:33px!important;border-color:#2a353f!important;background-color:#0b1117!important;font-size:11px!important}
 #home .find-panel .find-button,#home .find-panel .home-all-players{left:0!important;width:100%!important;flex:0 0 auto!important;border-radius:2px!important}
 #home .find-panel .find-button{height:39px!important;margin:5px 0 0!important}
 #home .find-panel .home-all-players{height:30px!important;margin:7px 0 0!important}
 #home .find-panel .panel-live-stats{position:relative!important;left:-118px!important;bottom:auto!important;width:90%!important;min-height:62px!important;margin:12px 0 0!important;padding-top:15px!important}
 #home .find-panel .panel-live-stat{min-height:45px!important;padding:5px 8px!important}
 #home .find-panel .panel-live-copy strong{font-size:15px!important}
 #home .find-panel .panel-app-entry .hero-app-platform{height:40px!important;min-height:40px!important}
 #home .find-panel [hidden]{display:none!important}
 html[lang^='ru'] #home .find-panel .panel-head h2{font-size:clamp(23px,2vw,38px)!important}
}
@media(min-width:981px) and (max-height:800px){
 #home .find-panel-content{top:4%!important;bottom:3%!important}
 #home .find-panel .panel-head{margin-bottom:8px!important}
 #home .find-panel .quick-game-grid{grid-auto-rows:67px!important;height:142px!important}
 #home .find-panel .quick-samp-mode{grid-template-columns:30% 1fr!important;align-items:center!important;margin-bottom:7px!important}
 #home .find-panel .panel-live-stats{margin-top:8px!important}
}

@media(min-width:981px){#home .find-panel::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MDAgNTYwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImZhY2UiIHgyPSIuNCIgeTI9IjEiPjxzdG9wIHN0b3AtY29sb3I9IiMxMDE3MWUiLz48c3RvcCBvZmZzZXQ9Ii41NSIgc3RvcC1jb2xvcj0iIzA4MGQxMiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzA0MDgwYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xNTMgMEg2MDBWNDMxTDU4MyA0NTEgNTYzIDU2MEgzMkwxNyA1MTggOTcgMjk2IDExMyAyMjIgMTAwIDE4NCAxMjMgMTE5IDEwOCA2M1oiIGZpbGw9InVybCgjZmFjZSkiIHN0cm9rZT0iIzM1NDA0YSIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48cGF0aCBkPSJNMTUzIDAgMTA4IDYzIDExNyA4OE05NyAyOTYgODIgMzM4TTQ5IDQzMCAxNyA1MTggMzIgNTYwIiBmaWxsPSJub25lIiBzdHJva2U9IiNkNjJjM2UiIHN0cm9rZS13aWR0aD0iMi41Ii8+PHBhdGggZD0iTTU5OSAyNVY3NyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDYyYzNlIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=")!important;filter:none!important}}
@media(min-width:981px){
 #home .find-panel .panel-head h2{color:#f2f4f6!important;background:linear-gradient(90deg,#f2f4f6 0 38%,#bb2937 38% 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
 #home .find-panel .panel-head h2::before{-webkit-text-fill-color:#7f8b96}
 #home .find-panel .game-choice-card:has(input[value='cs2']) .home-choice-game-art{background:radial-gradient(ellipse at 50% 25%,#684021,#16110d)!important}
 #home .find-panel .game-choice-card:has(input[value='apex']) .home-choice-game-art{background:radial-gradient(ellipse at 50% 25%,#722b2c,#190d12)!important}
 #home .find-panel .game-choice-card:has(input[value='valorant']) .home-choice-game-art{background:radial-gradient(ellipse at 50% 25%,#352332,#0c1018)!important}
 #home .find-panel .game-choice-card:has(input[value='league']) .home-choice-game-art{background:radial-gradient(ellipse at 50% 25%,#254155,#09111a)!important}
}
/* v2: reference rails, slim armor and real mode buttons. */
#home .find-panel .fm-rail-heading,#home .find-panel .fm-mode-options{display:none}
@media(min-width:981px){
 #home .find-panel-content{top:6%!important;bottom:5%!important;left:25%!important;right:7%!important;justify-content:flex-start!important}
 #home .find-panel .panel-head{margin-bottom:16px!important}
 #home .find-panel .panel-head h2{background:none!important;-webkit-text-fill-color:currentColor!important;color:#f1f3f5!important;font-family:'Segoe UI',Arial,sans-serif!important;font-size:clamp(28px,2.65vw,50px)!important;letter-spacing:-.04em!important;margin-bottom:5px!important}
 #home .find-panel .panel-head h2 .fm-title-accent{color:#bc2737!important}
 #home .find-panel .panel-head h2::before{font-size:8px!important;letter-spacing:.19em!important;line-height:1!important;margin-bottom:14px!important}
 #home .find-panel .panel-head p{font-size:clamp(10px,.92vw,16px)!important;font-weight:400!important;line-height:1.35!important}
 #home .find-panel .shell-motto{top:3.5%!important;right:5.5%!important;max-width:34%;font-size:clamp(6px,.46vw,9px)!important;letter-spacing:.18em!important;white-space:nowrap!important}
 #home .find-panel .home-player-search{flex:0 0 auto!important}
 #home .find-panel .home-quick-game-tabs{margin-bottom:10px!important;gap:12px!important}
 #home .find-panel .home-quick-game-tab{height:clamp(30px,4.2vh,43px)!important;font-size:clamp(9px,.76vw,13px)!important;font-family:'Arial Narrow','Segoe UI',sans-serif!important;font-style:normal!important;font-weight:700!important}
 #home .find-panel .quick-game-choice-group,#home .find-panel .quick-game-choice-group[hidden]{display:block!important;margin:0 0 12px!important}
 #home .find-panel .fm-rail-heading{display:flex!important;align-items:center;justify-content:space-between;gap:8px;height:21px;margin-bottom:5px;color:#a4afb9;font:700 clamp(8px,.61vw,11px)/1 'Segoe UI',sans-serif;letter-spacing:.08em;text-transform:uppercase}
 #home .find-panel .fm-rail-heading b{color:#bd2938;margin-right:5px;font-size:14px}
 #home .find-panel .fm-rail-controls{display:flex;gap:6px}
 #home .find-panel .fm-rail-controls button{display:grid;place-items:center;width:24px;height:21px;border:0;background:transparent;color:#bcc8d2;font:22px/1 Arial;cursor:pointer;padding:0}
 #home .find-panel .fm-rail-controls button:disabled{opacity:.25;cursor:default}
 #home .find-panel .quick-game-grid{position:relative;display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 32px)/5)!important;grid-template-rows:1fr!important;grid-auto-rows:1fr!important;height:clamp(90px,12vh,130px)!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;scrollbar-width:none!important;padding:0!important}
 #home .find-panel .quick-game-grid::-webkit-scrollbar{display:none!important}
 #home .find-panel .game-choice-card{scroll-snap-align:start;order:0!important;position:relative!important}
 #home .find-panel .quick-game-grid .home-choice-body{padding:0!important;border-radius:4px!important;background:#0a1016!important}
 #home .find-panel .quick-game-grid .home-choice-game-art{background:#121c26!important}
 #home .find-panel .quick-game-grid .home-choice-game-art img{padding:0!important;object-fit:cover!important;opacity:.85!important}
 #home .find-panel .quick-game-grid .home-choice-copy{position:absolute!important;left:0;right:0;bottom:0;margin:0!important;padding:20px 3px 6px!important;background:linear-gradient(transparent,rgba(3,6,9,.95) 65%)!important;text-align:center!important;pointer-events:none}
 #home .find-panel .quick-game-grid .home-choice-copy strong{font:600 clamp(8px,.58vw,11px)/1.15 'Segoe UI',Arial,sans-serif!important;color:#f2f4f6!important;text-shadow:0 1px 2px #000;letter-spacing:-.025em!important}
 #home .find-panel .quick-game-grid .home-game-presence{display:none!important}
 #home .find-panel .quick-game-grid .home-choice-check{top:5px!important;right:5px!important;width:15px!important;height:15px!important;opacity:0}
 #home .find-panel .quick-game-grid input:checked+.home-choice-body .home-choice-check{opacity:1}
 #home .find-panel .quick-game-grid input:focus-visible+.home-choice-body{outline:2px solid #d38c94!important;outline-offset:-3px}
 #home .find-panel #quick-games-community .quick-game-grid{height:clamp(48px,6.7vh,70px)!important}
 #home .find-panel #quick-games-community .home-choice-game-art{filter:saturate(.4) brightness(.6)}
 #home .find-panel #quick-games-community input:checked+.home-choice-body .home-choice-game-art,#home .find-panel #quick-games-community .game-choice-card:hover .home-choice-game-art{filter:saturate(.8) brightness(.85)}
 #home .find-panel #quick-games-community .home-choice-copy strong{font-size:clamp(7px,.52vw,10px)!important}
 #home .find-panel #quick-games-community .home-choice-copy{padding-top:10px!important;padding-bottom:4px!important}
 #home .find-panel .home-region-choice{margin:0 0 12px!important}
 #home .find-panel .home-region-choice .home-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
 #home .find-panel .region-choice-card .home-choice-body{height:clamp(34px,4.1vh,43px)!important;grid-template-columns:23px minmax(0,1fr) 7px!important;gap:4px!important;padding:4px 5px!important}
 #home .find-panel .region-choice-card strong{font-family:'Segoe UI',Arial,sans-serif!important;font-weight:500!important;font-size:clamp(8px,.58vw,11px)!important;white-space:normal!important;line-height:1.1!important}
 #home .find-panel .home-region-presence{display:none!important}
 #home .find-panel .region-choice-card .home-choice-check{width:7px!important;height:7px!important}
 #home .find-panel .quick-samp-mode{grid-template-columns:1fr!important;gap:5px!important;margin-bottom:12px!important}
 #home .find-panel .quick-samp-mode>span{font:700 10px/20px 'Segoe UI',sans-serif!important;letter-spacing:.1em!important}
 #home .find-panel .quick-samp-mode select{height:clamp(33px,4.2vh,42px)!important;font-family:'Segoe UI',sans-serif!important;font-size:12px!important;border-radius:4px!important}
 #home .find-panel .fm-has-mode-buttons select{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;opacity:0;pointer-events:none;clip-path:inset(50%)}
 #home .find-panel .fm-has-mode-buttons .fm-mode-options{display:flex!important;gap:8px}
 #home .find-panel .fm-mode-options button{flex:1 1 0;min-width:0;min-height:clamp(34px,4.2vh,43px);border:1px solid #26343e;border-radius:4px;background:#090f14;color:#b7c1c9;padding:5px 6px;font:600 clamp(9px,.65vw,12px)/1.2 'Segoe UI',sans-serif;cursor:pointer}
 #home .find-panel .fm-mode-options button::before{content:'◇';display:inline-block;font-size:17px;margin-right:7px;color:#7c8b97;vertical-align:middle}
 #home .find-panel .fm-mode-options button[aria-pressed='true']{border-color:#a32230;color:#f2f3f5;background:linear-gradient(110deg,#301016,#0d1014)}
 #home .find-panel .fm-mode-options button[aria-pressed='true']::before{color:#bd2938}
 #home .find-panel .find-button{height:clamp(39px,4.8vh,48px)!important;margin-top:3px!important;border:1px solid #b82c39!important;transform:skew(-19deg)!important}
 #home .find-panel .find-button span{font:800 clamp(14px,1.15vw,21px)/1 'Arial Narrow','Segoe UI',sans-serif!important;font-style:normal!important;letter-spacing:.035em!important;transform:skew(19deg)!important}
 #home .find-panel .home-all-players{height:clamp(29px,3.5vh,36px)!important;margin-top:8px!important;background:linear-gradient(#131c23,#080d12)!important;font-style:normal!important}
 #home .find-panel .home-all-players span{font-family:'Segoe UI',sans-serif!important;font-size:10px!important;letter-spacing:.18em!important;font-style:normal!important}
 #home .find-panel .panel-live-stats{margin-top:auto!important;min-height:65px!important;padding-top:17px!important;border-top-color:#263039!important;border-bottom-color:#182028!important}
 #home .find-panel .panel-live-stats.has-panel-no-match{margin-top:14px!important}
 #home .find-panel .panel-live-stat .stat-svg{background:transparent!important;border:0!important}
 #home .find-panel .panel-app-entry .hero-app-platform{background:transparent!important;box-shadow:none!important;border:0!important}
 #home .find-panel .panel-live-copy small{font-family:'Segoe UI',Arial,sans-serif!important}
 html[lang^='ru'] #home .find-panel .panel-head h2{font-size:clamp(25px,2.3vw,44px)!important}
}
@media(min-width:981px) and (max-height:800px){
 #home .find-panel-content{top:4%!important;bottom:4%!important}
 #home .find-panel .panel-head{margin-bottom:9px!important}
 #home .find-panel .panel-head h2::before{margin-bottom:8px!important}
 #home .find-panel .quick-game-choice-group,#home .find-panel .quick-game-choice-group[hidden]{margin-bottom:7px!important}
 #home .find-panel .home-region-choice,#home .find-panel .quick-samp-mode{margin-bottom:8px!important}
 #home .find-panel .quick-game-grid{height:84px!important}
 #home .find-panel #quick-games-community .quick-game-grid{height:46px!important}
 #home .find-panel .panel-live-stats{min-height:58px!important}
}








@media(min-width:981px){
 #home .find-panel-content{overflow-y:auto;overflow-x:visible;scrollbar-width:thin;scrollbar-color:#64303b transparent;padding:2px 4px 2px 2px;box-sizing:border-box}
 #home .find-panel .panel-head,#home .find-panel .panel-live-stats{flex-shrink:0!important}
 #home .find-panel .panel-live-stats{margin-top:14px!important}
 #home .find-panel .quick-game-grid{height:clamp(85px,10.5vh,115px)!important}
 #home .find-panel #quick-games-community .quick-game-grid{height:clamp(43px,5.5vh,60px)!important}
 #home .find-panel .quick-samp-mode select{height:36px!important;min-height:36px!important}
 #home .find-panel .fm-mode-options button{min-height:36px!important}
 #home .find-panel .region-choice-card .home-choice-body{height:36px!important}
 #home .find-panel .panel-head h2{font-size:clamp(28px,4.5vh,46px)!important}
 #home .find-panel .panel-head p{font-size:clamp(10px,1.5vh,15px)!important}
 #home .find-panel .quick-samp-mode>span,#home .find-panel .quick-step,#home .find-panel .home-region-choice legend{font-family:'Segoe UI',Arial,sans-serif!important;font-weight:700!important;font-style:normal!important}
}
@media(min-width:981px) and (max-height:1000px){
 #home .find-panel-content{top:4%!important;bottom:3%!important}
 #home .find-panel .panel-head{margin-bottom:8px!important}
 #home .find-panel .panel-head h2::before{margin-bottom:7px!important}
 #home .find-panel .home-quick-game-tab{height:30px!important}
 #home .find-panel .home-quick-game-tabs{margin-bottom:6px!important}
 #home .find-panel .fm-rail-heading{height:17px;margin-bottom:3px}
 #home .find-panel .quick-game-grid{height:84px!important}
 #home .find-panel #quick-games-community .quick-game-grid{height:43px!important}
 #home .find-panel .quick-game-choice-group,#home .find-panel .quick-game-choice-group[hidden]{margin-bottom:7px!important}
 #home .find-panel .home-region-choice,#home .find-panel .quick-samp-mode{margin-bottom:7px!important}
 #home .find-panel .find-button{height:36px!important}
 #home .find-panel .home-all-players{height:28px!important;margin-top:6px!important}
 #home .find-panel .panel-live-stats{min-height:54px!important;margin-top:10px!important}
 #home .find-panel .panel-live-stat{min-height:38px!important}
}
@media(min-width:981px) and (max-height:800px){
 #home .find-panel .quick-samp-mode{grid-template-columns:28% minmax(0,1fr)!important;align-items:center!important}
 #home .find-panel .quick-samp-mode>span{font-size:8px!important;letter-spacing:.02em!important}
 #home .find-panel .quick-samp-mode select,#home .find-panel .fm-mode-options button{height:32px!important;min-height:32px!important}
 #home .find-panel .fm-mode-options{gap:4px!important}
 #home .find-panel .fm-mode-options button{font-size:9px!important;padding:4px!important}
 #home .find-panel .fm-mode-options button::before{display:none}
 #home .find-panel .quick-game-grid{height:78px!important}
 #home .find-panel .panel-head h2{font-size:30px!important}
}

@media(min-width:981px) and (min-height:801px){#home .find-panel-content{overflow:visible!important}}
@media(min-width:981px) and (max-height:800px){#home .find-panel-content{padding-left:9px;padding-right:9px}}
/* v3: a single category heading per rail; full-height, legible game artwork. */
#home .find-panel .fm-rank-placeholder{display:none}
@media(min-width:981px){
 #home .find-panel-content{
  top:8.5%!important;bottom:5%!important;left:23%!important;right:7%!important;
  padding:0 4px 0 2px!important;overflow:visible!important;
 }
 #home .find-panel .panel-head{margin-bottom:18px!important}
 #home .find-panel .home-quick-game-tabs{display:none!important}
 #home .find-panel .home-player-search{
  flex:1 0 auto!important;justify-content:space-between!important;gap:0!important;
 }
 #home .find-panel .home-player-search>*{flex-shrink:0!important}
 #home .find-panel .quick-step{margin:0 0 7px!important;line-height:21px!important}
 #home .find-panel .fm-rail-heading{height:21px!important;margin-bottom:7px!important;font-size:10px!important;letter-spacing:.11em!important}
 #home .find-panel .fm-rail-controls{gap:8px!important}
 #home .find-panel .fm-rail-controls button{width:25px;height:23px;border:1px solid #243039;border-radius:3px;background:#0b1218;font-size:21px}
 #home .find-panel .quick-game-choice-group,#home .find-panel .quick-game-choice-group[hidden]{margin:0 0 13px!important}
 #home .find-panel .quick-game-grid{height:clamp(108px,12.8vh,142px)!important;gap:9px!important;grid-auto-columns:calc((100% - 36px)/5)!important}
 #home .find-panel #quick-games-community .quick-game-grid{height:clamp(88px,10.2vh,116px)!important}
 #home .find-panel #quick-games-community .home-choice-game-art{filter:saturate(.8) brightness(.9)!important}
 #home .find-panel #quick-games-community .home-choice-game-art img{opacity:1!important}
 #home .find-panel #quick-games-community input:checked+.home-choice-body .home-choice-game-art,#home .find-panel #quick-games-community .game-choice-card:hover .home-choice-game-art{filter:none!important}
 #home .find-panel .quick-game-grid .home-choice-copy{padding:25px 5px 8px!important;background:linear-gradient(transparent,rgba(3,7,11,.96) 65%)!important}
 #home .find-panel .quick-game-grid .home-choice-copy strong,#home .find-panel #quick-games-community .home-choice-copy strong{font-size:clamp(9px,.61vw,12px)!important;line-height:1.18!important;letter-spacing:0!important}
 #home .find-panel .quick-game-grid input:checked+.home-choice-body{border-color:#ba3443!important;box-shadow:inset 0 0 0 1px #ba344355,0 0 9px #9e182522!important}
 #home .find-panel .quick-game-grid .home-choice-check{width:17px!important;height:17px!important;border-radius:50%!important}
 #home .find-panel .home-region-choice{margin:0 0 12px!important}
 #home .find-panel .home-region-choice legend{line-height:21px!important;margin-bottom:7px!important}
 #home .find-panel .region-choice-card .home-choice-body{height:39px!important;border-radius:4px!important}
 #home .find-panel .quick-samp-mode{grid-template-columns:1fr!important;gap:7px!important;margin:0 0 12px!important}
 #home .find-panel .quick-samp-mode>span,#home .find-panel .fm-rank-label{font:700 10px/21px 'Segoe UI',Arial,sans-serif!important;text-transform:uppercase;letter-spacing:.1em!important}
 #home .find-panel .quick-samp-mode select{height:39px!important;min-height:39px!important;font-size:12px!important;box-shadow:inset 0 1px 0 #ffffff04!important}
 #home .find-panel .fm-mode-options{gap:9px!important}
 #home .find-panel .fm-mode-options button{min-height:39px!important;font-size:clamp(9px,.65vw,12px)!important;padding:6px!important;position:relative;box-shadow:inset 0 1px 0 #ffffff05}
 #home .find-panel .fm-mode-options button::before{display:inline-block!important;font-size:17px!important;margin-right:8px!important}
 #home .find-panel .fm-mode-options button[aria-pressed='true']{border-color:#b12c3b!important;background:linear-gradient(110deg,#30151d,#0e1218)!important}
 #home .find-panel .fm-mode-options button[aria-pressed='true']::after{content:'';display:inline-block;width:6px;height:6px;margin-left:8px;border-radius:50%;background:#b52b3b}
 #home .find-panel [data-game-quick-rank]{position:relative!important}
 #home .find-panel [data-game-quick-rank] select{padding-left:47px!important;background-color:#0a1219!important;border-color:#34424c!important;color:#dce3e9!important;font-weight:600!important}
 #home .find-panel [data-game-quick-rank]::after,#home .find-panel .fm-rank-hint i{
  content:'';position:absolute;left:12px;bottom:8px;width:23px;height:23px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='12' fill='%23131f28' stroke='%238a764c'/%3E%3Cpath d='m16 5 3 7 8 1-6 5 2 8-7-4-7 4 2-8-6-5 8-1Z' fill='none' stroke='%23b99b61' stroke-width='1.3'/%3E%3Cpath d='M2 16h5m18 0h5' stroke='%235b8395'/%3E%3C/svg%3E") center/contain no-repeat;
 }
 #home .find-panel:has([data-game-quick-rank][hidden]) .fm-rank-placeholder{display:grid;gap:7px;margin:0 0 12px}
 #home .find-panel .fm-rank-label{display:flex;align-items:center;gap:10px;color:#9ba8b3}
 #home .find-panel .fm-rank-label b{display:inline-block;padding:0 6px;transform:skew(-15deg);background:#8b2432;color:#e5dce0;line-height:16px;font-size:10px}
 #home .find-panel .fm-rank-hint{position:relative;display:flex;align-items:center;min-height:39px;box-sizing:border-box;padding:7px 12px 7px 47px;border:1px solid #24323c;border-radius:4px;background:#0a1016;color:#7f8d99;font:500 11px/1.3 'Segoe UI',sans-serif}
 #home .find-panel .fm-rank-hint i{opacity:.55}
 #home .find-panel .find-button{height:42px!important;margin:4px 0 0!important}
 #home .find-panel .find-button span{font-size:clamp(15px,1.03vw,19px)!important;letter-spacing:.055em!important}
 #home .find-panel .home-all-players{height:32px!important;margin:8px 0 0!important}
 #home .find-panel .panel-live-stats{min-height:65px!important;margin:16px 0 0!important;padding-top:16px!important}
 #home .find-panel .panel-live-stat{min-height:46px!important}
}
@media(min-width:981px) and (max-height:850px){
 #home .find-panel-content{top:5%!important;bottom:4%!important;overflow-y:auto!important;padding:0 9px!important}
 #home .find-panel .home-player-search{flex:0 0 auto!important;justify-content:flex-start!important}
 #home .find-panel .panel-head{margin-bottom:12px!important}
 #home .find-panel .quick-game-grid{height:96px!important}
 #home .find-panel #quick-games-community .quick-game-grid{height:78px!important}
 #home .find-panel .quick-game-choice-group,#home .find-panel .quick-game-choice-group[hidden]{margin-bottom:10px!important}
 #home .find-panel .quick-samp-mode,#home .find-panel .fm-rank-placeholder{margin-bottom:10px!important}
 #home .find-panel .quick-samp-mode select,#home .find-panel .fm-mode-options button{height:35px!important;min-height:35px!important}
 #home .find-panel .panel-live-stats{margin-top:12px!important}
}
/* Keep the full stack inside the frame, including an active rank field. */
@media(min-width:981px) and (min-height:851px){
 #home .find-panel .panel-head{margin-bottom:14px!important}
 #home .find-panel .fm-rail-heading{height:18px!important;margin-bottom:4px!important}
 #home .find-panel .quick-game-grid{height:clamp(106px,11.8vh,136px)!important}
 #home .find-panel #quick-games-community .quick-game-grid{height:clamp(84px,9.4vh,110px)!important}
 #home .find-panel .quick-game-choice-group,#home .find-panel .quick-game-choice-group[hidden]{margin-bottom:10px!important}
 #home .find-panel .home-region-choice{margin-bottom:9px!important}
 #home .find-panel .home-region-choice legend{line-height:20px!important;margin-bottom:5px!important}
 #home .find-panel .quick-samp-mode{gap:5px!important;margin-bottom:9px!important}
 #home .find-panel .quick-samp-mode>span,#home .find-panel .fm-rank-label{line-height:18px!important}
 #home .find-panel .quick-samp-mode select,#home .find-panel .fm-mode-options button{height:36px!important;min-height:36px!important}
 #home .find-panel:has([data-game-quick-rank][hidden]) .fm-rank-placeholder{gap:5px;margin-bottom:9px}
 #home .find-panel .fm-rank-hint{min-height:36px!important}
 #home .find-panel .find-button{height:39px!important}
 #home .find-panel .home-all-players{height:30px!important}
 #home .find-panel .panel-live-stats{min-height:60px!important;margin-top:12px!important}
 #home .find-panel .panel-live-stat{min-height:42px!important}
}
@media(min-width:981px){
 #home .find-panel .fm-mode-options button::before{content:''!important;width:17px;height:17px;vertical-align:middle;background:currentColor;opacity:.8;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 8 4v6c0 5-8 10-8 10S4 17 4 12V6Z' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='m8 12 3 3 5-6' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat}
 #home .find-panel .fm-mode-options button[data-fm-mode*='casual']::before,#home .find-panel .fm-mode-options button[data-fm-mode*='unranked']::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 3 14 14M21 3 7 17M2 8V2h6M16 2h6v6M13 20l7-7M4 13l7 7M17 17l4 4M7 17l-4 4' stroke='black' stroke-width='1.6' fill='none'/%3E%3C/svg%3E")}
}

/* ===== ARENACTIVE v1.48.5.336 — compact three-column live status dock =====
   Keep the user's Find Match offsets unchanged. The live strip now uses the
   full lower face from the existing -118px left anchor to the content's right
   edge, and all three counters stay on one compact row. */
@media(min-width:981px){
 #home .find-panel .panel-live-stats:not(.has-panel-no-match){
  left:-118px!important;
  width:calc(100% + 118px)!important;
  min-height:52px!important;
  margin-top:9px!important;
  padding-top:13px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:column!important;
  grid-auto-rows:1fr!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
 }
 #home .find-panel .panel-live-stats:not(.has-panel-no-match)>.panel-live-stat{
  min-width:0!important;
  min-height:36px!important;
  padding:2px 10px 4px!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  gap:7px!important;
  box-sizing:border-box!important;
 }
 #home .find-panel .panel-live-stats:not(.has-panel-no-match)>.panel-live-stat .stat-svg{
  width:22px!important;
  height:22px!important;
 }
 #home .find-panel .panel-live-stats:not(.has-panel-no-match)>.panel-live-stat .stat-svg img{
  width:13px!important;
  height:13px!important;
 }
 #home .find-panel .panel-live-stats:not(.has-panel-no-match) .panel-live-copy strong{
  margin-bottom:3px!important;
  font-size:14px!important;
 }
 #home .find-panel .panel-live-stats:not(.has-panel-no-match) .panel-live-copy small{
  font-size:clamp(6.5px,.40vw,8px)!important;
  line-height:1.1!important;
 }
}


/* ===== ARENACTIVE v1.48.5.337 — final lower-console fit =====
   Keep the approved Find Match composition intact. Only refine the two action
   rails and the three-counter LIVE dock so every edge sits safely inside the
   decorative shell at desktop widths. */
@media(min-width:981px){
 #home .find-panel .find-button,
 #home .find-panel .home-all-players{
  left:1.2%!important;
  width:97.6%!important;
 }

 #home .find-panel .panel-live-stats:not(.has-panel-no-match){
  left:-128px!important;
  width:calc(100% + 106px)!important;
  min-height:50px!important;
  margin-top:9px!important;
  padding:13px 8px 0!important;
  overflow:hidden!important;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)!important;
  border-top:1px solid rgba(181,42,56,.58)!important;
  border-bottom:1px solid rgba(181,42,56,.44)!important;
  box-shadow:inset 0 0 0 1px rgba(48,60,70,.38)!important;
  background:
   repeating-linear-gradient(112deg,transparent 0 6px,rgba(182,34,48,.58) 6px 8px,transparent 8px 13px) calc(100% - 13px) 8px/38px 10px no-repeat,
   linear-gradient(112deg,transparent 0 14px,rgba(181,36,50,.48) 14px 16px,transparent 16px 100%) left top/34px 100% no-repeat,
   linear-gradient(180deg,rgba(18,25,31,.88),rgba(6,10,14,.96))!important;
 }
 #home .find-panel .panel-live-stats:not(.has-panel-no-match)>.panel-live-stat{
  min-height:34px!important;
  padding:2px 11px 4px!important;
 }
 #home .find-panel .panel-live-stats:not(.has-panel-no-match)>.panel-live-stat:first-of-type{
  padding-left:16px!important;
 }
 #home .find-panel .panel-live-stats:not(.has-panel-no-match)>.panel-live-stat:last-of-type{
  padding-right:18px!important;
 }
}

/* ===== ARENACTIVE v1.48.5.338 — LIVE dock left breathing room =====
   Preserve the approved right edge and all three counters. Add only a little
   extra room on the left so the ARENACTIVE / LIVE label clears the angled cut. */
@media(min-width:981px){
 #home .find-panel .panel-live-stats:not(.has-panel-no-match){
  left:-136px!important;
  width:calc(100% + 114px)!important;
 }
 #home .find-panel .panel-live-stats:not(.has-panel-no-match)::before{
  left:16px!important;
 }
 #home .find-panel .panel-live-stats:not(.has-panel-no-match)::after{
  left:16px!important;
 }
 #home .find-panel .panel-live-stats:not(.has-panel-no-match)>.panel-live-stat:first-of-type{
  padding-left:20px!important;
 }
}


/* ===== ARENACTIVE v1.48.5.339 — tiny left-edge fill for LIVE dock =====
   Keep the approved right edge intact. Extend only the grey dock a few more
   pixels to the left so the red accent and angled corner sit fully inside. */
@media(min-width:981px){
 #home .find-panel .panel-live-stats:not(.has-panel-no-match){
  left:-142px!important;
  width:calc(100% + 120px)!important;
 }
 #home .find-panel .panel-live-stats:not(.has-panel-no-match)::before{
  left:18px!important;
 }
 #home .find-panel .panel-live-stats:not(.has-panel-no-match)::after{
  left:18px!important;
 }
 #home .find-panel .panel-live-stats:not(.has-panel-no-match)>.panel-live-stat:first-of-type{
  padding-left:22px!important;
 }
}


/* ===== ARENACTIVE v1.48.5.340 — left accent kept fully inside LIVE dock =====
   Final micro-fix: keep the approved right edge and counters unchanged, but
   give the grey dock a few extra pixels on the left and soften the top-left
   cut so the red decorative accent no longer looks clipped or broken. */
@media(min-width:981px){
 #home .find-panel .panel-live-stats:not(.has-panel-no-match){
  left:-148px!important;
  width:calc(100% + 126px)!important;
  clip-path:polygon(6px 0,100% 0,calc(100% - 10px) 100%,0 100%)!important;
 }
 #home .find-panel .panel-live-stats:not(.has-panel-no-match)::before{
  left:20px!important;
 }
 #home .find-panel .panel-live-stats:not(.has-panel-no-match)::after{
  left:20px!important;
 }
 #home .find-panel .panel-live-stats:not(.has-panel-no-match)>.panel-live-stat:first-of-type{
  padding-left:26px!important;
 }
}


/* ===== ARENACTIVE v1.48.5.341 — clean left LIVE edge =====
   Final visual cleanup: keep the approved size and positioning of the LIVE
   dock, but remove the small red left-side underline/accent so the dock reads
   cleaner and closer to the Find Match console language. */
@media(min-width:981px){
 #home .find-panel .panel-live-stats:not(.has-panel-no-match){
  background:
   repeating-linear-gradient(112deg,transparent 0 6px,rgba(182,34,48,.58) 6px 8px,transparent 8px 13px) calc(100% - 13px) 8px/38px 10px no-repeat,
   linear-gradient(180deg,rgba(18,25,31,.88),rgba(6,10,14,.96))!important;
 }
 #home .find-panel .panel-live-stats:not(.has-panel-no-match)::after{
  display:none!important;
 }
}


/* ===== ARENACTIVE v1.48.5.342 — compact no-match callout near Find Match =====
   Keep the main Find Match composition. When no lobby is found, show a small
   desktop notice in the panel head with one clear Create Lobby action instead
   of replacing the lower console content. */
#home .find-panel .fm-no-match-callout{display:none!important}
@media(min-width:981px){
 #home .find-panel .panel-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
 }
 #home .find-panel .panel-head>.fm-head-copy{
  min-width:0!important;
  flex:1 1 auto!important;
 }
 #home .find-panel .fm-no-match-callout{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  flex:0 0 clamp(220px,30%,286px)!important;
  max-width:clamp(220px,30%,286px)!important;
  margin-top:3px!important;
  padding:10px 12px 11px 14px!important;
  border:1px solid rgba(181,42,56,.52)!important;
  border-radius:3px!important;
  background:
   linear-gradient(112deg,transparent 0 11px,rgba(181,36,50,.34) 11px 13px,transparent 13px 100%) left top/28px 100% no-repeat,
   linear-gradient(180deg,rgba(13,19,25,.98),rgba(7,11,15,.98))!important;
  box-shadow:inset 0 0 0 1px rgba(38,52,61,.42)!important;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 8px),calc(100% - 14px) 100%,0 100%,0 8px)!important;
 }
 #home .find-panel .fm-no-match-kicker{
  display:block!important;
  color:#eef2f5!important;
  font:800 clamp(8px,.62vw,10px)/1.2 'Segoe UI',sans-serif!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
 }
 #home .find-panel .fm-no-match-callout small{
  display:block!important;
  color:#9eacb8!important;
  font:500 clamp(8px,.56vw,10px)/1.3 'Segoe UI',sans-serif!important;
 }
 #home .find-panel .fm-no-match-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-height:30px!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:2px!important;
  padding:0 12px!important;
  border:1px solid #bf3140!important;
  border-radius:2px!important;
  background:linear-gradient(110deg,#b62331,#8d1724)!important;
  color:#f4f6f8!important;
  text-decoration:none!important;
  font:800 clamp(8px,.62vw,10px)/1 'Segoe UI',sans-serif!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  box-sizing:border-box!important;
 }
 #home .find-panel .fm-no-match-action:hover,
 #home .find-panel .fm-no-match-action:focus-visible{
  background:linear-gradient(110deg,#c02b39,#9c1d2b)!important;
  border-color:#cf4a57!important;
 }
 #home .find-panel .fm-no-match-action b{
  font-size:12px!important;
  line-height:1!important;
 }
}
@media(min-width:981px) and (max-height:850px){
 #home .find-panel .panel-head{gap:12px!important}
 #home .find-panel .fm-no-match-callout{
  flex-basis:240px!important;
  max-width:240px!important;
  padding:8px 10px 9px 12px!important;
  gap:5px!important;
 }
 #home .find-panel .fm-no-match-action{min-height:28px!important;padding:0 10px!important}
}


/* ===== ARENACTIVE v1.48.5.343 — no-match corner cleanup + visible form helper =====
   Keep the approved no-match card, but remove the awkward red wedge in its
   upper-left corner. Missing Find Match choices now get a compact helper in
   the same top-right console area instead of failing silently. */
#home .find-panel .fm-validation-callout{display:none!important}
@media(min-width:981px){
 #home .find-panel .fm-no-match-callout{
  background:linear-gradient(180deg,rgba(13,19,25,.98),rgba(7,11,15,.98))!important;
  border-color:rgba(83,96,107,.72)!important;
  border-top-color:rgba(181,42,56,.62)!important;
 }
 #home .find-panel .fm-validation-callout:not([hidden]){
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  flex:0 0 clamp(220px,30%,286px)!important;
  max-width:clamp(220px,30%,286px)!important;
  margin-top:3px!important;
  padding:10px 12px 11px 14px!important;
  border:1px solid rgba(83,96,107,.72)!important;
  border-top-color:rgba(181,42,56,.72)!important;
  border-radius:3px!important;
  background:linear-gradient(180deg,rgba(13,19,25,.98),rgba(7,11,15,.98))!important;
  box-shadow:inset 0 0 0 1px rgba(38,52,61,.42)!important;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 14px) 100%,0 100%,0 8px)!important;
 }
 #home .find-panel .fm-validation-callout strong{
  display:block!important;
  color:#eef2f5!important;
  font:800 clamp(8px,.62vw,10px)/1.2 'Segoe UI',sans-serif!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
 }
 #home .find-panel .fm-validation-callout small{
  display:block!important;
  color:#aab6c0!important;
  font:500 clamp(9px,.62vw,11px)/1.35 'Segoe UI',sans-serif!important;
 }
 #home .find-panel .fm-validation-callout b{
  color:#c72d3d!important;
  font-weight:900!important;
 }
 #home .find-panel .fm-needs-attention{
  outline:1px solid rgba(196,45,60,.72)!important;
  outline-offset:4px!important;
  box-shadow:0 0 0 2px rgba(196,45,60,.08)!important;
 }
}
@media(min-width:981px) and (max-height:850px){
 #home .find-panel .fm-validation-callout:not([hidden]){
  flex-basis:240px!important;
  max-width:240px!important;
  padding:8px 10px 9px 12px!important;
 }
}


/* ===== ARENACTIVE v1.48.5.344 — truthful region activity + mobile helpers =====
   Region badges now represent players already waiting in joinable lobbies for
   the selected game. The server no-match notice and the validation helper are
   also visible on phone/tablet instead of failing silently. */
#home .find-panel .home-region-presence{
 display:inline-flex!important;
 align-items:center!important;
 gap:4px!important;
 width:max-content!important;
 max-width:100%!important;
 margin-top:2px!important;
 padding:0!important;
 border:0!important;
 background:transparent!important;
 color:#55d98a!important;
 font:800 7px/1.15 'Segoe UI',sans-serif!important;
 letter-spacing:.015em!important;
 white-space:nowrap!important;
}
#home .find-panel .home-region-presence[hidden]{display:none!important}
#home .find-panel .home-region-presence i{
 width:4px!important;
 height:4px!important;
 flex:0 0 4px!important;
 border-radius:50%!important;
 background:#43d17d!important;
 box-shadow:0 0 0 2px rgba(67,209,125,.08)!important;
}
#home .find-panel .home-region-presence.is-zero{
 color:#64727d!important;
}
#home .find-panel .home-region-presence.is-zero i{
 background:#56636d!important;
 box-shadow:none!important;
}

@media(max-width:980px){
 #home .find-panel .home-region-presence{
  margin-top:3px!important;
  font-size:9px!important;
  line-height:1.15!important;
 }
 #home .find-panel .region-choice-card .home-choice-body{
  min-height:48px!important;
  height:auto!important;
 }
 #home .find-panel .panel-head{
  display:block!important;
 }
 #home .find-panel .fm-no-match-callout,
 #home .find-panel .fm-validation-callout:not([hidden]){
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  width:100%!important;
  max-width:none!important;
  margin:10px 0 0!important;
  padding:11px 12px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(83,96,107,.72)!important;
  border-top-color:rgba(181,42,56,.72)!important;
  border-radius:5px!important;
  background:linear-gradient(180deg,rgba(13,19,25,.98),rgba(7,11,15,.98))!important;
  box-shadow:inset 0 0 0 1px rgba(38,52,61,.34)!important;
  clip-path:none!important;
 }
 #home .find-panel .fm-no-match-kicker,
 #home .find-panel .fm-validation-callout strong{
  color:#eef2f5!important;
  font:800 10px/1.2 'Segoe UI',sans-serif!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
 }
 #home .find-panel .fm-no-match-callout small,
 #home .find-panel .fm-validation-callout small{
  color:#aab6c0!important;
  font:500 10px/1.35 'Segoe UI',sans-serif!important;
 }
 #home .find-panel .fm-no-match-action{
  width:100%!important;
  min-height:36px!important;
  margin-top:2px!important;
  padding:0 12px!important;
 }
 #home .find-panel .fm-needs-attention{
  outline:1px solid rgba(196,45,60,.72)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 2px rgba(196,45,60,.08)!important;
 }
}


/* ===== ARENACTIVE v1.48.5.345 — desktop region readability =====
   Keep mobile sizing unchanged. On desktop make the region names and the
   live-lobby player counters slightly easier to read without changing layout. */
@media(min-width:981px){
 #home .find-panel .region-choice-card strong{
  font-size:clamp(9px,.68vw,12px)!important;
  line-height:1.12!important;
 }
 #home .find-panel .home-region-presence{
  font-size:8.5px!important;
  line-height:1.15!important;
 }
}

/* Homepage refinement: quieter shell, readable controls and centered game covers. */
#home .find-panel #quick-games-integrated .home-choice-game-art.home-game-cover{background:#101820!important;filter:none!important;overflow:hidden!important}
#home .find-panel #quick-games-integrated .home-game-cover::before,
#home .find-panel #quick-games-integrated .home-game-cover::after{content:none!important;display:none!important}
#home .find-panel #quick-games-integrated .home-game-cover>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;padding:0!important;opacity:1!important;filter:none!important;transition:transform .2s ease}
#home .find-panel #quick-games-integrated .game-choice-card:hover .home-game-cover>img{transform:scale(1.035)}
@media(min-width:981px){
 #home .find-panel #quick-games-integrated .home-choice-copy{background:linear-gradient(transparent,rgba(3,7,12,.94))!important}
 #home .hero-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 48% 42% at 15% 14%,rgba(3,5,9,.48),transparent 80%);z-index:1}
 #home .find-panel .quick-step,#home .find-panel .fm-rail-heading,#home .find-panel .home-region-choice legend,#home .find-panel .quick-samp-mode>span,#home .find-panel .fm-rank-label{font-size:12px!important;line-height:1.3!important}
 #home .find-panel .game-choice-card strong{font-size:clamp(11px,.7vw,13px)!important;line-height:1.2!important}
 #home .find-panel .home-game-presence{font-size:10px!important;line-height:1.25!important}
 #home .find-panel .region-choice-card strong{font-size:clamp(11px,.7vw,13px)!important}
 #home .find-panel .home-region-presence{font-size:10px!important;line-height:1.25!important}
 #home .find-panel .quick-samp-mode select,#home .find-panel .fm-rank-hint{font-size:12px!important}
 #home .find-panel .panel-live-stats:not(.has-panel-no-match) .panel-live-copy strong{font-size:17px!important}
 #home .find-panel .panel-live-stats:not(.has-panel-no-match) .panel-live-copy small{font-size:10px!important;line-height:1.25!important;white-space:normal!important}
}
@media(prefers-reduced-motion:reduce){#home .find-panel #quick-games-integrated .home-game-cover>img{transition:none!important}}

/* Keep the baked Apex wordmark inside the selected cover crop. */
@media(min-width:981px){
 #home .find-panel #quick-games-integrated .game-choice-card:has(input[value="apex"]) .home-game-cover>img{object-position:100% center!important}
}
/* Homepage's older compact overrides should follow the shared header treatment. */
@media(min-width:1361px){
 body:has(#home) .site-header .main-nav{gap:clamp(3px,.55vw,11px)!important}
 body:has(#home) .site-header .main-nav>a{padding:0 clamp(7px,.65vw,13px)!important;font-size:11px!important}
}
@media(max-width:1360px){
 body:has(#home) .site-header{grid-template-columns:auto auto!important;padding:0 clamp(12px,2vw,24px)!important}
 body:has(#home) .site-header .main-nav{display:none!important}
}

/* The console shell meets the hero edges without exposing the artwork above/below. */
@media(min-width:981px){
 #home .find-panel{top:0!important;bottom:0!important;height:100%!important}
 #home .find-panel::before{inset:0!important;height:100%!important;background-size:100% 100%!important}
}

/* Compact search console, using the existing match controls and game catalogue. */
@media(min-width:981px){
 #home .find-panel{inset:0 0 0 auto!important;width:40%!important;height:100%!important;padding:0!important;background:linear-gradient(145deg,#0c131b,#05090e)!important;border-left:1px solid #3c2831!important;overflow:hidden!important;contain:none!important}
 #home .find-panel::before{content:none!important;display:none!important}
 #home .find-panel::after{content:""!important;position:absolute;inset:0;pointer-events:none;border-top:1px solid #343d48;border-bottom:1px solid #343d48}
 #home .find-panel-content{position:absolute!important;inset:24px 26px!important;width:auto!important;height:auto!important;max-height:none!important;transform:none!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:0 2px!important;gap:12px!important;scrollbar-width:thin}
 #home .find-panel .shell-motto,#home .find-panel .shell-wordmark,#home .find-panel .shell-footer{display:none!important}
 #home .find-panel .panel-head{display:block!important;min-height:0!important;margin:0!important;padding:0 0 12px!important;border-bottom:1px solid #ffffff12!important;flex-shrink:0}
 #home .find-panel .panel-head h2{font-size:clamp(27px,2.25vw,43px)!important;transform:none!important}
 #home .find-panel .panel-head h2::before{margin-bottom:5px!important}
 #home .find-panel .panel-head p{font-size:12px!important}
 #home .find-panel .home-player-search{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px 12px!important;margin:0!important;flex-shrink:0}
 #home .find-panel .quick-step{grid-column:1;align-self:center;margin:0!important;border:0!important;line-height:30px!important}
 #home .find-panel .home-quick-game-tabs{grid-column:2;display:flex!important;position:static!important;height:30px!important;margin:0!important;gap:0!important;max-width:none!important}
 #home .find-panel .home-quick-game-tab{display:flex!important;flex:1!important;min-width:0!important;height:30px!important;min-height:30px!important;padding:0 6px!important;justify-content:center!important;border:1px solid #29333f!important;border-radius:3px!important;background:#0a1017!important;font-size:10px!important;color:#aeb8c3!important;letter-spacing:0!important;clip-path:none!important}
 #home .find-panel .home-quick-game-tab.is-active{color:#fff!important;border-color:#ac2839!important;background:#41121b!important}
 #home .find-panel .quick-tab-mark,#home .find-panel .home-quick-game-tab b{display:none!important}
 #home .find-panel .quick-game-choice-group{grid-column:1/-1!important;display:block!important;position:static!important;height:auto!important;margin:0!important;padding:0!important}
 #home .find-panel .quick-game-choice-group[hidden]{display:none!important}
 #home .find-panel .fm-rail-heading{display:none!important}
 #home .find-panel .quick-game-grid,#home .find-panel #quick-games-community .quick-game-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;grid-auto-rows:clamp(84px,10.4vh,120px)!important;height:calc(2 * clamp(84px,10.4vh,120px) + 8px)!important;max-height:none!important;gap:8px!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-snap-type:none!important;padding:1px!important}
 #home .find-panel .game-choice-card{width:auto!important;min-width:0!important;height:100%!important;flex:none!important}
 #home .find-panel .game-choice-card .home-choice-body{height:100%!important;padding:5px!important}
 #home .find-panel .game-choice-card strong{font-size:11px!important;line-height:1.2!important;white-space:normal!important}
 #home .find-panel .home-game-presence{display:none!important}
 #home .find-panel .home-region-choice{grid-column:1/-1!important;margin:0!important;padding:0!important}
 #home .find-panel .home-region-choice legend{margin-bottom:6px!important;line-height:18px!important}
 #home .find-panel .region-choice-card .home-choice-body{height:42px!important;min-height:42px!important;padding:5px!important;grid-template-columns:23px minmax(0,1fr) 8px!important;gap:4px!important}
 #home .find-panel .home-region-presence{font-size:9px!important}
 #home .find-panel .quick-samp-mode{display:flex!important;flex-direction:column!important;gap:6px!important;grid-column:1!important;margin:0!important;padding:0!important}
 #home .find-panel [data-game-quick-rank],#home .find-panel .fm-rank-placeholder{grid-column:2!important;grid-row:auto!important;display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important}
 #home .find-panel [data-game-quick-rank][hidden],#home .find-panel [data-game-quick-mode][hidden]{display:none!important}
 #home .find-panel:has([data-game-quick-rank]:not([hidden])) .fm-rank-placeholder{display:none!important}
 #home .find-panel .quick-samp-mode>span,#home .find-panel .fm-rank-label{min-height:18px!important;line-height:18px!important;font-size:11px!important}
 #home .find-panel .quick-samp-mode select,#home .find-panel .fm-rank-hint{display:block!important;height:38px!important;min-height:38px!important;padding:0 10px!important;font-size:11px!important;line-height:38px!important}
 #home .find-panel .fm-rank-hint{display:flex!important;gap:7px!important;line-height:1.25!important}
 #home .find-panel .fm-mode-options{display:none!important}
 #home .find-panel .find-button,#home .find-panel .home-all-players{grid-column:1/-1!important;position:static!important;left:auto!important;width:100%!important;margin:0!important;min-height:0!important;height:40px!important}
 #home .find-panel .home-all-players{height:34px!important}
 #home .find-panel .panel-live-stats,#home .find-panel .panel-live-stats:not(.has-panel-no-match){position:static!important;left:auto!important;width:100%!important;min-height:52px!important;margin:0!important;padding:10px 0 0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;flex-shrink:0;clip-path:none!important;border-top:1px solid #ffffff12!important;background:transparent!important}
 #home .find-panel .panel-live-stats::before,#home .find-panel .panel-live-stats::after{display:none!important}
 #home .find-panel .panel-live-stats>.panel-live-stat{padding:0 5px!important;min-height:34px!important;gap:6px!important}
 #home .find-panel .panel-live-copy small{font-size:9px!important}
 #home .hero-art img{width:65%!important}
}
#home .find-panel .fm-selection-summary{grid-column:1/-1;padding:9px 11px;border:1px solid #293440;border-radius:4px;background:#0a1017;color:#aeb9c5;font:500 11px/1.3 'Segoe UI',sans-serif}
@media(min-width:981px) and (max-height:800px){
 #home .find-panel-content{inset:14px 18px!important;justify-content:flex-start!important;gap:9px!important}
 #home .find-panel .quick-game-grid,#home .find-panel #quick-games-community .quick-game-grid{grid-auto-rows:78px!important;height:164px!important}
 #home .find-panel .home-player-search{gap:8px 10px!important}
 #home .find-panel .panel-head h2{font-size:29px!important}
}
@media(max-width:980px){
 #home .find-panel .home-quick-game-tabs{display:flex!important}
 #home .find-panel .quick-game-choice-group[hidden]{display:none!important}
 #home .find-panel .fm-selection-summary{margin:0 0 10px}
}
@media(min-width:981px){
 #home .find-panel .home-player-search{height:auto!important;min-height:0!important;max-height:none!important;align-content:start!important;align-items:start!important;justify-content:start!important;grid-auto-rows:auto!important;flex:0 0 auto!important}
 #home .find-panel .home-player-search>*{align-self:start!important}
 #home .find-panel .quick-step{align-self:center!important;padding:0!important}
 #home .find-panel .quick-samp-mode>span{justify-content:flex-start!important;text-align:left!important}
}
@media(min-width:981px){
 #home .find-panel-content{justify-content:flex-start!important}
 #home .find-panel .quick-samp-mode{align-items:stretch!important;width:100%!important;max-width:none!important}
 #home .find-panel .quick-samp-mode.fm-has-mode-buttons select{display:block!important;width:100%!important}
 #home .find-panel .quick-samp-mode.fm-has-mode-buttons .fm-mode-options{display:none!important}
 #home .find-panel .quick-samp-mode>span{display:flex!important;justify-content:flex-start!important;width:100%!important}
 #home .find-panel .panel-live-stats:not(.has-panel-no-match){margin-top:auto!important}
}
@media(min-width:981px) and (min-height:901px){
 #home .find-panel .quick-game-grid,#home .find-panel #quick-games-community .quick-game-grid{grid-auto-rows:clamp(116px,14vh,152px)!important;height:calc(2 * clamp(116px,14vh,152px) + 8px)!important}
}
/* Paged game catalogue keeps every card complete, without a clipped scroll row. */
@media(min-width:981px){
 #home .find-panel-content{justify-content:center!important}
 #home .find-panel .quick-game-grid,#home .find-panel #quick-games-community .quick-game-grid{overflow:hidden!important;grid-auto-rows:clamp(104px,14vh,144px)!important;height:calc(2 * clamp(104px,14vh,144px) + 8px)!important;align-content:start!important;scroll-behavior:auto!important}
 #home .find-panel .quick-game-grid .game-choice-card.fm-off-page{display:none!important}
 #home .find-panel .fm-rail-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;height:26px!important;margin:5px 0 0!important;font-size:10px!important;line-height:1!important}
 #home .find-panel .fm-rail-heading>span:first-child{color:#7c8a99!important;font-weight:500!important}
 #home .find-panel .fm-rail-controls{display:flex!important;align-items:center!important;gap:8px!important}
 #home .find-panel .fm-page-counter{font:600 10px/1 'Segoe UI',sans-serif;color:#a5b1bd;min-width:30px;text-align:center}
 #home .find-panel .fm-rail-controls button{width:26px!important;height:24px!important;padding:0!important;clip-path:none!important;border-radius:3px!important}
 #home .find-panel .fm-rail-controls button:disabled{opacity:.3!important}
 #home .find-panel .panel-live-stats:not(.has-panel-no-match){margin-top:3px!important}
 #home .find-panel .fm-rank-hint{position:relative!important;justify-content:flex-start!important;padding:0 11px!important;gap:9px!important}
 #home .find-panel .fm-rank-hint i{position:static!important;inset:auto!important;transform:none!important;flex:0 0 16px!important;width:16px!important;height:16px!important}
 #home .find-panel .fm-rank-hint span{padding:0!important;line-height:1.3!important;min-width:0!important}
 #home .find-panel .quick-game-grid .home-choice-copy{margin:0 -5px -5px!important;padding:16px 5px 7px!important}
 #home .find-panel .quick-game-grid .home-choice-copy strong{display:block!important;-webkit-line-clamp:unset!important;min-height:0!important}
}
@media(min-width:981px) and (max-height:800px){
 #home .find-panel-content{justify-content:flex-start!important}
 #home .find-panel .quick-game-grid,#home .find-panel #quick-games-community .quick-game-grid{grid-auto-rows:78px!important;height:164px!important}
}
#home .find-panel .fm-rail-heading[hidden]{display:none!important}

/* Unite the quick-access dock with the console edge; retain the approved frame. */
@media(min-width:981px){
 #home .hero-quick-actions{width:60%!important;padding:18px 24px 33px 34px!important;gap:10px!important}
 #home .hero-quick-actions::before{clip-path:none!important;border-right:0!important;background:linear-gradient(180deg,#10161d,#060a0f)!important}
 #home .hero-quick-actions::after{left:34px!important;right:24px!important;background:linear-gradient(90deg,#e72b40 0 8%,rgba(231,43,64,.28) 8% 100%)!important;box-shadow:none!important}
 #home .find-panel{border-left:0!important;box-shadow:-12px 0 32px rgba(0,0,0,.22)!important}
 #home .find-panel::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;pointer-events:none!important;z-index:5!important;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxwYXRoIGQ9Ik0xNCAxSDk4Nkw5OTkgMTRWOTg2TDk4NiA5OTlIMTRMMSA5ODZWMTRaIiBmaWxsPSJub25lIiBzdHJva2U9IiMzNTQwNGQiIHN0cm9rZS13aWR0aD0iMSIgdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIi8+PHBhdGggZD0iTTEgMjlWMTRMMTQgMUgyOU05NzEgMUg5ODZMOTk5IDE0VjI5TTk5OSA5NzFWOTg2TDk4NiA5OTlIOTcxTTI5IDk5OUgxNEwxIDk4NlY5NzEiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RmMmM0MyIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZlY3Rvci1lZmZlY3Q9Im5vbi1zY2FsaW5nLXN0cm9rZSIvPjwvc3ZnPg==") center/100% 100% no-repeat!important}
}
@media(min-width:981px) and (max-width:1280px){
 #home .hero-quick-actions{padding-left:20px!important;padding-right:18px!important;gap:7px!important}
 #home .hero-quick-actions::after{left:20px!important;right:18px!important}
}

/* Stable form rows and native mode/rank selects replace the legacy button bridge. */
@media(min-width:981px){
 #home .find-panel-content{justify-content:flex-start!important;inset:28px 26px!important}
 #home .find-panel .quick-step,#home .find-panel .home-quick-game-tabs{grid-row:1!important}
 #home .find-panel .quick-game-choice-group{grid-row:2!important}
 #home .find-panel .home-region-choice{grid-row:3!important}
 #home .find-panel [data-game-quick-mode]{grid-row:4!important;grid-column:1!important;min-height:62px!important}
 #home .find-panel [data-game-quick-rank],#home .find-panel .fm-rank-placeholder{grid-row:4!important;grid-column:2!important;min-height:62px!important}
 #home .find-panel .fm-selection-summary{grid-row:5!important;min-height:34px!important;box-sizing:border-box!important}
 #home .find-panel .find-button{grid-row:6!important}
 #home .find-panel .home-all-players{grid-row:7!important}
 #home .find-panel .fm-rail-heading[hidden]{display:flex!important;visibility:hidden!important}
 #home .find-panel .quick-samp-mode select,#home .find-panel .quick-samp-mode.fm-has-mode-buttons select{
  display:block!important;position:static!important;inset:auto!important;width:100%!important;height:38px!important;min-height:38px!important;opacity:1!important;pointer-events:auto!important;clip-path:none!important;padding:0 11px!important;box-sizing:border-box!important;
 }
 #home .find-panel [data-game-quick-rank]::after{content:none!important;display:none!important}
 #home .find-panel .fm-head-copy{position:relative!important;min-height:92px!important;padding-right:154px!important}
 #home .find-panel .fm-head-copy h2{white-space:nowrap!important}
 #home .find-panel .fm-setup-status{display:grid;gap:5px;position:absolute;right:0;top:3px;width:132px;padding:10px 12px;border:1px solid #ffffff12;border-radius:4px;background:#ffffff02;box-sizing:border-box;color:#738292;font:500 10px/1.2 'Segoe UI',sans-serif}
 #home .find-panel .fm-setup-status strong{font-size:8px;letter-spacing:.08em;color:#9ba9b8;margin-bottom:2px}
 #home .find-panel .fm-setup-status span{display:flex;gap:7px;align-items:center}
 #home .find-panel .fm-setup-status span::before{content:"";width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#394454}
 #home .find-panel .fm-setup-status .is-complete{color:#d8e4ed}
 #home .find-panel .fm-setup-status .is-complete::before{background:#c62c41;box-shadow:0 0 7px #c62c4133}
}
#home .find-panel .fm-selection-summary[hidden]{display:block!important}
#home .find-panel .fm-setup-status{display:none}
@media(min-width:981px){#home .find-panel .fm-setup-status{display:grid!important}}
@media(min-width:981px) and (max-width:1400px){
 #home .find-panel .fm-head-copy{padding-right:122px!important}
 #home .find-panel .fm-setup-status{width:112px;padding:8px!important}
 #home .find-panel .fm-head-copy h2{font-size:27px!important}
}
@media(min-width:981px) and (max-height:800px){#home .find-panel-content{inset:14px 18px!important}#home .find-panel .fm-head-copy{min-height:80px!important}}

/* Four independent art layers: diagonal composition is entirely HTML/CSS. */
#home .home-game-collage{display:none}
@media(min-width:981px){
 #home .home-game-collage{display:block;position:absolute;inset:0 auto auto 0;width:60%;height:calc(100% - 132px);overflow:hidden;background:#080c13;isolation:isolate}
 #home .home-art-strip{position:absolute;inset:0;overflow:hidden}
 #home .home-art-strip img{display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;top:0!important;height:100%!important;max-width:none!important;object-fit:cover!important;transform:none!important;filter:none!important}
 #home .home-art-strip.is-cs2{clip-path:polygon(0 0,43% 0,16% 100%,0 100%);background:#382017}
 #home .home-art-strip.is-cs2 img{left:0!important;width:43%!important;object-position:75% center!important}
 #home .home-art-strip.is-valorant{clip-path:polygon(43% 0,66% 0,40% 100%,16% 100%);background:linear-gradient(145deg,#1b1a4c,#70223a)}
 #home .home-art-strip.is-valorant img{left:16%!important;width:50%!important;object-position:50% center!important}
 #home .home-art-strip.is-apex{clip-path:polygon(66% 0,89% 0,65% 100%,40% 100%);background:#183b45}
 #home .home-art-strip.is-apex img{left:40%!important;width:49%!important;object-position:84% center!important}
 #home .home-art-strip.is-league{clip-path:polygon(89% 0,100% 0,100% 100%,65% 100%);background:#171b42}
 #home .home-art-strip.is-league img{left:65%!important;width:35%!important;object-position:66% center!important}
 #home .home-art-seam{position:absolute;inset:0;z-index:2;background:#ed2e4c;pointer-events:none}
 #home .seam-one{clip-path:polygon(42.9% 0,43.15% 0,16.15% 100%,15.9% 100%)}
 #home .seam-two{clip-path:polygon(65.9% 0,66.15% 0,40.15% 100%,39.9% 100%)}
 #home .seam-three{clip-path:polygon(88.9% 0,89.15% 0,65.15% 100%,64.9% 100%)}
 #home .hero-art::after{inset:0 auto auto 0!important;width:60%!important;height:calc(100% - 132px)!important;background:linear-gradient(110deg,rgba(3,5,10,.65) 0%,rgba(3,5,10,.36) 21%,rgba(3,5,10,.06) 43%,transparent 65%),linear-gradient(0deg,rgba(3,5,10,.12),transparent 25%)!important;z-index:3!important}
}

@media(min-width:981px){
 #home .hero-art::after{content:""!important;display:block!important;position:absolute!important;opacity:1!important;pointer-events:none!important}
 #home .home-art-strip.is-valorant img{object-position:52% center!important}
 #home .home-art-strip.is-league img{object-position:55% center!important}
}

/* Portrait framing and luminous red dividers from the approved collage. */
@media(min-width:981px){
 #home .home-art-strip.is-cs2 img{left:0!important;width:43%!important;object-position:50% center!important}
 #home .home-art-strip.is-valorant img{left:16%!important;width:64%!important;object-position:50% center!important}
 #home .home-art-strip.is-apex img{left:40%!important;width:62%!important;object-position:50% center!important}
 #home .home-art-strip.is-league img{left:65%!important;width:52%!important;object-position:50% center!important}
 #home .home-art-seam{z-index:4;background:none;clip-path:none}
 #home .home-art-seam::before,#home .home-art-seam::after{content:"";position:absolute;inset:0;pointer-events:none}
 #home .home-art-seam::before{background:#ff163d;clip-path:var(--seam-halo);filter:blur(5px);opacity:.92}
 #home .home-art-seam::after{background:linear-gradient(90deg,#ff203f,#ff5366);clip-path:var(--seam-line)}
 #home .seam-one{--seam-line:polygon(42.8% 0,43.2% 0,16.2% 100%,15.8% 100%);--seam-halo:polygon(42.35% 0,43.65% 0,16.65% 100%,15.35% 100%)}
 #home .seam-two{--seam-line:polygon(65.8% 0,66.2% 0,40.2% 100%,39.8% 100%);--seam-halo:polygon(65.35% 0,66.65% 0,40.65% 100%,39.35% 100%)}
 #home .seam-three{--seam-line:polygon(88.8% 0,89.2% 0,65.2% 100%,64.8% 100%);--seam-halo:polygon(88.35% 0,89.65% 0,65.65% 100%,64.35% 100%)}
}

/* Crimson energy seams: a fine bright core, soft halo and travelling glint. */
@media(min-width:981px){
 #home .home-art-seam::before{background:#f20c2c;filter:blur(6px);opacity:.7;animation:home-seam-breathe 4.8s ease-in-out infinite}
 #home .home-art-seam::after{background:linear-gradient(180deg,#db0824 0%,#ff1738 34%,#ff4960 43%,#fff0e9 47%,#ff4960 51%,#f50d30 60%,#c70723 100%);background-size:100% 300%;animation:home-seam-flow 5.8s linear infinite}
 #home .seam-one{--seam-line:polygon(42.86% 0,43.14% 0,16.14% 100%,15.86% 100%);--seam-halo:polygon(42.5% 0,43.5% 0,16.5% 100%,15.5% 100%)}
 #home .seam-two{--seam-line:polygon(65.86% 0,66.14% 0,40.14% 100%,39.86% 100%);--seam-halo:polygon(65.5% 0,66.5% 0,40.5% 100%,39.5% 100%)}
 #home .seam-three{--seam-line:polygon(88.86% 0,89.14% 0,65.14% 100%,64.86% 100%);--seam-halo:polygon(88.5% 0,89.5% 0,65.5% 100%,64.5% 100%)}
 #home .seam-two::before,#home .seam-two::after{animation-delay:-1.6s}
 #home .seam-three::before,#home .seam-three::after{animation-delay:-3.2s}
}
@keyframes home-seam-flow{from{background-position:0 100%}to{background-position:0 0}}
@keyframes home-seam-breathe{0%,100%{opacity:.55}50%{opacity:.95}}
@media(prefers-reduced-motion:reduce){#home .home-art-seam::before,#home .home-art-seam::after{animation:none!important;background-position:0 50%}}

/* Compact headline leaves the soldier and diagonal artwork in view. */
@media(min-width:981px){
 #home .home-art-strip.is-cs2 img{filter:brightness(1.12)!important}
 #home .hero-copy .hero-message{top:max(12px,calc(5.1% - 38px))!important}
 #home .hero-copy .hero-message h1{font-size:clamp(26px,2.3vw,46px)!important;line-height:1.02!important;letter-spacing:-.45px!important}
 #home .hero-copy .hero-message .eyebrow{font-size:clamp(9px,.55vw,11px)!important;letter-spacing:.09em!important;margin-bottom:12px!important}
 #home .hero-message .hero-reference-tagline{font-size:clamp(8px,.48vw,10px)!important;line-height:1.45!important;letter-spacing:.15em!important;margin-top:12px!important}
}

/* Keep the small hero slogan legible over the helmet and smoke. */
#home .hero-copy .hero-message .hero-reference-tagline{
 color:#e0e6ed!important;
 font-weight:700!important;
 text-shadow:0 1px 3px #000,0 0 10px rgba(0,0,0,.95)!important;
}

/* Find Match frame echoes the hero's red diagonal seams without moving controls. */
@media(min-width:981px){
 #home .find-panel{border-radius:18px 18px 12px 12px!important;background:linear-gradient(155deg,#0d151e 0%,#080e15 44%,#05090e 100%)!important;box-shadow:-8px 0 26px #0005,inset 0 1px 0 #ffffff05!important}
 #home .find-panel::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;z-index:0!important;pointer-events:none!important;background:radial-gradient(ellipse 70% 23% at 0 0,rgba(239,29,62,.13),transparent 75%),radial-gradient(ellipse 50% 18% at 100% 0,rgba(226,30,61,.055),transparent 75%)!important;opacity:1!important}
 #home .find-panel::after{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0icmVkIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMCI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmMjk0OCIvPjxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiNmZjVjNzAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM5NzFlMzQiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iZWRnZSIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPjxzdG9wIHN0b3AtY29sb3I9IiNmZjI5NDgiIHN0b3Atb3BhY2l0eT0iLjgiLz48c3RvcCBvZmZzZXQ9Ii4zMiIgc3RvcC1jb2xvcj0iIzhjMjIzOSIgc3RvcC1vcGFjaXR5PSIuMzUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzNTQyNGYiIHN0b3Atb3BhY2l0eT0iLjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNMSAzMFExIDEgMzAgMUg5NzBROTk5IDEgOTk5IDMwVjk3MFE5OTkgOTk5IDk3MCA5OTlIMzBRMSA5OTkgMSA5NzBaIiBmaWxsPSJub25lIiBzdHJva2U9IiMzNTQwNGMiIHN0cm9rZS13aWR0aD0iMSIgdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIi8+PHBhdGggZD0iTTEgMzAwVjMwUTEgMSAzMCAxSDE4NUwxOTggMTRIMjY4IiBmaWxsPSJub25lIiBzdHJva2U9InVybCgjcmVkKSIgc3Ryb2tlLXdpZHRoPSIyIiB2ZWN0b3ItZWZmZWN0PSJub24tc2NhbGluZy1zdHJva2UiLz48cGF0aCBkPSJNNzIwIDFIOTcwUTk5OSAxIDk5OSAzMFYxMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNyZWQpIiBzdHJva2Utd2lkdGg9IjIiIHZlY3Rvci1lZmZlY3Q9Im5vbi1zY2FsaW5nLXN0cm9rZSIvPjxwYXRoIGQ9Ik0xIDMwMFY5MTVNOTk5IDExNVY5MTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNlZGdlKSIgc3Ryb2tlLXdpZHRoPSIxIiB2ZWN0b3ItZWZmZWN0PSJub24tc2NhbGluZy1zdHJva2UiLz48cGF0aCBkPSJNMSA5NDFWOTcwUTEgOTk5IDMwIDk5OUgxMjVNODc1IDk5OUg5NzBROTk5IDk5OSA5OTkgOTcwVjk0MSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYmQyNTQwIiBzdHJva2Utd2lkdGg9IjEuOCIgdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIi8+PHBhdGggZD0iTTU3NyAxTDU2OSAxNE01OTUgMUw1ODcgMTRNNjEzIDFMNjA1IDE0IiBmaWxsPSJub25lIiBzdHJva2U9IiNlYjI5NDgiIHN0cm9rZS13aWR0aD0iMiIgdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIi8+PC9zdmc+") center/100% 100% no-repeat!important;border-radius:inherit!important;filter:drop-shadow(0 0 4px #f1274529)!important;pointer-events:none!important}
 #home .find-panel .panel-head{border-bottom-color:transparent!important;background:linear-gradient(90deg,#f22a484d,#f22a4818 38%,#ffffff0a 76%,transparent) left bottom/100% 1px no-repeat!important}
 #home .find-panel .fm-setup-status{border-radius:8px!important;border-color:#c3475930!important;background:linear-gradient(135deg,#be274008,#101923aa)!important;box-shadow:inset 2px 0 0 #c72b4259!important}
}

/* A clockwise light follows a continuous rounded frame; controls stay still. */
@property --fm-orbit-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
@media(min-width:981px){
 #home .find-panel{background:radial-gradient(ellipse 70% 23% at 0 0,#ef1d3e14,transparent 75%),linear-gradient(155deg,#0d151e,#080e15 44%,#05090e)!important}
 #home .find-panel::after{background:none!important;border:1px solid #43505d75!important;box-sizing:border-box!important;filter:none!important}
 #home .find-panel::before{z-index:6!important;box-sizing:border-box!important;padding:2px!important;border-radius:inherit!important;background:conic-gradient(from var(--fm-orbit-angle),transparent 0deg,transparent 270deg,#ed24461a 292deg,#f426485c 313deg,#ff2446 338deg,#ffb4bd 348deg,#ff3553 352deg,transparent 358deg,transparent 360deg)!important;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;-webkit-mask-composite:xor!important;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;mask-composite:exclude!important;animation:fm-frame-orbit 9s linear infinite!important;pointer-events:none!important;filter:drop-shadow(0 0 3px #ff24464d)!important}
}
@keyframes fm-frame-orbit{from{--fm-orbit-angle:0deg}to{--fm-orbit-angle:360deg}}
@media(prefers-reduced-motion:reduce){#home .find-panel::before{animation:none!important;--fm-orbit-angle:35deg}}

/* Region choices: centered flags and names, matching the approved mockup. */
/* Keep feedback in the same reserved header slot in every form state. */
#home .find-panel .panel-head{position:relative!important;display:block!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
#home .find-panel .fm-no-match-callout[hidden],#home .find-panel .fm-validation-callout[hidden]{display:none!important}
#home .find-panel .panel-head:has(.fm-no-match-callout:not([hidden]),.fm-validation-callout:not([hidden])) .fm-setup-status{visibility:hidden!important}
#home .find-panel .fm-no-match-callout:not([hidden]),#home .find-panel .fm-validation-callout:not([hidden]){position:absolute!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:4px!important;min-width:0!important;min-height:0!important;max-width:none!important;flex:none!important;margin:0!important;padding:8px 10px!important;box-sizing:border-box!important;border:1px solid #34424e!important;border-left:2px solid #bb293e!important;border-radius:6px!important;clip-path:none!important;background:linear-gradient(140deg,#171b24,#0a1219)!important;overflow:hidden!important}
#home .find-panel .fm-no-match-callout small,#home .find-panel .fm-validation-callout small{min-height:0!important;overflow:auto!important;font-size:10px!important;line-height:1.3!important;overflow-wrap:anywhere!important}
#home .find-panel .fm-no-match-action{width:100%!important;min-height:24px!important;height:24px!important;margin:0!important;padding:0 8px!important;font-size:9px!important;letter-spacing:.06em!important;white-space:nowrap!important}
@media(min-width:981px){
 #home .find-panel .panel-head{height:112px!important;min-height:112px!important;flex-shrink:0!important}
 #home .find-panel .fm-head-copy{height:100px!important;min-height:100px!important;padding-right:calc(clamp(150px,40%,260px) + 14px)!important;box-sizing:border-box!important}
 #home .find-panel .fm-head-copy h2{white-space:normal!important}
 #home .find-panel .fm-setup-status{width:clamp(150px,40%,260px)!important;height:96px!important}
 #home .find-panel .fm-no-match-callout:not([hidden]),#home .find-panel .fm-validation-callout:not([hidden]){right:0!important;top:0!important;width:clamp(150px,40%,260px)!important;height:96px!important}
}
@media(max-width:980px){
 #home .find-panel .panel-head{min-height:196px!important;height:196px!important;padding-bottom:100px!important}
 #home .find-panel .fm-head-copy{padding-right:0!important}
 #home .find-panel .fm-setup-status{display:grid!important;position:absolute!important;inset:auto 0 12px!important;width:100%!important;height:88px!important;box-sizing:border-box!important;padding:8px 10px!important;border:1px solid #34424e!important;border-radius:6px!important;background:#0a1219!important}
 #home .find-panel .fm-no-match-callout:not([hidden]),#home .find-panel .fm-validation-callout:not([hidden]){inset:auto 0 12px!important;width:100%!important;height:88px!important}
}
#home .find-panel .region-choice-card .home-choice-body{display:flex!important;align-items:center!important;justify-content:center!important;gap:11px!important;min-height:43px!important;height:43px!important;padding:8px 10px!important;border:1px solid #293641!important;border-radius:4px!important;background:linear-gradient(180deg,#0c141c,#080f16)!important;box-shadow:inset 0 1px 0 #ffffff03!important}
#home .find-panel .region-choice-card .home-choice-copy{flex:none!important;min-width:0!important;max-width:calc(100% - 35px)!important;text-align:left!important}
#home .find-panel .region-choice-card strong{font:600 12px/1.2 'Segoe UI',Arial,sans-serif!important;color:#dce3e9!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#home .find-panel .region-choice-card .home-region-mark{display:block!important;flex:0 0 24px!important;width:24px!important;height:16px!important;padding:0!important;font-size:0!important;border:0!important;border-radius:2px!important;background-color:transparent!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;box-shadow:0 1px 4px #0005!important}
#home .find-panel .region-choice-card .home-choice-check,#home .find-panel .region-choice-card .home-region-presence{display:none!important}
#home .find-panel .region-choice-card:hover .home-choice-body{border-color:#5f4650!important;background:#121b23!important}
#home .find-panel .region-choice-card input:checked+.home-choice-body{border-color:#bc273d!important;background:linear-gradient(120deg,#25151d,#101720)!important;box-shadow:inset 0 0 0 1px #bc273d40,0 0 10px #d9273e12!important}
#home .find-panel .region-choice-card input:checked+.home-choice-body strong{color:#fff!important}
#home .find-panel .region-choice-card input:focus-visible+.home-choice-body{outline:2px solid #e6576b!important;outline-offset:3px!important}


/* Phone search: compact steps and feedback in normal flow. */
@media(max-width:980px){
 #home .find-panel .panel-head{height:auto!important;min-height:0!important;padding-bottom:12px!important;display:flex!important;flex-direction:column!important;gap:12px!important}
 #home .find-panel .fm-head-copy{height:auto!important;min-height:0!important;padding-right:0!important}
 #home .find-panel .fm-setup-status{position:static!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important;height:auto!important;min-height:0!important;padding:10px 12px!important;font:500 12px/1.3 'Segoe UI',Arial,sans-serif!important}
 #home .find-panel .fm-setup-status strong{grid-column:1/-1;font-size:10px!important;line-height:1.3!important;letter-spacing:.08em!important}
 #home .find-panel .fm-setup-status span{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;font-size:12px!important;line-height:1.3!important;overflow-wrap:anywhere}
 #home .find-panel .fm-setup-status span::before{content:'';width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#394454}
 #home .find-panel .fm-setup-status span.is-complete::before{background:#df354e}
 #home .find-panel .panel-head:has(.fm-no-match-callout:not([hidden]),.fm-validation-callout:not([hidden])) .fm-setup-status{display:none!important}
 #home .find-panel .fm-no-match-callout:not([hidden]),#home .find-panel .fm-validation-callout:not([hidden]){position:static!important;inset:auto!important;height:auto!important;width:100%!important;overflow:visible!important;gap:8px!important;padding:12px!important}
 #home .find-panel .fm-no-match-callout small,#home .find-panel .fm-validation-callout small{font-size:12px!important;line-height:1.5!important;overflow:visible!important}
 #home .find-panel .fm-no-match-action{height:auto!important;min-height:40px!important;white-space:normal!important;font-size:11px!important;line-height:1.3!important;padding:8px!important}
 #home .find-panel .game-choice-card{min-width:0!important;height:auto!important}
 #home .find-panel .game-choice-card .home-choice-body{height:auto!important;min-height:74px!important;grid-template-columns:32px minmax(0,1fr) 10px!important;gap:6px!important;padding:8px!important}
 #home .find-panel .game-choice-card .home-choice-copy{min-width:0!important;overflow:visible!important}
 #home .find-panel .game-choice-card .home-choice-copy strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.3!important;font-size:12px!important;overflow-wrap:anywhere}
 #home .find-panel .game-choice-card .home-game-presence{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:10px!important;line-height:1.4!important}
 #home .hero-copy{height:auto!important;min-height:0!important;padding:24px 16px!important;box-sizing:border-box!important}
 #home .hero-copy .hero-message{position:static!important;display:block!important;width:100%!important;max-width:100%!important}
 #home .hero-copy .hero-message h1{position:static!important;width:100%!important;max-width:100%!important;margin:0!important;font-size:clamp(30px,8vw,44px)!important;line-height:1.04!important}
}
@media(max-width:380px){
 #home .find-panel .home-game-choice{grid-template-columns:minmax(0,1fr)!important}
}

/* The Integrated tab uses the current brand symbol on every viewport. */
#home .quick-tab-mark:not(.is-community){mask:none!important;-webkit-mask:none!important;background:transparent!important}
#home .quick-tab-mark:not(.is-community) img{display:block;width:100%;height:100%;object-fit:contain}

/* Geographic search has six zones; language/country get their own form row. */
#home .find-panel .home-region-choice .home-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#home .find-panel .region-choice-card .home-choice-body{height:auto!important;min-height:48px!important}
#home .find-panel .region-choice-card strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
#home .find-panel .match-preferences{grid-column:1/-1!important;margin:4px 0!important}
@media(min-width:981px){
 #home .find-panel{height:auto!important;min-height:0!important;aspect-ratio:auto!important}
 #home .find-panel-content{position:relative!important;inset:auto!important;padding:28px 26px!important;box-sizing:border-box!important}
 #home .find-panel .match-preferences{grid-row:4!important}
 #home .find-panel [data-game-quick-mode],#home .find-panel [data-game-quick-rank],#home .find-panel .fm-rank-placeholder{grid-row:5!important}
 #home .find-panel .fm-selection-summary{grid-row:6!important}
 #home .find-panel .find-button{grid-row:7!important}
 #home .find-panel .home-all-players{grid-row:8!important}
}
@media(max-width:640px){#home .find-panel .home-region-choice .home-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
#home .find-panel .home-region-choice .region-choice-card .home-region-mark{display:grid!important;place-items:center!important;flex:0 0 28px!important;width:28px!important;height:24px!important;font:700 10px/1 'Segoe UI',Arial,sans-serif!important;letter-spacing:.03em!important;background:#141f29!important;background-image:none!important;border:1px solid #30404e!important;border-radius:5px!important;color:#b5c4d0!important;box-shadow:none!important}

/* Six geographic zones: consistent map symbols, no country flags or letter overlays. */
#home .find-panel .home-region-choice .region-choice-card .home-region-mark{
 font-size:0!important;background-color:transparent!important;border:0!important;border-radius:0!important;
 width:30px!important;height:30px!important;flex-basis:30px!important;
 background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;
}
#home .find-panel .fm-rail-heading[hidden]{display:none!important}
#home .find-panel .match-preferences label{min-width:0!important}
#home .find-panel .match-preferences select{width:100%!important;min-height:44px!important;font-size:14px!important}
#home .find-panel .match-preferences .field>span{font-size:12px!important;line-height:1.4!important}
@media(min-width:981px){
 #home .find-panel-content{padding:20px 24px!important;gap:10px!important;overflow:visible!important}
 #home .find-panel .panel-head{height:104px!important;min-height:104px!important;padding-bottom:10px!important}
 #home .find-panel .fm-head-copy{height:94px!important;min-height:94px!important}
 #home .find-panel .fm-setup-status{height:92px!important;padding:8px 10px!important;gap:4px!important}
 #home .find-panel .quick-game-grid,#home .find-panel #quick-games-community .quick-game-grid{
  grid-auto-rows:clamp(76px,9vh,96px)!important;height:calc(2 * clamp(76px,9vh,96px) + 8px)!important;
 }
 #home .find-panel .quick-game-grid .home-choice-copy strong{font-size:12px!important;line-height:1.2!important}
 #home .find-panel .home-region-choice{padding-top:2px!important}
 #home .find-panel .region-choice-card .home-choice-body{min-height:44px!important;padding:6px 8px!important;gap:8px!important}
 #home .find-panel .quick-samp-mode select,#home .find-panel .fm-rank-hint{font-size:13px!important;min-height:44px!important;height:44px!important}
 #home .find-panel .quick-samp-mode>span,#home .find-panel .fm-rank-label{font-size:12px!important}
 #home .find-panel .find-button{height:46px!important}
}
@media(min-width:981px) and (max-width:1280px){
 #home .find-panel .panel-head{height:auto!important;min-height:0!important}
 #home .find-panel .fm-head-copy{height:auto!important;min-height:0!important;padding-right:0!important}
 #home .find-panel .fm-setup-status{position:static!important;inset:auto!important;width:100%!important;height:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-top:12px!important;box-sizing:border-box!important}
 #home .find-panel .fm-setup-status strong{grid-column:1/-1!important}
 #home .find-panel .fm-no-match-callout:not([hidden]),#home .find-panel .fm-validation-callout:not([hidden]){position:static!important;inset:auto!important;width:100%!important;height:auto!important;margin-top:10px!important}
 #home .find-panel .panel-head:has(.fm-no-match-callout:not([hidden]),.fm-validation-callout:not([hidden])) .fm-setup-status{display:none!important}
}
@media(max-width:980px){
 #home .find-panel .fm-setup-status{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
#home .find-panel .home-region-choice .region-choice-card:has(input[value="europe"]) .home-region-mark{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2214%22%20fill%3D%22%2314202b%22%20stroke%3D%22%23526577%22%20stroke-width%3D%221.2%22%2F%3E%3Cpath%20d%3D%22M15%205l-2%203%201%202-3%202%201%203%203-1%202%202%201-3%203-1-1-3-3-1%201-3z%20M11%206l-2%202%201%203%202-1z%22%20fill%3D%22%23c5d3df%22%20stroke%3D%22%23c5d3df%22%20stroke-width%3D%22.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")!important}
#home .find-panel .home-region-choice .region-choice-card:has(input[value="asia"]) .home-region-mark{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2214%22%20fill%3D%22%2314202b%22%20stroke%3D%22%23526577%22%20stroke-width%3D%221.2%22%2F%3E%3Cpath%20d%3D%22M12%207l5-3%206%203%203%204-2%203-4-1-2%204-3-1-1-3-4-2z%20M22%2018l2%202-1%203-2-2z%22%20fill%3D%22%23c5d3df%22%20stroke%3D%22%23c5d3df%22%20stroke-width%3D%22.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")!important}
#home .find-panel .home-region-choice .region-choice-card:has(input[value="africa"]) .home-region-mark{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2214%22%20fill%3D%22%2314202b%22%20stroke%3D%22%23526577%22%20stroke-width%3D%221.2%22%2F%3E%3Cpath%20d%3D%22M12%208l6-1%204%204-2%204-3%202-1%206-3-1-2-5-3-3%201-4z%20M21%2019l1%201-1%204-1-1z%22%20fill%3D%22%23c5d3df%22%20stroke%3D%22%23c5d3df%22%20stroke-width%3D%22.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")!important}
#home .find-panel .home-region-choice .region-choice-card:has(input[value="north-america"]) .home-region-mark{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2214%22%20fill%3D%22%2314202b%22%20stroke%3D%22%23526577%22%20stroke-width%3D%221.2%22%2F%3E%3Cpath%20d%3D%22M6%207l6-3%207%202-2%204-5%201-1%204%202%202-1%202-3-3-2-3-3-2z%20M20%204l3%201-1%204-3-1z%22%20fill%3D%22%23c5d3df%22%20stroke%3D%22%23c5d3df%22%20stroke-width%3D%22.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")!important}
#home .find-panel .home-region-choice .region-choice-card:has(input[value="south-america"]) .home-region-mark{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2214%22%20fill%3D%22%2314202b%22%20stroke%3D%22%23526577%22%20stroke-width%3D%221.2%22%2F%3E%3Cpath%20d%3D%22M11%208l4-1%205%204-1%204-3%202-1%204-3%204-1-5-2-4%201-4z%22%20fill%3D%22%23c5d3df%22%20stroke%3D%22%23c5d3df%22%20stroke-width%3D%22.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")!important}
#home .find-panel .home-region-choice .region-choice-card:has(input[value="oceania"]) .home-region-mark{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2214%22%20fill%3D%22%2314202b%22%20stroke%3D%22%23526577%22%20stroke-width%3D%221.2%22%2F%3E%3Cpath%20d%3D%22M10%2016l5-3%204%202%202%204-3%203-5-1-4-2z%20M22%2020l2-1-1%204-2%202z%20M20%208l3%201%201%202-4-1z%22%20fill%3D%22%23c5d3df%22%20stroke%3D%22%23c5d3df%22%20stroke-width%3D%22.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")!important}
@media(max-width:980px){
 #home .find-panel .fm-head-copy{width:100%!important;max-width:none!important;box-sizing:border-box!important}
 #home .find-panel .fm-setup-status{max-width:none!important;box-sizing:border-box!important}
}

/* Compact search footer keeps the submit, browsing link and stats together. */
@media(min-width:981px){
 #home .find-panel-content{padding:16px 24px!important;gap:8px!important}
 #home .find-panel .home-player-search{gap:8px 10px!important}
 #home .find-panel .quick-game-grid,#home .find-panel #quick-games-community .quick-game-grid{grid-auto-rows:clamp(68px,8vh,84px)!important;height:calc(2 * clamp(68px,8vh,84px) + 8px)!important}
 #home .find-panel .region-choice-card .home-choice-body{min-height:40px!important;padding:4px 8px!important}
 #home .find-panel .match-preferences{gap:10px!important;margin:0!important}
 #home .find-panel .match-preferences label{gap:5px!important}
 #home .find-panel .match-preferences select{height:42px!important;min-height:42px!important;padding:8px 12px!important}
 #home .find-panel .quick-samp-mode,#home .find-panel .fm-rank-placeholder{min-height:0!important;gap:4px!important}
 #home .find-panel .quick-samp-mode select,#home .find-panel .fm-rank-hint{height:40px!important;min-height:40px!important;line-height:1.3!important}
 #home .find-panel .fm-selection-summary{border:0!important;background:transparent!important;min-height:0!important;padding:2px 0!important;font-size:12px!important;line-height:1.4!important}
 #home .find-panel .find-button{height:44px!important}
 #home .find-panel .home-all-players{height:26px!important;background:transparent!important;clip-path:none!important;border:0!important;font-size:12px!important}
 #home .find-panel .home-all-players::before,#home .find-panel .home-all-players::after{display:none!important}
 #home .find-panel .panel-live-stats,#home .find-panel .panel-live-stats:not(.has-panel-no-match){min-height:42px!important;margin-top:0!important;padding-top:6px!important}
 #home .find-panel .panel-live-stats>.panel-live-stat{min-height:30px!important}
 #home .find-panel .panel-live-copy small{font-size:12px!important}
}
@media(min-width:1281px){
 #home .find-panel .panel-head{height:96px!important;min-height:96px!important}
 #home .find-panel .fm-head-copy{height:86px!important;min-height:86px!important}
 #home .find-panel .fm-setup-status{height:86px!important}
}
@media(max-width:980px){
 #home .find-panel .fm-selection-summary{padding:3px 0!important;border:0!important;background:transparent!important;font-size:12px!important;line-height:1.4!important}
 #home .find-panel .home-all-players{min-height:36px!important;background:transparent!important;clip-path:none!important}
}

/* Match console spans the same hero height as the artwork and friends dock. */
@media(min-width:981px){
 #home .find-panel{top:0!important;bottom:0!important;margin:0!important;height:100%!important;align-self:stretch!important;box-sizing:border-box!important}
 #home .find-panel-content{height:100%!important;min-height:0!important;padding:20px 24px 18px!important;box-sizing:border-box!important;justify-content:flex-start!important;gap:12px!important}
 #home .find-panel .home-player-search{gap:10px 12px!important}
 #home .find-panel .quick-game-grid,#home .find-panel #quick-games-community .quick-game-grid{grid-auto-rows:clamp(76px,9vh,100px)!important;height:calc(2 * clamp(76px,9vh,100px) + 8px)!important}
 #home .find-panel .panel-live-stats,#home .find-panel .panel-live-stats:not(.has-panel-no-match){margin-top:auto!important;flex-shrink:0!important}
}
@media(min-width:981px) and (max-height:800px){
 #home .find-panel-content{padding:14px 18px!important;gap:8px!important}
 #home .find-panel .home-player-search{gap:8px 10px!important}
 #home .find-panel .quick-game-grid,#home .find-panel #quick-games-community .quick-game-grid{grid-auto-rows:68px!important;height:144px!important}
}
@media(min-width:981px){
 #home .hero{display:grid!important;grid-template-columns:minmax(0,3fr) minmax(0,2fr)!important;grid-template-rows:auto!important;align-items:stretch!important;height:auto!important;min-height:max(660px,calc(100svh - var(--header)))!important;overflow:hidden!important}
 #home .find-panel{position:relative!important;inset:auto!important;grid-column:2!important;grid-row:1!important;width:100%!important;height:auto!important;min-height:0!important}
 #home .find-panel-content{height:auto!important;min-height:100%!important;flex:1 0 auto!important}
}
@media(min-width:981px){#home .hero{gap:0!important}}


/* Find Match: one headline row and a red-to-green setup line. */
#home .find-panel .panel-head{height:auto!important;min-height:0!important;flex-shrink:0!important;overflow:visible!important}
#home .find-panel .fm-head-copy{display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;padding:0!important}
#home .find-panel .panel-head .fm-head-copy h2{margin:0!important;font-size:clamp(22px,1.7vw,28px)!important;line-height:1.15!important;white-space:nowrap!important}
#home .find-panel .fm-head-copy>p{position:static!important;margin:0!important;padding:0!important;font-size:12px!important;line-height:1.4!important;letter-spacing:0!important;color:#94a3b1!important;text-align:right!important;max-width:none!important}
#home .find-panel .fm-setup-status,
#home .find-panel .panel-head:has(.fm-no-match-callout:not([hidden]),.fm-validation-callout:not([hidden])) .fm-setup-status{position:relative!important;inset:auto!important;grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;visibility:visible!important;width:100%!important;height:auto!important;min-height:0!important;margin:4px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
#home .find-panel .fm-setup-status strong{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
#home .find-panel .fm-setup-status span{position:relative!important;display:block!important;min-width:0!important;padding:14px 2px 0!important;text-align:center!important;font-size:12px!important;line-height:1.3!important;font-weight:600!important;letter-spacing:0!important;color:#a9b5bf!important;overflow-wrap:normal!important}
#home .find-panel .fm-setup-status span::before{content:''!important;position:absolute!important;top:3px!important;left:0!important;width:100%!important;height:3px!important;border-radius:0!important;background:#d9364d!important;box-shadow:none!important;transition:background .2s ease!important}
#home .find-panel .fm-setup-status span::after{content:'';position:absolute;top:0;left:calc(50% - 4px);width:9px;height:9px;border-radius:50%;background:#d9364d;box-shadow:0 0 0 3px #0c141d;transition:background .2s ease}
#home .find-panel .fm-setup-status span:first-of-type::before{left:50%!important;width:50%!important}
#home .find-panel .fm-setup-status span:last-of-type::before{width:50%!important}
#home .find-panel .fm-setup-status span.is-complete{color:#9ae0b1!important}
#home .find-panel .fm-setup-status span.is-complete::before,#home .find-panel .fm-setup-status span.is-complete::after{background:#53c981!important}
@media(max-width:430px){
 #home .find-panel .fm-head-copy{gap:8px!important}
 #home .find-panel .fm-head-copy h2{font-size:22px!important}
}
@media(prefers-reduced-motion:reduce){
 #home .find-panel .fm-setup-status span::before,#home .find-panel .fm-setup-status span::after{transition:none!important}
}

#home .find-panel .panel-head .fm-head-copy h2::before,#home .find-panel .panel-head .fm-head-copy h2::after{display:none!important;content:none!important}


/* Browse is a secondary action; the game gallery uses spare console height. */
#home .find-panel .home-all-players span{font:inherit!important;letter-spacing:inherit!important;color:inherit!important;transform:none!important}
#home .find-panel .home-all-players{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;box-sizing:border-box!important;width:100%!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 16px!important;border:1px solid #3b4856!important;border-radius:6px!important;background:#121c27!important;color:#dce5ec!important;font-size:13px!important;font-weight:700!important;letter-spacing:.025em!important;text-decoration:none!important;clip-path:none!important;transform:none!important;cursor:pointer!important;transition:background .18s ease,border-color .18s ease,color .18s ease!important}
#home .find-panel .home-all-players::before{display:none!important;content:none!important}
#home .find-panel .home-all-players::after{content:'→'!important;display:block!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;background:none!important;transform:none!important;font-size:18px!important;color:#aab9c7!important;clip-path:none!important}
#home .find-panel .home-all-players:hover{background:#1b2a39!important;border-color:#8c9dac!important;color:#fff!important}
#home .find-panel .home-all-players:focus-visible{outline:2px solid #ed354e!important;outline-offset:3px!important}
@media(min-width:981px){
 #home .find-panel .home-player-search{flex:1 0 auto!important;grid-template-rows:30px minmax(152px,1fr) auto auto auto auto 44px 42px!important}
 #home .find-panel .quick-game-choice-group{height:100%!important;min-height:152px!important}
 #home .find-panel .quick-game-grid,#home .find-panel #quick-games-community .quick-game-grid{height:100%!important;min-height:152px!important;grid-auto-rows:calc((100% - 8px) / 2)!important}
 #home .find-panel .panel-live-stats,#home .find-panel .panel-live-stats:not(.has-panel-no-match){margin-top:0!important}
}
@media(prefers-reduced-motion:reduce){#home .find-panel .home-all-players{transition:none!important}}


/* Final Find Match polish: quiet status rail and the full desktop frame. */
@media(min-width:981px){#home .hero .find-panel{margin-bottom:0!important}}
#home .find-panel .quick-step b,#home .find-panel .fm-rank-label b{display:none!important}
#home .find-panel .home-region-choice legend::before,
#home .find-panel [data-game-quick-mode]>span::before,
#home .find-panel [data-game-quick-rank]>span::before{display:none!important;content:none!important}
#home .find-panel .quick-step,#home .find-panel .home-region-choice legend,
#home .find-panel [data-game-quick-mode]>span,#home .find-panel [data-game-quick-rank]>span,
#home .find-panel .fm-rank-label{font-size:12px!important;font-weight:700!important;letter-spacing:.055em!important;color:#a9b5c1!important}
#home .find-panel .fm-setup-status{margin-top:6px!important}
#home .find-panel .fm-setup-status span{padding-top:19px!important;font-weight:500!important;color:#a3aebb!important}
#home .find-panel .fm-setup-status span::before{top:5px!important;height:2px!important;background:linear-gradient(90deg,#743441,#b44b5d,#743441)!important;opacity:.75}
#home .find-panel .fm-setup-status span::after{top:0;left:calc(50% - 6px);width:12px;height:12px;box-sizing:border-box;border:1px solid #b75665;background:radial-gradient(circle,#bd5969 0 2px,#101821 2.5px)!important;box-shadow:0 0 0 4px #0c141d!important}
#home .find-panel .fm-setup-status span.is-complete{color:#b2d5c2!important}
#home .find-panel .fm-setup-status span.is-complete::before{background:linear-gradient(90deg,#315d4b,#69a98a,#315d4b)!important}
#home .find-panel .fm-setup-status span.is-complete::after{border-color:#75b89a;background:radial-gradient(circle,#85c8a9 0 2px,#101821 2.5px)!important;box-shadow:0 0 0 4px #0c141d,0 0 10px #78bc9912!important}


/* Unified search controls and visible regional online counts. */
#home .find-panel .home-player-search .match-preferences select:not(.match-picker-native),
#home .find-panel .home-player-search .match-picker .match-picker-trigger,
#home .find-panel .home-player-search .quick-samp-mode select,
#home .find-panel .home-player-search .fm-rank-hint{box-sizing:border-box!important;width:100%!important;height:44px!important;min-height:44px!important;padding:8px 12px!important;border:1px solid #34404e!important;border-radius:6px!important;background:#0b131c!important;clip-path:none!important;transform:none!important;box-shadow:none!important;font-size:14px!important;line-height:1.4!important}
#home .find-panel .home-player-search .match-picker .match-picker-trigger::before{display:none!important;content:none!important}
#home .find-panel .home-player-search .match-picker{height:44px!important}
#home .find-panel .home-player-search .match-preferences label,
#home .find-panel .home-player-search .quick-samp-mode,
#home .find-panel .home-player-search .fm-rank-placeholder{display:grid!important;grid-template-rows:18px 44px auto!important;align-content:start!important;align-items:start!important;gap:6px!important;margin:0!important;min-height:0!important;padding:0!important;border:0!important;background:none!important}
#home .find-panel .home-player-search .match-preferences label>span,
#home .find-panel .home-player-search .quick-samp-mode>span,
#home .find-panel .home-player-search .fm-rank-label{font-size:12px!important;line-height:18px!important;margin:0!important;min-height:18px!important;padding:0!important}
#home .find-panel .home-player-search .quick-samp-mode[hidden],
#home .find-panel:has([data-game-quick-rank]:not([hidden])) .home-player-search .fm-rank-placeholder{display:none!important}
#home .find-panel .home-player-search .fm-rank-hint{display:flex!important;align-items:center!important;gap:8px!important}
#home .find-panel .home-all-players{background:#0b131c!important;border-color:#34404e!important;border-radius:6px!important}
#home .find-panel .home-all-players:hover{background:#172431!important;border-color:#8c9dac!important}
#home .find-panel .home-region-choice .home-choice-copy{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:3px 8px!important;min-width:0!important}
#home .find-panel .home-region-choice .home-region-presence{display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:12px!important;line-height:1.3!important;color:#90b9a4!important;white-space:nowrap!important}
#home .find-panel .home-region-choice .home-region-presence.is-zero{color:#8794a2!important}
#home .find-panel .home-region-choice .home-region-presence i{display:none!important}
#home .find-panel .home-region-choice .home-region-presence[hidden]{display:none!important}
#home .find-panel .home-region-choice .region-choice-card .home-choice-body{min-height:48px!important}
@media(max-width:430px){
 #home .find-panel .home-player-search .match-preferences label{grid-template-rows:auto 44px auto!important}
}


/* Keep tab updates inside the search console, outside the collage paint layer. */
#home .find-panel{contain:layout paint;isolation:isolate}
@media(min-width:981px){
 #home .hero-art{width:60%!important;contain:paint;isolation:isolate;transform:translateZ(0)!important;backface-visibility:hidden}
 #home .hero-art .home-game-collage,#home .hero-art::after{width:100%!important}
 #home .find-panel .home-player-search{grid-template-rows:30px minmax(152px,1fr) auto auto 74px auto 44px 42px!important}
}

/* Pagination belongs inside the gallery row, never below its allocated height. */
@media(min-width:981px){
 #home .find-panel .home-player-search{grid-template-rows:30px minmax(183px,1fr) auto auto 74px auto 44px 42px!important}
 #home .find-panel .quick-game-choice-group{position:relative!important;min-height:183px!important;box-sizing:border-box!important}
 #home .find-panel .quick-game-grid,#home .find-panel #quick-games-community .quick-game-grid{height:calc(100% - 31px)!important;min-height:152px!important;grid-auto-rows:calc((100% - 8px) / 2)!important}
 #home .find-panel .fm-rail-heading{position:absolute!important;inset:auto 0 0!important;height:26px!important;margin:0!important;visibility:visible!important}
 #home .find-panel .fm-rail-heading[hidden]{display:none!important}
}

/* One hero frame joins the search console and quick-access dock visually. */
@media(min-width:981px){
 #home .hero{isolation:isolate!important}
 #home .hero::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:20!important;box-sizing:border-box!important;border:1px solid #35404c!important;border-radius:0!important;background:linear-gradient(#35404c,#35404c) left bottom/100% 2px no-repeat!important;opacity:1!important;filter:none!important;pointer-events:none!important}
 #home .find-panel{border-radius:0!important;border:0!important;border-left:1px solid transparent!important;box-shadow:none!important;background:linear-gradient(to bottom,transparent calc(100% - 132px),#0a1016 calc(100% - 132px)),linear-gradient(155deg,#0d151e,#080e15 44%,#05090e)!important}
 #home .find-panel::before,#home .find-panel::after{content:none!important;display:none!important;animation:none!important}
 #home .hero-quick-actions::before{background:#0a1016!important;border:0!important;box-shadow:none!important}
 #home .hero-quick-actions::after{left:0!important;right:0!important;top:0!important;height:1px!important;background:linear-gradient(90deg,#394550,#39455080)!important;box-shadow:none!important}
}