/* =========================================================
   PLAYER.PHP HERO MOBILE V5
   Scope: only player profile hero on narrow mobile widths.
   Loaded after pool-magic.css and premium-header.css.
   Goal: bigger avatar, stronger identity hierarchy, compact HUD stats.
   NOTE: chart markup/logic is not moved in this phase.
   ========================================================= */

@media (max-width: 430px){
  .pm-player-wrap{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .pm-player-hero-v3{
    --pm-v5-avatar: clamp(142px, 39.5vw, 156px);
    --pm-v5-gap: 12px;
    padding: 16px 14px 17px !important;
    border-radius: 22px !important;
    margin-bottom: 16px !important;
    background:
      radial-gradient(circle at 21% 20%, rgba(0,229,255,.20), transparent 25%),
      radial-gradient(circle at 78% 0%, rgba(0,145,255,.20), transparent 39%),
      linear-gradient(115deg, rgba(255,43,73,.105), transparent 34%),
      linear-gradient(145deg, rgba(4,24,34,.98), rgba(1,11,19,.98) 64%, rgba(1,7,13,.995)) !important;
    border-color: rgba(0,229,255,.30) !important;
    box-shadow:
      0 18px 48px rgba(0,0,0,.44),
      inset 0 1px 0 rgba(255,255,255,.075),
      inset 0 0 82px rgba(0,229,255,.055) !important;
  }

  .pm-player-hero-v3::before{
    opacity: .42 !important;
  }

  .pm-ph-v3-identity{
    grid-template-columns: var(--pm-v5-avatar) minmax(0, 1fr) !important;
    gap: var(--pm-v5-gap) !important;
    align-items: center !important;
  }

  .pm-ph-v3-photo-wrap,
  .pm-ph-v3-photo{
    width: var(--pm-v5-avatar) !important;
  }

  .pm-ph-v3-photo{
    height: var(--pm-v5-avatar) !important;
    border-radius: 999px !important;
    border-width: 2px !important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.16),
      0 0 0 5px rgba(0,229,255,.075),
      0 0 42px rgba(0,229,255,.40),
      0 0 26px rgba(255,43,73,.20),
      0 21px 42px rgba(0,0,0,.62) !important;
  }

  .pm-ph-v3-photo img{
    object-position: center center !important;
  }

  .pm-ph-v3-shield{
    left: 0 !important;
    bottom: -10px !important;
    transform: none !important;
    min-width: 52px !important;
    height: 48px !important;
    padding: 0 11px !important;
    border-radius: 12px 12px 22px 22px !important;
    font-size: 25px !important;
    background: linear-gradient(180deg, rgba(0,229,255,.30), rgba(0,15,23,.96)) !important;
  }

  .pm-ph-v3-nameblock{
    min-width: 0 !important;
    align-self: center !important;
  }

  .pm-ph-v3-nameblock h1{
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    font-size: clamp(26px, 8.15vw, 32px) !important;
    line-height: .95 !important;
    letter-spacing: -.035em !important;
  }

  .pm-ph-v3-nick{
    margin-top: 8px !important;
    font-size: 10.5px !important;
    line-height: 1.05 !important;
    letter-spacing: .24em !important;
  }

  .pm-ph-v3-meta{
    margin-top: 13px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .pm-ph-v3-meta span{
    width: auto !important;
    min-width: 0 !important;
    min-height: 54px !important;
    padding: 8px 9px !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(0,145,255,.17), rgba(0,0,0,.20)) !important;
    border-color: rgba(0,229,255,.24) !important;
  }

  .pm-ph-v3-meta small{
    font-size: 7.6px !important;
    letter-spacing: .105em !important;
  }

  .pm-ph-v3-meta strong{
    font-size: 22px !important;
  }

  .pm-ph-v3-season{
    margin-top: 11px !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    font-size: 8px !important;
    letter-spacing: .105em !important;
    background: rgba(255,255,255,.055) !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-statuses{
    margin-top: 24px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-status{
    min-height: 49px !important;
    padding: 7px 5px 6px !important;
    border-radius: 14px !important;
    display: grid !important;
    grid-template-columns: 18px minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 5px !important;
    row-gap: 1px !important;
    align-items: center !important;
    justify-items: start !important;
    text-align: left !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-status i{
    grid-row: 1 / 3 !important;
    font-size: 16px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-status span{
    font-size: 6.45px !important;
    line-height: 1 !important;
    letter-spacing: .08em !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-status strong{
    font-size: 9.3px !important;
    line-height: 1.05 !important;
    letter-spacing: .015em !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stats{
    margin-top: 10px !important;
    gap: 8px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat{
    min-height: 62px !important;
    padding: 9px 8px 8px !important;
    border-radius: 15px !important;
    background:
      radial-gradient(circle at 88% 82%, rgba(0,229,255,.12), transparent 35%),
      linear-gradient(180deg, rgba(255,255,255,.050), rgba(0,0,0,.255)) !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{
    grid-column: span 2 !important;
    min-height: 92px !important;
    padding: 12px 13px 10px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat span{
    font-size: 7.2px !important;
    line-height: 1 !important;
    letter-spacing: .095em !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat strong{
    margin-top: 7px !important;
    font-size: 22px !important;
    line-height: .92 !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat.is-main strong{
    margin-top: 8px !important;
    font-size: 40px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat i{
    right: 9px !important;
    bottom: 8px !important;
    font-size: 15px !important;
    opacity: .50 !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat em{
    margin-top: 7px !important;
    font-size: 10px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat.is-diff svg{
    left: 48% !important;
    width: 48% !important;
    height: 26px !important;
    bottom: 12px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat.is-diff polyline{
    stroke-width: 3.6 !important;
  }

  /* Chart stays technically untouched; only visual separation from hero data. */
  .pm-player-hero-v3 .pm-ph-v3-form{
    margin-top: 22px !important;
    border-radius: 19px !important;
    border-color: rgba(0,229,255,.18) !important;
    background: linear-gradient(180deg, rgba(0,48,67,.42), rgba(0,0,0,.18)) !important;
  }
}

@media (max-width: 359px){
  .pm-player-wrap{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .pm-player-hero-v3{
    --pm-v5-avatar: 132px;
    --pm-v5-gap: 10px;
    padding: 14px 12px 15px !important;
  }

  .pm-ph-v3-nameblock h1{
    font-size: 24px !important;
  }

  .pm-ph-v3-nick{
    font-size: 9.6px !important;
    letter-spacing: .18em !important;
  }

  .pm-ph-v3-meta{
    gap: 6px !important;
    margin-top: 10px !important;
  }

  .pm-ph-v3-meta span{
    min-height: 48px !important;
    padding: 7px !important;
  }

  .pm-ph-v3-meta strong{
    font-size: 19px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-statuses{
    gap: 5px !important;
    margin-top: 20px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-status{
    min-height: 46px !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-status i{
    grid-row: auto !important;
    font-size: 14px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-status span{
    display: none !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-status strong{
    font-size: 8.7px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stats{
    gap: 6px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat{
    min-height: 58px !important;
    padding: 8px 7px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{
    min-height: 84px !important;
    padding: 10px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat.is-main strong{
    font-size: 35px !important;
  }
}

/* =========================================================
   PLAYER HERO MOBILE V5.2 POLISH
   - Ranking/Grupa unified identity strip
   - More compact status strip
   - Lower main stats cards
   ========================================================= */

@media (max-width: 430px){
  .pm-ph-v3-meta{
    margin-top: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 5px 8px !important;
    border: 1px solid rgba(0,229,255,.22) !important;
    border-radius: 999px !important;
    background:
      radial-gradient(circle at 16% 50%, rgba(0,229,255,.16), transparent 34%),
      linear-gradient(180deg, rgba(0,70,95,.42), rgba(0,10,18,.42)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.07),
      0 10px 24px rgba(0,0,0,.22) !important;
  }

  .pm-ph-v3-meta span{
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 50% !important;
    min-height: 30px !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .pm-ph-v3-meta span + span::before{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 7px !important;
    bottom: 7px !important;
    width: 1px !important;
    background: linear-gradient(180deg, transparent, rgba(150,220,255,.38), transparent) !important;
  }

  .pm-ph-v3-meta small{
    font-size: 7.2px !important;
    line-height: 1 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    opacity: .68 !important;
  }

  .pm-ph-v3-meta strong{
    font-size: 20px !important;
    line-height: .9 !important;
    letter-spacing: -.02em !important;
  }

  .pm-ph-v3-meta-rank strong{
    color: #23f3ff !important;
  }

  .pm-ph-v3-meta-group strong{
    font-size: 19px !important;
    color: #35e9ff !important;
  }

  .pm-ph-v3-season{
    margin-top: 9px !important;
    padding: 6px 10px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-statuses{
    margin-top: 20px !important;
    gap: 7px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-status{
    min-height: 43px !important;
    padding: 6px 6px !important;
    border-radius: 13px !important;
    grid-template-columns: 17px minmax(0,1fr) !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-status i{
    font-size: 16px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-status span{
    font-size: 5.9px !important;
    letter-spacing: .075em !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-status strong{
    font-size: 8.8px !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stats{
    margin-top: 8px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{
    min-height: 76px !important;
    padding: 10px 12px 8px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat.is-main strong{
    margin-top: 6px !important;
    font-size: 34px !important;
    line-height: .88 !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat.is-main em{
    margin-top: 5px !important;
    font-size: 9.2px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat.is-diff svg{
    bottom: 9px !important;
    height: 21px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat{
    min-height: 58px !important;
    padding: 8px 8px 7px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat strong{
    margin-top: 6px !important;
    font-size: 20px !important;
  }
}

@media (max-width: 359px){
  .pm-ph-v3-meta{
    min-height: 38px !important;
    padding: 4px 6px !important;
  }

  .pm-ph-v3-meta span{
    min-height: 28px !important;
    gap: 4px !important;
    padding: 0 5px !important;
  }

  .pm-ph-v3-meta small{
    font-size: 6.6px !important;
    letter-spacing: .105em !important;
  }

  .pm-ph-v3-meta strong,
  .pm-ph-v3-meta-group strong{
    font-size: 17px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-status{
    min-height: 41px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{
    min-height: 70px !important;
    padding: 9px 10px 7px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat.is-main strong{
    font-size: 31px !important;
  }
}

/* =========================================================
   PLAYER HERO MOBILE V5.3 IDENTITY FINAL POLISH
   - Remove heavy Ranking/Grupa pill visual weight
   - Treat rank/group as clean identity metadata
   - Tighten name + nickname + season spacing
   - Does not touch chart logic/markup
   ========================================================= */

@media (max-width: 430px){
  .pm-ph-v3-identity{
    align-items: center !important;
  }

  .pm-ph-v3-nameblock{
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  .pm-ph-v3-nameblock h1{
    margin-bottom: 0 !important;
    font-size: clamp(25px, 7.75vw, 31px) !important;
    line-height: .96 !important;
    letter-spacing: -.04em !important;
  }

  .pm-ph-v3-nick{
    margin-top: 6px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: .22em !important;
  }

  .pm-ph-v3-meta{
    margin-top: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .pm-ph-v3-meta span{
    position: relative !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .pm-ph-v3-meta span + span{
    padding-left: 10px !important;
  }

  .pm-ph-v3-meta span + span::before{
    content: "•" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    bottom: auto !important;
    width: auto !important;
    transform: translateY(-52%) !important;
    background: transparent !important;
    color: rgba(150,220,255,.56) !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  .pm-ph-v3-meta small{
    order: 2 !important;
    font-size: 7.4px !important;
    line-height: 1 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: rgba(188,211,225,.70) !important;
    opacity: 1 !important;
  }

  .pm-ph-v3-meta strong{
    order: 1 !important;
    font-size: 17px !important;
    line-height: .9 !important;
    letter-spacing: -.02em !important;
    text-shadow: 0 0 14px rgba(0,229,255,.30) !important;
  }

  .pm-ph-v3-meta-rank strong{
    color: #27f4ff !important;
  }

  .pm-ph-v3-meta-group strong{
    order: 2 !important;
    font-size: 14px !important;
    color: #32eaff !important;
  }

  .pm-ph-v3-meta-group small{
    order: 1 !important;
  }

  .pm-ph-v3-season{
    align-self: flex-start !important;
    margin-top: 10px !important;
    padding: 5px 9px !important;
    max-width: 100% !important;
    font-size: 7.5px !important;
    letter-spacing: .115em !important;
    opacity: .78 !important;
    background: rgba(255,255,255,.045) !important;
    border-color: rgba(255,255,255,.075) !important;
  }
}

@media (max-width: 359px){
  .pm-ph-v3-nameblock h1{
    font-size: clamp(23px, 7.35vw, 28px) !important;
  }

  .pm-ph-v3-nick{
    margin-top: 5px !important;
    font-size: 9px !important;
    letter-spacing: .18em !important;
  }

  .pm-ph-v3-meta{
    margin-top: 8px !important;
    gap: 6px !important;
  }

  .pm-ph-v3-meta span{
    gap: 4px !important;
  }

  .pm-ph-v3-meta span + span{
    padding-left: 8px !important;
  }

  .pm-ph-v3-meta small{
    font-size: 6.6px !important;
    letter-spacing: .105em !important;
  }

  .pm-ph-v3-meta strong{
    font-size: 15px !important;
  }

  .pm-ph-v3-meta-group strong{
    font-size: 13px !important;
  }

  .pm-ph-v3-season{
    margin-top: 8px !important;
    padding: 5px 8px !important;
    font-size: 7px !important;
  }
}

/* =========================================================
   PLAYER HERO MOBILE V6 - AIR & HIERARCHY
   - Adds breathing room to identity/status separation
   - Removes leftover micro-HUD pressure from rank/group row
   - Keeps chart logic and markup untouched
   ========================================================= */

@media (max-width: 430px){
  .pm-player-hero-v3{
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  .pm-ph-v3-identity{
    gap: 14px !important;
    align-items: center !important;
  }

  .pm-ph-v3-nameblock{
    justify-content: center !important;
    padding-top: 2px !important;
  }

  .pm-ph-v3-nameblock h1{
    font-size: clamp(25px, 7.55vw, 30px) !important;
    line-height: .99 !important;
    letter-spacing: -.035em !important;
    text-shadow: 0 3px 0 rgba(0,0,0,.20), 0 0 18px rgba(0,255,154,.12) !important;
  }

  .pm-ph-v3-nick{
    margin-top: 7px !important;
    font-size: 9.8px !important;
    line-height: 1.05 !important;
    letter-spacing: .21em !important;
    color: rgba(255,201,75,.96) !important;
  }

  .pm-ph-v3-meta{
    margin-top: 13px !important;
    gap: 9px !important;
    flex-wrap: wrap !important;
    row-gap: 5px !important;
    opacity: .96 !important;
  }

  .pm-ph-v3-meta span{
    gap: 5px !important;
    filter: none !important;
  }

  .pm-ph-v3-meta span + span{
    padding-left: 12px !important;
  }

  .pm-ph-v3-meta span + span::before{
    color: rgba(139,207,225,.46) !important;
    font-size: 9px !important;
  }

  .pm-ph-v3-meta small{
    font-size: 7.1px !important;
    letter-spacing: .135em !important;
    color: rgba(183,207,222,.64) !important;
  }

  .pm-ph-v3-meta strong{
    font-size: 16px !important;
    text-shadow: 0 0 10px rgba(0,229,255,.22) !important;
  }

  .pm-ph-v3-meta-group strong{
    font-size: 13.5px !important;
  }

  .pm-ph-v3-season{
    margin-top: 14px !important;
    padding: 5px 10px !important;
    font-size: 7.1px !important;
    letter-spacing: .12em !important;
    opacity: .58 !important;
    background: rgba(255,255,255,.035) !important;
    border-color: rgba(255,255,255,.055) !important;
    box-shadow: none !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-statuses{
    margin-top: 30px !important;
    gap: 9px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-status{
    min-height: 44px !important;
    padding: 7px 6px 6px !important;
    border-radius: 14px !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.075),
      0 10px 22px rgba(0,0,0,.20) !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-status span{
    font-size: 5.9px !important;
    opacity: .76 !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-status strong{
    font-size: 8.9px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stats{
    margin-top: 13px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{
    min-height: 78px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-form{
    margin-top: 24px !important;
  }
}

@media (max-width: 359px){
  .pm-player-hero-v3{
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .pm-ph-v3-identity{
    gap: 11px !important;
  }

  .pm-ph-v3-nameblock h1{
    font-size: clamp(22px, 7.2vw, 27px) !important;
  }

  .pm-ph-v3-nick{
    margin-top: 6px !important;
    font-size: 8.8px !important;
  }

  .pm-ph-v3-meta{
    margin-top: 10px !important;
    gap: 5px !important;
  }

  .pm-ph-v3-season{
    margin-top: 11px !important;
    font-size: 6.7px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-statuses{
    margin-top: 25px !important;
    gap: 6px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stats{
    margin-top: 10px !important;
  }
}

/* =========================================================
   PLAYER HERO MOBILE V7 — CLEAN BROADCAST REORDER
   Proper implementation with small HTML reorder helpers:
   - mobile top row: LIVE + PLAYOFF inside identity zone
   - secondary row: RANKING + GRUPA + FORMA + USPEŠNOST
   - desktop keeps original structure untouched
   ========================================================= */

.pm-ph-v7-top-statuses,
.pm-ph-v7-secondary{
  display:none;
}

@media (max-width: 430px){
  .pm-player-hero-v3{
    padding: 18px 14px 18px !important;
  }

  .pm-ph-v3-identity{
    grid-template-columns: var(--pm-v5-avatar) minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: center !important;
    margin-bottom: 18px !important;
  }

  .pm-ph-v3-nameblock{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    min-width:0 !important;
    padding-top:2px !important;
  }

  .pm-ph-v3-nameblock h1{
    margin:0 !important;
    font-size: clamp(25px, 7.65vw, 31px) !important;
    line-height:.98 !important;
    letter-spacing:-.035em !important;
  }

  .pm-ph-v3-nick{
    margin-top:7px !important;
    margin-bottom:0 !important;
    font-size:9.8px !important;
    line-height:1 !important;
    letter-spacing:.21em !important;
  }

  /* old rank/group row hidden on mobile; replaced by secondary cards */
  .pm-ph-v3-meta{
    display:none !important;
  }

  .pm-ph-v3-season{
    align-self:flex-start !important;
    margin-top:12px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:none !important;
    box-shadow:none !important;
    opacity:.62 !important;
    font-size:8.5px !important;
    letter-spacing:.13em !important;
  }

  /* old 3-card status strip hidden on mobile; new status row is inside identity */
  .pm-player-hero-v3 > .pm-ph-v3-statuses{
    display:none !important;
  }

  .pm-ph-v7-top-statuses{
    display:grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
    margin-top:18px !important;
    width:100% !important;
  }

  .pm-ph-v7-top-status{
    min-height:62px !important;
    padding:10px 9px !important;
    border:1px solid rgba(0,229,255,.25) !important;
    border-radius:17px !important;
    background:
      radial-gradient(circle at 15% 20%, rgba(0,229,255,.13), transparent 40%),
      linear-gradient(180deg, rgba(255,255,255,.055), rgba(0,0,0,.23)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.075), 0 13px 25px rgba(0,0,0,.20) !important;
    display:grid !important;
    grid-template-columns:24px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    column-gap:8px !important;
    align-items:center !important;
    text-align:left !important;
    overflow:hidden !important;
  }

  .pm-ph-v7-top-status i{
    grid-row:1 / 3 !important;
    font-size:22px !important;
    color:#22e9ff !important;
    filter: drop-shadow(0 0 10px rgba(0,229,255,.36)) !important;
  }

  .pm-ph-v7-top-status span{
    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:.09em !important;
    text-transform:uppercase !important;
    color:rgba(190,214,226,.72) !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .pm-ph-v7-top-status strong{
    margin-top:4px !important;
    font-size:12px !important;
    line-height:1.04 !important;
    text-transform:uppercase !important;
    color:#fff !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .pm-ph-v7-top-status.is-playoff{
    border-color:rgba(31,255,111,.48) !important;
    background:linear-gradient(180deg, rgba(31,255,111,.12), rgba(0,0,0,.22)) !important;
  }
  .pm-ph-v7-top-status.is-playoff i,
  .pm-ph-v7-top-status.is-playoff strong{ color:#55ff6d !important; }

  .pm-ph-v7-top-status.is-muted{
    border-color:rgba(0,229,255,.23) !important;
  }

  .pm-ph-v7-secondary{
    display:grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap:10px !important;
    margin: 0 0 13px !important;
  }

  .pm-ph-v7-secondary-card{
    min-height:74px !important;
    padding:10px 8px 9px !important;
    border:1px solid rgba(0,229,255,.20) !important;
    border-radius:16px !important;
    background:
      radial-gradient(circle at 84% 82%, rgba(0,229,255,.10), transparent 38%),
      linear-gradient(180deg, rgba(255,255,255,.045), rgba(0,0,0,.25)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 24px rgba(0,0,0,.18) !important;
    position:relative !important;
    overflow:hidden !important;
  }

  .pm-ph-v7-secondary-card span{
    display:block !important;
    font-size:7.2px !important;
    line-height:1 !important;
    letter-spacing:.095em !important;
    text-transform:uppercase !important;
    color:rgba(188,211,225,.70) !important;
    font-weight:800 !important;
  }

  .pm-ph-v7-secondary-card strong{
    display:block !important;
    margin-top:9px !important;
    font-size:22px !important;
    line-height:.92 !important;
    letter-spacing:-.025em !important;
    color:#fff !important;
    text-shadow: 0 0 14px rgba(255,255,255,.10) !important;
  }

  .pm-ph-v7-secondary-card i{
    position:absolute !important;
    right:9px !important;
    bottom:8px !important;
    font-size:17px !important;
    color:rgba(0,229,255,.58) !important;
  }

  .pm-ph-v7-secondary-card.is-ranking strong,
  .pm-ph-v7-secondary-card.is-group strong{ color:#27f4ff !important; }
  .pm-ph-v7-secondary-card.is-form{ border-color:rgba(255,197,54,.36) !important; }
  .pm-ph-v7-secondary-card.is-form strong{ color:#ffc83e !important; font-size:14px !important; line-height:1.05 !important; }
  .pm-ph-v7-secondary-card.is-form i{ color:rgba(255,197,54,.78) !important; }

  /* Success now lives in the V7 secondary row on mobile */
  .pm-player-hero-v3 .pm-ph-v3-stat.is-success{
    display:none !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stats{
    margin-top:0 !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap:10px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{
    grid-column: span 3 !important;
    min-height:88px !important;
    padding:12px 13px 10px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat:not(.is-main){
    grid-column: span 2 !important;
    min-height:64px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat.is-main strong{
    font-size:38px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-form{
    margin-top:24px !important;
  }
}

@media (max-width: 359px){
  .pm-ph-v7-top-statuses{
    gap:7px !important;
    margin-top:14px !important;
  }
  .pm-ph-v7-top-status{
    min-height:56px !important;
    padding:8px 7px !important;
    grid-template-columns:20px minmax(0,1fr) !important;
    column-gap:6px !important;
  }
  .pm-ph-v7-top-status i{ font-size:19px !important; }
  .pm-ph-v7-top-status span{ font-size:6.2px !important; }
  .pm-ph-v7-top-status strong{ font-size:10.5px !important; }

  .pm-ph-v7-secondary{
    gap:7px !important;
  }
  .pm-ph-v7-secondary-card{
    min-height:66px !important;
    padding:8px 6px !important;
  }
  .pm-ph-v7-secondary-card span{ font-size:6.3px !important; }
  .pm-ph-v7-secondary-card strong{ font-size:19px !important; }
  .pm-ph-v7-secondary-card.is-form strong{ font-size:12px !important; }
  .pm-ph-v7-secondary-card i{ font-size:15px !important; right:7px !important; bottom:7px !important; }
}


/* =========================================================
   PLAYER HERO MOBILE V7.1 — STRUCTURE FIX
   - Secondary row = Ranking / Grupa / Forma only
   - Uspešnost returns to lower stats grid
   - Live + Playoff cards compact enough to fit text
   ========================================================= */

@media (max-width: 430px){

  /* Top status row: two clean horizontal cards under player identity */
  .pm-ph-v7-top-statuses{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 18px !important;
    margin-bottom: 0 !important;
  }

  .pm-ph-v7-top-status{
    min-height: 58px !important;
    padding: 10px 11px !important;
    border-radius: 17px !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    column-gap: 9px !important;
  }

  .pm-ph-v7-top-status i{
    font-size: 23px !important;
  }

  .pm-ph-v7-top-status span{
    font-size: 8px !important;
    letter-spacing: .085em !important;
    line-height: 1 !important;
    max-width: 100% !important;
  }

  .pm-ph-v7-top-status strong{
    font-size: 13px !important;
    line-height: 1 !important;
    margin-top: 5px !important;
    letter-spacing: .015em !important;
    max-width: 100% !important;
  }

  /* Secondary broadcast row: exactly 3 cards */
  .pm-ph-v7-secondary{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 0 13px !important;
  }

  .pm-ph-v7-secondary-card.is-success{
    display: none !important;
  }

  .pm-ph-v7-secondary-card{
    min-height: 74px !important;
    padding: 10px 9px 9px !important;
  }

  .pm-ph-v7-secondary-card strong{
    font-size: 22px !important;
  }

  .pm-ph-v7-secondary-card.is-form strong{
    font-size: 15px !important;
    line-height: 1.08 !important;
  }

  /* Lower stats: return to 2 big + 4 small structure */
  .pm-player-hero-v3 .pm-ph-v3-stat.is-success{
    display: block !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stats{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 0 !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{
    grid-column: span 2 !important;
    min-height: 88px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat:not(.is-main){
    grid-column: span 1 !important;
    min-height: 64px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat:not(.is-main) strong{
    font-size: 22px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat.is-success strong{
    font-size: 22px !important;
  }
}

@media (max-width: 359px){
  .pm-ph-v7-top-statuses{
    gap: 8px !important;
  }

  .pm-ph-v7-top-status{
    min-height: 54px !important;
    padding: 8px 8px !important;
    grid-template-columns: 21px minmax(0, 1fr) !important;
    column-gap: 7px !important;
  }

  .pm-ph-v7-top-status i{
    font-size: 20px !important;
  }

  .pm-ph-v7-top-status span{
    font-size: 6.8px !important;
  }

  .pm-ph-v7-top-status strong{
    font-size: 11.2px !important;
  }

  .pm-ph-v7-secondary{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .pm-ph-v7-secondary-card{
    min-height: 66px !important;
    padding: 8px 6px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stats{
    gap: 7px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat:not(.is-main){
    min-height: 60px !important;
  }
}


/* =========================================================
   PLAYER HERO MOBILE V7.2 — STATUS + SECONDARY POLISH
   Goal:
   - LIVE / PLAYOFF closer to the older premium broadcast card style
   - Ranking / Grupa / Forma lower and less dominant
   - Keep the approved V7 structure intact
   ========================================================= */

@media (max-width: 430px){

  /* Slightly cleaner identity area before status cards */
  .pm-player-hero-v3 .pm-ph-v3-identity{
    margin-bottom: 14px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-nameblock h1{
    margin-bottom: 4px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-nick{
    margin-bottom: 6px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-season{
    margin-top: 4px !important;
    margin-bottom: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    opacity: .52 !important;
  }

  /* LIVE + PLAYOFF: compact broadcast cards, not tall tiles */
  .pm-ph-v7-top-statuses{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 14px !important;
    margin-bottom: 13px !important;
  }

  .pm-ph-v7-top-status{
    min-height: 54px !important;
    padding: 8px 11px !important;
    border-radius: 16px !important;
    grid-template-columns: 25px minmax(0, 1fr) !important;
    column-gap: 9px !important;
    align-items: center !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 18% 16%, rgba(49, 245, 255, .13), transparent 45%),
      linear-gradient(135deg, rgba(15, 54, 68, .80), rgba(5, 24, 43, .90)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.07),
      0 0 0 1px rgba(25, 221, 241, .16),
      0 12px 24px rgba(0,0,0,.22) !important;
  }

  .pm-ph-v7-top-status.is-playoff{
    background:
      radial-gradient(circle at 18% 16%, rgba(65, 255, 120, .14), transparent 45%),
      linear-gradient(135deg, rgba(12, 62, 53, .82), rgba(5, 25, 42, .90)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 0 0 1px rgba(40, 255, 120, .24),
      0 12px 24px rgba(0,0,0,.22) !important;
  }

  .pm-ph-v7-top-status i{
    font-size: 21px !important;
    width: 25px !important;
    text-align: center !important;
    opacity: .96 !important;
    filter: drop-shadow(0 0 8px rgba(31, 230, 255, .34)) !important;
  }

  .pm-ph-v7-top-status.is-playoff i{
    filter: drop-shadow(0 0 8px rgba(52, 255, 120, .30)) !important;
  }

  .pm-ph-v7-top-status span{
    display: block !important;
    font-size: 7.5px !important;
    line-height: 1 !important;
    letter-spacing: .095em !important;
    opacity: .74 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .pm-ph-v7-top-status strong{
    display: block !important;
    margin-top: 5px !important;
    font-size: 12.3px !important;
    line-height: 1 !important;
    letter-spacing: .025em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* Ranking / Grupa / Forma: much lower, cleaner secondary row */
  .pm-ph-v7-secondary{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
  }

  .pm-ph-v7-secondary-card{
    min-height: 60px !important;
    padding: 8px 9px 7px !important;
    border-radius: 16px !important;
    background:
      radial-gradient(circle at 20% 10%, rgba(42, 241, 255, .10), transparent 48%),
      linear-gradient(135deg, rgba(13, 54, 63, .70), rgba(4, 23, 38, .86)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.055),
      0 0 0 1px rgba(22, 211, 231, .14) !important;
  }

  .pm-ph-v7-secondary-card span{
    font-size: 7.4px !important;
    letter-spacing: .105em !important;
    line-height: 1 !important;
    opacity: .72 !important;
    margin-bottom: 7px !important;
  }

  .pm-ph-v7-secondary-card strong{
    font-size: 19px !important;
    line-height: .95 !important;
    letter-spacing: -.015em !important;
  }

  .pm-ph-v7-secondary-card i{
    right: 11px !important;
    bottom: 9px !important;
    font-size: 15px !important;
    opacity: .70 !important;
  }

  .pm-ph-v7-secondary-card.is-form{
    background:
      radial-gradient(circle at 18% 10%, rgba(255, 202, 57, .075), transparent 50%),
      linear-gradient(135deg, rgba(50, 46, 27, .60), rgba(5, 24, 42, .86)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 0 0 1px rgba(255, 199, 58, .20) !important;
  }

  .pm-ph-v7-secondary-card.is-form strong{
    font-size: 14.2px !important;
    line-height: 1.05 !important;
    letter-spacing: .015em !important;
  }

  .pm-ph-v7-secondary-card.is-form i{
    font-size: 15px !important;
    opacity: .72 !important;
    filter: drop-shadow(0 0 6px rgba(255, 196, 48, .18)) !important;
  }

  /* Primary and lower stats: keep structure, slightly improve rhythm */
  .pm-player-hero-v3 .pm-ph-v3-stats{
    gap: 10px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{
    min-height: 84px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stat:not(.is-main){
    min-height: 61px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-chart{
    margin-top: 22px !important;
  }
}

@media (max-width: 359px){

  .pm-ph-v7-top-statuses{
    gap: 8px !important;
    margin-top: 12px !important;
    margin-bottom: 11px !important;
  }

  .pm-ph-v7-top-status{
    min-height: 50px !important;
    padding: 7px 8px !important;
    grid-template-columns: 21px minmax(0, 1fr) !important;
    column-gap: 6px !important;
    border-radius: 14px !important;
  }

  .pm-ph-v7-top-status i{
    font-size: 18px !important;
    width: 21px !important;
  }

  .pm-ph-v7-top-status span{
    font-size: 6.5px !important;
    letter-spacing: .07em !important;
  }

  .pm-ph-v7-top-status strong{
    font-size: 10.7px !important;
  }

  .pm-ph-v7-secondary{
    gap: 7px !important;
  }

  .pm-ph-v7-secondary-card{
    min-height: 56px !important;
    padding: 7px 6px !important;
    border-radius: 14px !important;
  }

  .pm-ph-v7-secondary-card span{
    font-size: 6.6px !important;
  }

  .pm-ph-v7-secondary-card strong{
    font-size: 17px !important;
  }

  .pm-ph-v7-secondary-card.is-form strong{
    font-size: 12.2px !important;
  }
}


/* =========================================================
   PLAYER HERO MOBILE V7.3 — UNIFIED STATUS BAR
   - LIVE + PLAYOFF as one wide broadcast field
   - active live status restores red glow/pulse
   - no clipped text in two separate narrow cards
   ========================================================= */

@media (max-width: 430px){

  .pm-ph-v7-top-statuses,
  .pm-ph-v7-top-status{
    display: none !important;
  }

  .pm-ph-v7-statusbar{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr) !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 58px !important;
    margin: 15px 0 13px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    border: 1px solid rgba(31, 214, 236, .26) !important;
    background:
      radial-gradient(circle at 12% 5%, rgba(49,245,255,.15), transparent 42%),
      radial-gradient(circle at 78% 12%, rgba(51,255,122,.12), transparent 42%),
      linear-gradient(135deg, rgba(11,50,63,.84), rgba(4,20,36,.93)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.075),
      inset 0 -1px 0 rgba(0,0,0,.18),
      0 13px 24px rgba(0,0,0,.22) !important;
  }

  .pm-ph-v7-statusbar.is-live{
    border-color: rgba(255, 57, 91, .50) !important;
    background:
      radial-gradient(circle at 12% 18%, rgba(255,57,91,.24), transparent 42%),
      radial-gradient(circle at 78% 12%, rgba(51,255,122,.13), transparent 42%),
      linear-gradient(135deg, rgba(64,18,35,.86), rgba(4,20,36,.94)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 0 0 1px rgba(255, 57, 91, .15),
      0 0 18px rgba(255, 57, 91, .16),
      0 13px 26px rgba(0,0,0,.25) !important;
  }

  .pm-ph-v7-statusbar-item{
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 26px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 9px !important;
    padding: 10px 12px !important;
  }

  .pm-ph-v7-statusbar-item i{
    width: 26px !important;
    text-align: center !important;
    font-size: 21px !important;
    color: #22eaff !important;
    filter: drop-shadow(0 0 8px rgba(34,234,255,.34)) !important;
  }

  .pm-ph-v7-statusbar.is-live .pm-ph-v7-statusbar-item.is-live i{
    color: #ff3b62 !important;
    filter: drop-shadow(0 0 9px rgba(255,59,98,.65)) !important;
    animation: pmLivePulseV73 1.25s ease-in-out infinite !important;
  }

  .pm-ph-v7-statusbar-item.is-playoff i{
    color: #43ff78 !important;
    filter: drop-shadow(0 0 8px rgba(67,255,120,.32)) !important;
  }

  .pm-ph-v7-statusbar-item span{
    display: block !important;
    font-size: 7.5px !important;
    line-height: 1 !important;
    letter-spacing: .105em !important;
    opacity: .72 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  .pm-ph-v7-statusbar-item strong{
    display: block !important;
    margin-top: 5px !important;
    font-size: 12.7px !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    color: #f7fbff !important;
    white-space: nowrap !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.35) !important;
  }

  .pm-ph-v7-statusbar.is-live .pm-ph-v7-statusbar-item.is-live strong{
    color: #ffecf0 !important;
    text-shadow: 0 0 10px rgba(255,59,98,.34), 0 2px 8px rgba(0,0,0,.40) !important;
  }

  .pm-ph-v7-statusbar-divider{
    width: 1px !important;
    height: 34px !important;
    background: linear-gradient(to bottom, transparent, rgba(100,226,244,.36), transparent) !important;
  }
}

@keyframes pmLivePulseV73{
  0%,100%{ opacity:.82; transform:scale(1); }
  50%{ opacity:1; transform:scale(1.08); }
}

@media (max-width: 359px){
  .pm-ph-v7-statusbar{
    min-height: 54px !important;
    margin: 12px 0 11px !important;
    border-radius: 16px !important;
  }

  .pm-ph-v7-statusbar-item{
    grid-template-columns: 21px minmax(0, 1fr) !important;
    column-gap: 7px !important;
    padding: 8px 8px !important;
  }

  .pm-ph-v7-statusbar-item i{
    width: 21px !important;
    font-size: 18px !important;
  }

  .pm-ph-v7-statusbar-item span{
    font-size: 6.4px !important;
    letter-spacing: .075em !important;
  }

  .pm-ph-v7-statusbar-item strong{
    font-size: 10.8px !important;
  }

  .pm-ph-v7-statusbar-divider{
    height: 30px !important;
  }
}


/* =========================================================
   PLAYER HERO MOBILE V7.4 — STATUS BAR FIT POLISH
   - 375px tuning: no clipping for "VAN TOP 8"
   - red glow only on LIVE side when live
   - green/cyan glow on PLAYOFF side
   - tighter icons/padding/font for narrow phones
   ========================================================= */

@media (max-width: 430px){

  .pm-ph-v7-statusbar{
    min-height: 54px !important;
    margin: 13px 0 12px !important;
    border-radius: 17px !important;
    grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr) !important;
    border-color: rgba(31, 214, 236, .24) !important;
    background:
      linear-gradient(90deg,
        rgba(44, 234, 255, .105) 0%,
        rgba(12, 52, 64, .78) 44%,
        rgba(5, 22, 38, .92) 50%,
        rgba(12, 58, 47, .80) 100%
      ) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.065),
      inset 0 -1px 0 rgba(0,0,0,.18),
      0 12px 22px rgba(0,0,0,.21) !important;
  }

  .pm-ph-v7-statusbar.is-live{
    border-color: rgba(31, 214, 236, .26) !important;
    background:
      radial-gradient(circle at 18% 50%, rgba(255, 56, 92, .26), transparent 36%),
      radial-gradient(circle at 82% 50%, rgba(61, 255, 123, .13), transparent 40%),
      linear-gradient(90deg,
        rgba(62, 18, 35, .88) 0%,
        rgba(18, 40, 54, .86) 45%,
        rgba(5, 22, 38, .93) 50%,
        rgba(10, 58, 48, .84) 100%
      ) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.07),
      inset 0 -1px 0 rgba(0,0,0,.18),
      0 0 12px rgba(255, 56, 92, .10),
      0 12px 22px rgba(0,0,0,.22) !important;
  }

  .pm-ph-v7-statusbar-item{
    min-width: 0 !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    column-gap: 8px !important;
    padding: 9px 9px !important;
  }

  .pm-ph-v7-statusbar-item i{
    width: 22px !important;
    font-size: 18px !important;
  }

  .pm-ph-v7-statusbar.is-live .pm-ph-v7-statusbar-item.is-live{
    background:
      radial-gradient(circle at 20% 50%, rgba(255, 57, 91, .18), transparent 42%) !important;
  }

 

  .pm-ph-v7-statusbar.is-live .pm-ph-v7-statusbar-item.is-live i{
    color:#ff3b62 !important;
    filter: drop-shadow(0 0 8px rgba(255,59,98,.62)) !important;
  }

  .pm-ph-v7-statusbar-item.is-playoff i{
    color:#43ff78 !important;
    filter: drop-shadow(0 0 7px rgba(67,255,120,.31)) !important;
  }

  .pm-ph-v7-statusbar-item span{
    font-size: 9.5px !important;
    letter-spacing: .078em !important;
    line-height: 1 !important;
    opacity: .73 !important;
  }

  .pm-ph-v7-statusbar-item strong{
    margin-top: 4px !important;
    font-size: 11.6px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .pm-ph-v7-statusbar-divider{
    height: 30px !important;
    opacity: .75 !important;
    background: linear-gradient(to bottom, transparent, rgba(100,226,244,.26), transparent) !important;
  }

  .pm-ph-v7-statusbar.is-live .pm-ph-v7-statusbar-divider{
    background: linear-gradient(to bottom, transparent, rgba(88,255,140,.30), transparent) !important;
  }

  /* Secondary cards: a little calmer and lower, not competing with main stats */
  .pm-ph-v7-secondary-card{
    min-height: 56px !important;
    padding: 7px 8px 6px !important;
    border-radius: 15px !important;
  }

  .pm-ph-v7-secondary-card span{
    margin-bottom: 6px !important;
    font-size: 7px !important;
  }

  .pm-ph-v7-secondary-card strong{
    font-size: 18px !important;
  }

  .pm-ph-v7-secondary-card.is-form{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.045),
      0 0 0 1px rgba(255, 199, 58, .16) !important;
  }

  .pm-ph-v7-secondary-card.is-form strong{
    font-size: 13.4px !important;
  }
}

/* dedicated 375/390px fit pass */
@media (max-width: 390px){

  .pm-ph-v7-statusbar{
    min-height: 52px !important;
    margin: 12px 0 11px !important;
    border-radius: 16px !important;
  }

  .pm-ph-v7-statusbar-item{
    grid-template-columns: 19px minmax(0, 1fr) !important;
    column-gap: 6px !important;
    padding: 8px 7px !important;
  }

  .pm-ph-v7-statusbar-item i{
    width: 19px !important;
    font-size: 16.5px !important;
  }

  .pm-ph-v7-statusbar-item span{
    font-size: 8.5px !important;
    letter-spacing: .05em !important;
  }

  .pm-ph-v7-statusbar-item strong{
    font-size: 10.4px !important;
    margin-top: 4px !important;
  }

  .pm-ph-v7-statusbar-divider{
    height: 28px !important;
  }

  .pm-ph-v7-secondary{
    gap: 8px !important;
    margin-bottom: 11px !important;
  }

  .pm-ph-v7-secondary-card{
    min-height: 54px !important;
    padding: 7px 7px 6px !important;
  }

  .pm-ph-v7-secondary-card strong{
    font-size: 17px !important;
  }

  .pm-ph-v7-secondary-card.is-form strong{
    font-size: 12.4px !important;
  }
}

@media (max-width: 359px){

  .pm-ph-v7-statusbar{
    min-height: 50px !important;
    margin: 11px 0 10px !important;
  }

  .pm-ph-v7-statusbar-item{
    grid-template-columns: 17px minmax(0, 1fr) !important;
    column-gap: 5px !important;
    padding: 7px 6px !important;
  }

  .pm-ph-v7-statusbar-item i{
    width: 17px !important;
    font-size: 15px !important;
  }

  .pm-ph-v7-statusbar-item span{
    font-size: 5.8px !important;
    letter-spacing: .035em !important;
  }

  .pm-ph-v7-statusbar-item strong{
    font-size: 9.5px !important;
  }
}


/* =========================================================
   PLAYER HERO MOBILE V7.5 — PLAYOFF STATE + IDENTITY POLISH
   ========================================================= */

@media (max-width: 430px){

  /* identity refinement */
  .pm-player-hero-v3 .pm-ph-v3-nameblock h1{
    font-size: clamp(26px, 7.9vw, 33px) !important;
    line-height: .96 !important;
    margin-bottom: 6px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-nick{
    font-size: 14px !important;
    letter-spacing: .18em !important;
    margin-bottom: 8px !important;
    opacity: .95 !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-season{
    font-size: 12px !important;
    letter-spacing: .10em !important;
    opacity: .62 !important;
  }


  .pm-ph-v7-statusbar-item.is-playoff.is-out i{
    color:#28dfff !important;
    filter: drop-shadow(0 0 6px rgba(40,223,255,.24)) !important;
  }

  .pm-ph-v7-statusbar-item.is-playoff.is-out strong{
    color:#f2f7fb !important;
    text-shadow:none !important;
  }


  .pm-ph-v7-statusbar-item.is-playoff.is-in i{
    color:#43ff78 !important;
    filter: drop-shadow(0 0 8px rgba(67,255,120,.38)) !important;
  }

  .pm-ph-v7-statusbar-item.is-playoff.is-in strong{
    color:#effff4 !important;
    text-shadow:0 0 8px rgba(67,255,120,.18) !important;
  }
}

@media (max-width: 390px){

  .pm-player-hero-v3 .pm-ph-v3-nameblock h1{
    font-size: clamp(24px, 7.5vw, 30px) !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-nick{
    font-size: 12px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-season{
    font-size: 11px !important;
  }
}


/* =========================================================
   PLAYER HERO MOBILE V7.6 — PLAYOFF FULL STATE
   - Playoff half behaves like LIVE half:
     inactive = neutral/cyan field
     active = full green field + trophy glow
   - Small Forma color calm-down
   ========================================================= */

@media (max-width: 430px){



  .pm-ph-v7-statusbar .pm-ph-v7-statusbar-item.is-playoff.is-out i{
    color:#28dfff !important;
    filter: drop-shadow(0 0 7px rgba(40,223,255,.28)) !important;
  }

  .pm-ph-v7-statusbar .pm-ph-v7-statusbar-item.is-playoff.is-out strong{
    color:#f3f8fb !important;
    text-shadow:0 2px 8px rgba(0,0,0,.30) !important;
  }


  .pm-ph-v7-statusbar .pm-ph-v7-statusbar-item.is-playoff.is-in i{
    color:#43ff78 !important;
    filter: drop-shadow(0 0 9px rgba(67,255,120,.48)) !important;
  }

  .pm-ph-v7-statusbar .pm-ph-v7-statusbar-item.is-playoff.is-in strong{
    color:#f0fff5 !important;
    text-shadow:0 0 10px rgba(67,255,120,.25), 0 2px 8px rgba(0,0,0,.35) !important;
  }

  /* statusbar base: avoid green spilling when playoff is not active */
  .pm-ph-v7-statusbar{
    background:
      linear-gradient(90deg,
        rgba(44, 234, 255, .105) 0%,
        rgba(12, 52, 64, .78) 44%,
        rgba(5, 22, 38, .92) 50%,
        rgba(10, 42, 56, .78) 100%
      ) !important;
  }

  .pm-ph-v7-statusbar.is-live{
    background:
      radial-gradient(circle at 18% 50%, rgba(255, 56, 92, .26), transparent 36%),
      linear-gradient(90deg,
        rgba(62, 18, 35, .88) 0%,
        rgba(18, 40, 54, .86) 45%,
        rgba(5, 22, 38, .93) 50%,
        rgba(10, 42, 56, .78) 100%
      ) !important;
  }

  /* calm down Forma card so it doesn't compete with Rack +/- */
  .pm-ph-v7-secondary-card.is-form{
    border-color: rgba(255, 198, 51, .22) !important;
    background:
      radial-gradient(circle at 18% 10%, rgba(255, 202, 57, .055), transparent 50%),
      linear-gradient(135deg, rgba(42, 39, 25, .52), rgba(5, 24, 42, .84)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      0 0 0 1px rgba(255, 199, 58, .13) !important;
  }

  .pm-ph-v7-secondary-card.is-form strong{
    color:#ffc94a !important;
    text-shadow:0 0 6px rgba(255,196,48,.12) !important;
  }

  .pm-ph-v7-secondary-card.is-form i{
    opacity:.62 !important;
    filter: drop-shadow(0 0 5px rgba(255,196,48,.12)) !important;
  }
}


/* =========================================================
   PLAYER HERO MOBILE V7.7 — PLAYOFF GRADIENT MATCH
   - active playoff uses a soft gradient like active LIVE side
   - no hard rectangular green block
   - inactive playoff remains neutral/cyan
   ========================================================= */

@media (max-width: 430px){


  .pm-ph-v7-statusbar .pm-ph-v7-statusbar-item.is-playoff.is-in::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    opacity:.78 !important;
  }

  .pm-ph-v7-statusbar-item{
    position:relative !important;
  }

  .pm-ph-v7-statusbar-item > *{
    position:relative !important;
    z-index:1 !important;
  }

  .pm-ph-v7-statusbar .pm-ph-v7-statusbar-item.is-playoff.is-in i{
    color:#4dff82 !important;
    filter: drop-shadow(0 0 10px rgba(67,255,120,.52)) !important;
  }

  .pm-ph-v7-statusbar .pm-ph-v7-statusbar-item.is-playoff.is-in strong{
    color:#f2fff5 !important;
    text-shadow:
      0 0 10px rgba(67,255,120,.24),
      0 2px 8px rgba(0,0,0,.35) !important;
  }

  /* active statusbar has red left + green right as one continuous premium field */
  .pm-ph-v7-statusbar.is-live:has(.pm-ph-v7-statusbar-item.is-playoff.is-in){
    background:
      radial-gradient(circle at 18% 50%, rgba(255, 56, 92, .26), transparent 36%),
      radial-gradient(circle at 82% 50%, rgba(67, 255, 120, .20), transparent 42%),
      linear-gradient(90deg,
        rgba(62, 18, 35, .88) 0%,
        rgba(18, 40, 54, .86) 45%,
        rgba(5, 22, 38, .93) 50%,
        rgba(9, 56, 44, .78) 100%
      ) !important;
  }

  /* if live is off but playoff is in, do NOT make whole bar red */
  .pm-ph-v7-statusbar.is-offline:has(.pm-ph-v7-statusbar-item.is-playoff.is-in){
    background:
      radial-gradient(circle at 18% 50%, rgba(45, 220, 255, .12), transparent 38%),
      radial-gradient(circle at 82% 50%, rgba(67, 255, 120, .20), transparent 42%),
      linear-gradient(90deg,
        rgba(10, 42, 56, .76) 0%,
        rgba(10, 42, 56, .76) 48%,
        rgba(5, 22, 38, .93) 50%,
        rgba(9, 56, 44, .78) 100%
      ) !important;
  }

  .pm-ph-v7-statusbar.is-live .pm-ph-v7-statusbar-divider{
    background: linear-gradient(to bottom, transparent, rgba(255,255,255,.18), transparent) !important;
    opacity:.85 !important;
  }
}


@media (max-width:430px){
.pm-ph-v7-secondary-v78{display:grid!important;grid-template-columns:1.38fr 1fr!important;gap:12px!important;align-items:stretch!important;margin-bottom:14px!important}
.pm-ph-v7-rankgroup-card{display:grid!important;grid-template-columns:1fr 1px 1fr!important;align-items:center!important;min-height:64px!important;border-radius:22px!important;overflow:hidden!important;border:1px solid rgba(21,193,224,.28)!important;background:radial-gradient(circle at 15% 15%, rgba(31,233,255,.08), transparent 48%),linear-gradient(135deg, rgba(7,33,54,.92), rgba(5,24,41,.94))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 20px rgba(0,0,0,.16)!important}
.pm-ph-v7-rg-divider{width:1px!important;height:34px!important;background:linear-gradient(to bottom,transparent,rgba(80,214,236,.30),transparent)!important}
.pm-ph-v7-rg-section{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:9px 14px 8px!important}
.pm-ph-v7-rg-section span{font-size:10px!important;line-height:1!important;letter-spacing:.12em!important;opacity:.62!important;font-weight:800!important;margin-bottom:8px!important}
.pm-ph-v7-rg-section strong{font-size:26px!important;line-height:1!important;color:#24e7ff!important}
.pm-ph-v7-rg-section:last-child strong{color:#3cf3ff!important}
.pm-ph-v7-rg-section i{position:absolute!important;right:14px!important;bottom:10px!important;font-size:23px!important;color:#00c8e8!important;opacity:.85!important}
.pm-ph-v7-secondary-v78 .pm-ph-v7-secondary-card.is-form{min-height:64px!important;border-radius:22px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:9px 14px 8px!important}
.pm-ph-v7-secondary-v78 .pm-ph-v7-secondary-card.is-form strong{font-size:15px!important;line-height:1.05!important}
}
@media (max-width:390px){
.pm-ph-v7-secondary-v78{grid-template-columns:1.32fr 1fr!important;gap:10px!important}
.pm-ph-v7-rankgroup-card{min-height:60px!important;border-radius:20px!important}
.pm-ph-v7-rg-section{padding:8px 11px 7px!important}
.pm-ph-v7-rg-section span{font-size:8px!important;margin-bottom:6px!important}
.pm-ph-v7-rg-section strong{font-size:22px!important}
.pm-ph-v7-rg-section i{right:11px!important;bottom:8px!important;font-size:20px!important}
.pm-ph-v7-secondary-v78 .pm-ph-v7-secondary-card.is-form{min-height:60px!important;padding:8px 11px 7px!important}
.pm-ph-v7-secondary-v78 .pm-ph-v7-secondary-card.is-form strong{font-size:13px!important}
}


/* =========================================================
   PLAYER HERO MOBILE V7.9 — SECONDARY ROW FINAL POLISH
   Baseline: current user CSS after merged Ranking/Grupa card.
   Goal:
   - Ranking/Grupa card slightly lower and lighter
   - Forma card aligned and less empty
   - Less gap between status bar and secondary row
   - No structural changes, no chart changes
   ========================================================= */

@media (max-width: 430px){

  /* Bring secondary row a little closer to the status bar */
  .pm-ph-v7-statusbar{
    margin-bottom: 10px !important;
  }

  .pm-ph-v7-secondary.pm-ph-v7-secondary-v78{
    gap: 11px !important;
    margin-bottom: 12px !important;
  }

  /* Ranking + Grupa merged card: less heavy than primary stats */
  .pm-ph-v7-rankgroup-card{
    min-height: 56px !important;
    border-radius: 18px !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.045),
      0 8px 17px rgba(0,0,0,.13) !important;
  }

  .pm-ph-v7-rg-divider{
    height: 28px !important;
    opacity: .82 !important;
  }

  .pm-ph-v7-rg-section{
    padding: 7px 12px 6px !important;
  }

  .pm-ph-v7-rg-section span{
    font-size: 11px !important;
    margin-bottom: 5px !important;
    letter-spacing: .105em !important;
    opacity: .64 !important;
  }

  .pm-ph-v7-rg-section strong{
    font-size: 18px !important;
    line-height: .95 !important;
  }

  .pm-ph-v7-rg-section i{
    right: 10px !important;
    bottom: 7px !important;
    font-size: 17px !important;
    opacity: .70 !important;
  }

  /* Forma gets wider from layout but lower visual weight */
  .pm-ph-v7-secondary-v78 .pm-ph-v7-secondary-card.is-form{
    min-height: 56px !important;
    border-radius: 18px !important;
    padding: 7px 12px 6px !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      0 0 0 1px rgba(255,199,58,.12),
      0 8px 17px rgba(0,0,0,.13) !important;
  }

  .pm-ph-v7-secondary-v78 .pm-ph-v7-secondary-card.is-form span{
    font-size: 9.5px !important;
    margin-bottom: 5px !important;
    letter-spacing: .105em !important;
    opacity: .67 !important;
  }

  .pm-ph-v7-secondary-v78 .pm-ph-v7-secondary-card.is-form strong{
    font-size: 13.4px !important;
    line-height: 1.04 !important;
    letter-spacing: .005em !important;
    text-transform: uppercase !important;
  }

  .pm-ph-v7-secondary-v78 .pm-ph-v7-secondary-card.is-form i{
    right: 10px !important;
    bottom: 7px !important;
    font-size: 16px !important;
    opacity: .58 !important;
  }
}

@media (max-width: 390px){

  .pm-ph-v7-statusbar{
    margin-bottom: 9px !important;
  }

  .pm-ph-v7-secondary.pm-ph-v7-secondary-v78{
    gap: 9px !important;
    margin-bottom: 11px !important;
  }

  .pm-ph-v7-rankgroup-card,
  .pm-ph-v7-secondary-v78 .pm-ph-v7-secondary-card.is-form{
    min-height: 52px !important;
    border-radius: 17px !important;
  }

  .pm-ph-v7-rg-section{
    padding: 7px 9px 6px !important;
  }

  .pm-ph-v7-rg-section span{
    font-size: 10px !important;
    margin-bottom: 5px !important;
  }

  .pm-ph-v7-rg-section strong{
    font-size: 16px !important;
  }

  .pm-ph-v7-rg-section i{
    right: 8px !important;
    bottom: 7px !important;
    font-size: 15px !important;
  }

  .pm-ph-v7-rg-divider{
    height: 26px !important;
  }

  .pm-ph-v7-secondary-v78 .pm-ph-v7-secondary-card.is-form{
    padding: 7px 9px 6px !important;
  }

  .pm-ph-v7-secondary-v78 .pm-ph-v7-secondary-card.is-form span{
    font-size: 9px !important;
    margin-bottom: 5px !important;
  }

  .pm-ph-v7-secondary-v78 .pm-ph-v7-secondary-card.is-form strong{
    font-size: 11.8px !important;
  }

  .pm-ph-v7-secondary-v78 .pm-ph-v7-secondary-card.is-form i{
    right: 8px !important;
    bottom: 7px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 359px){

  .pm-ph-v7-secondary.pm-ph-v7-secondary-v78{
    gap: 7px !important;
  }

  .pm-ph-v7-rankgroup-card,
  .pm-ph-v7-secondary-v78 .pm-ph-v7-secondary-card.is-form{
    min-height: 50px !important;
    border-radius: 15px !important;
  }

  .pm-ph-v7-rg-section{
    padding: 6px 7px 5px !important;
  }

  .pm-ph-v7-rg-section span{
    font-size: 6.3px !important;
  }

  .pm-ph-v7-rg-section strong{
    font-size: 17px !important;
  }

  .pm-ph-v7-secondary-v78 .pm-ph-v7-secondary-card.is-form strong{
    font-size: 10.7px !important;
  }
}