/* V657 - Site performance: rendering containment for public pages. */
.app-page:not(.is-active) {
  display: none !important;
}
.app-page.is-active,
.panel,
.stack-item,
.roster-card,
.roster-card-grid > *,
.news-item,
.mobile-tabular-wrap,
.table-wrap,
.dashboard-subsection {
  content-visibility: auto;
  contain-intrinsic-size: 1px 720px;
}
.app-page.is-active .panel,
.app-page.is-active .stack-item {
  contain: layout paint style;
}
.site-perf-placeholder-v657 {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 1rem;
  margin: .75rem 0;
  opacity: .82;
}
.site-perf-more-row-v657 td,
.site-perf-more-card-v657 {
  text-align: center;
  padding: 1rem;
}
@media (max-width: 900px) {
  .app-page.is-active .mobile-tabular tbody tr:nth-child(n+81):not(.site-perf-visible-v657):not(.site-perf-more-row-v657) {
    display: none;
  }
  .app-page.is-active .roster-card-grid > :nth-child(n+7):not(.site-perf-visible-v657):not(.site-perf-more-card-v657) {
    display: none;
  }
}

/* V659 - Mobile card lists for Listone and Rose tables. */
@media (max-width: 900px) {
  .site-mobile-card-table-v659 thead {
    display: none !important;
  }
  .site-mobile-card-wrap-v659 {
    overflow: visible;
  }
  .site-mobile-card-table-v659,
  .site-mobile-card-table-v659 tbody,
  .site-mobile-card-table-v659 tr,
  .site-mobile-card-table-v659 td {
    display: block;
    width: 100%;
  }
  .site-mobile-card-table-v659 td {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  .site-mobile-card-list-v659 {
    display: grid;
    gap: .7rem;
    contain: layout paint style;
  }
  .site-mobile-player-card-v659 {
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    padding: .82rem;
    background: rgba(255,255,255,.045);
    box-shadow: 0 10px 30px rgba(0,0,0,.14);
    content-visibility: auto;
    contain-intrinsic-size: 1px 150px;
  }
  .site-mobile-card-head-v659 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .65rem;
    margin-bottom: .65rem;
  }
  .site-mobile-card-title-v659 {
    min-width: 0;
    font-weight: 800;
    line-height: 1.22;
  }
  .site-mobile-card-title-v659 a,
  .site-mobile-card-field-v659 a {
    word-break: break-word;
  }
  .site-mobile-card-badges-v659 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .35rem;
    flex: 0 0 auto;
  }
  .site-mobile-card-badges-v659 > span,
  .site-mobile-card-badges-v659 .status,
  .site-mobile-card-field-v659 .status {
    display: inline-flex;
    align-items: center;
    min-height: 1.55rem;
    padding: .16rem .46rem;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
  }
  .site-mobile-card-grid-v659 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
  }
  .site-mobile-card-field-v659 {
    border-radius: 14px;
    background: rgba(0,0,0,.12);
    padding: .52rem .58rem;
    min-width: 0;
  }
  .site-mobile-card-field-wide-v659 {
    grid-column: 1 / -1;
  }
  .site-mobile-card-field-v659 > span {
    display: block;
    color: var(--muted, rgba(255,255,255,.62));
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1.15;
    margin-bottom: .22rem;
    text-transform: uppercase;
  }
  .site-mobile-card-field-v659 > strong {
    display: block;
    min-width: 0;
    font-size: .88rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
  }
  .site-mobile-card-field-v659.is-number > strong {
    font-variant-numeric: tabular-nums;
  }
  .site-mobile-more-wrap-v659 {
    padding: .9rem .2rem .2rem;
    text-align: center;
  }
  .site-mobile-more-v659 {
    min-width: min(100%, 260px);
  }
  .site-mobile-roster-list-v659 {
    margin-top: .25rem;
  }
  .site-mobile-roster-player-card-v659 {
    padding: .72rem;
  }
}

/* V662 - Mobile card layout piu compatto, ordinato e colorato per ruolo. */
@media (max-width: 900px) {
  .site-mobile-card-list-v662 {
    gap: clamp(.38rem, 1.8vw, .58rem);
    width: 100%;
  }

  .site-mobile-player-card-v662 {
    --role-rgb: 148, 163, 184;
    --role-soft: rgba(var(--role-rgb), .12);
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(var(--role-rgb), .34);
    border-left: clamp(3px, 1vw, 5px) solid rgba(var(--role-rgb), .9);
    border-radius: clamp(12px, 3vw, 16px);
    padding: clamp(.5rem, 2.3vw, .68rem);
    background:
      linear-gradient(135deg, rgba(var(--role-rgb), .14), rgba(255,255,255,.035) 45%, rgba(0,0,0,.12)),
      rgba(255,255,255,.035);
    box-shadow: 0 6px 18px rgba(0,0,0,.12);
    contain-intrinsic-size: 1px 116px;
  }

  .site-mobile-player-card-v662.is-role-gk,
  .site-mobile-player-card-v662[data-player-role^="P"] {
    --role-rgb: 250, 204, 21;
  }
  .site-mobile-player-card-v662.is-role-def,
  .site-mobile-player-card-v662[data-player-role^="D"] {
    --role-rgb: 34, 197, 94;
  }
  .site-mobile-player-card-v662.is-role-mid,
  .site-mobile-player-card-v662[data-player-role^="C"],
  .site-mobile-player-card-v662[data-player-role^="M"],
  .site-mobile-player-card-v662[data-player-role^="E"],
  .site-mobile-player-card-v662[data-player-role^="W"],
  .site-mobile-player-card-v662[data-player-role^="T"] {
    --role-rgb: 59, 130, 246;
  }
  .site-mobile-player-card-v662.is-role-fwd,
  .site-mobile-player-card-v662[data-player-role^="A"],
  .site-mobile-player-card-v662[data-player-role^="F"] {
    --role-rgb: 239, 68, 68;
  }

  .site-mobile-card-head-v662 {
    align-items: flex-start;
    gap: clamp(.45rem, 2vw, .65rem);
    margin-bottom: clamp(.38rem, 1.8vw, .55rem);
  }

  .site-mobile-card-title-wrap-v662 {
    min-width: 0;
    flex: 1 1 auto;
    display: grid;
    gap: .22rem;
  }

  .site-mobile-card-title-v662 {
    font-size: clamp(.9rem, 4vw, 1.02rem);
    line-height: 1.12;
    overflow-wrap: anywhere;
  }

  .site-mobile-card-title-v662 .link-button,
  .site-mobile-card-title-v662 a {
    padding: 0;
    min-height: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: inherit;
    text-align: left;
  }

  .site-mobile-card-subline-v662 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .28rem;
    color: var(--muted, rgba(255,255,255,.68));
    font-size: clamp(.68rem, 3vw, .78rem);
    line-height: 1.1;
  }

  .site-role-pill-v662,
  .site-mobile-card-badges-v662 > span,
  .site-mobile-card-badges-v662 .status,
  .site-mobile-card-field-v662 .status {
    min-height: 0;
    border: 1px solid rgba(var(--role-rgb), .34);
    border-radius: 999px;
    padding: .14rem .42rem;
    background: rgba(var(--role-rgb), .16);
    color: rgba(255,255,255,.92);
    font-size: clamp(.62rem, 2.7vw, .72rem);
    font-weight: 850;
    line-height: 1.1;
    letter-spacing: .015em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .site-role-pill-v662.is-role-gk { --role-rgb: 250, 204, 21; color: #fff7c2; }
  .site-role-pill-v662.is-role-def { --role-rgb: 34, 197, 94; color: #d8ffe7; }
  .site-role-pill-v662.is-role-mid { --role-rgb: 59, 130, 246; color: #dbeafe; }
  .site-role-pill-v662.is-role-fwd { --role-rgb: 239, 68, 68; color: #ffe2e2; }

  .site-mobile-card-badges-v662 {
    gap: .22rem;
    max-width: min(42%, 10rem);
  }

  .site-mobile-card-grid-v662 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(clamp(86px, 29vw, 142px), 1fr));
    gap: clamp(.32rem, 1.5vw, .48rem);
    align-items: stretch;
  }

  .site-mobile-card-field-v662 {
    border: 1px solid rgba(255,255,255,.055);
    border-radius: clamp(9px, 2.3vw, 12px);
    background: rgba(0,0,0,.105);
    padding: clamp(.34rem, 1.6vw, .48rem) clamp(.42rem, 1.8vw, .56rem);
    min-width: 0;
  }

  .site-mobile-card-field-v662 > span {
    font-size: clamp(.56rem, 2.45vw, .66rem);
    line-height: 1.05;
    margin-bottom: .12rem;
    color: var(--muted, rgba(255,255,255,.62));
  }

  .site-mobile-card-field-v662 > strong {
    font-size: clamp(.75rem, 3.15vw, .86rem);
    line-height: 1.12;
    overflow-wrap: anywhere;
  }

  .site-mobile-card-field-v662 .team-code,
  .site-mobile-card-subline-v662 .team-code {
    font-weight: 850;
  }

  .site-mobile-card-field-wide-v659.site-mobile-card-field-v662 {
    grid-column: 1 / -1;
  }

  .site-mobile-roster-player-card-v662 {
    padding: clamp(.46rem, 2vw, .62rem);
  }

  .site-mobile-more-wrap-v662 {
    padding: .62rem .1rem .1rem;
  }

  .site-mobile-more-v662,
  .site-mobile-more-v659 {
    width: min(100%, 13.5rem);
    min-width: 0;
    padding-block: .52rem;
  }
}

@media (max-width: 390px) {
  .site-mobile-player-card-v662 {
    border-radius: 12px;
    padding: .48rem;
  }
  .site-mobile-card-grid-v662 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .site-mobile-card-badges-v662 {
    max-width: 38%;
  }
  .site-mobile-card-title-v662 {
    font-size: .9rem;
  }
  .site-mobile-card-field-v662 > strong {
    font-size: .76rem;
  }
}

@media (min-width: 520px) and (max-width: 900px) {
  .site-mobile-card-grid-v662 {
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  }
  .site-mobile-player-card-v662 {
    padding: .68rem .74rem;
  }
}

/* V663 - rifinitura card mobile sito: colore per ruolo, card compatte, header tabella nascosta. */
@media (max-width: 900px) {
  .site-mobile-card-table-v659 thead,
  .site-mobile-card-table-v659 thead tr,
  .site-mobile-card-table-v659 thead th {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .site-mobile-card-wrap-v659,
  .site-mobile-card-row-v659,
  .site-mobile-card-row-v662,
  .site-mobile-card-row-v663,
  .site-mobile-card-row-v659 > td,
  .site-mobile-card-row-v662 > td,
  .site-mobile-card-row-v663 > td {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .site-mobile-card-list-v663 {
    width: min(100%, calc(100vw - clamp(1rem, 4vw, 2rem)));
    max-width: 100%;
    margin-inline: auto;
    gap: clamp(.34rem, 1.65vw, .54rem);
    grid-template-columns: minmax(0, 1fr);
  }

  .site-mobile-player-card-v663 {
    --role-rgb: 148, 163, 184;
    inline-size: 100%;
    max-inline-size: 100%;
    min-inline-size: 0;
    border-width: 1px;
    border-left-width: clamp(4px, 1.1vw, 6px);
    border-color: rgba(var(--role-rgb), .45);
    background:
      linear-gradient(135deg, rgba(var(--role-rgb), .22), rgba(var(--role-rgb), .10) 45%, rgba(8, 12, 20, .20)),
      rgba(14, 18, 28, .64);
    padding: clamp(.42rem, 1.9vw, .58rem);
    border-radius: clamp(10px, 2.8vw, 15px);
    box-shadow: 0 5px 14px rgba(0,0,0,.14);
    content-visibility: auto;
    contain-intrinsic-size: 1px 104px;
  }

  .site-mobile-player-card-v663.is-role-gk,
  .site-mobile-player-card-v663[data-player-role^="P"] { --role-rgb: 250, 204, 21; }
  .site-mobile-player-card-v663.is-role-def,
  .site-mobile-player-card-v663[data-player-role^="D"] { --role-rgb: 34, 197, 94; }
  .site-mobile-player-card-v663.is-role-mid,
  .site-mobile-player-card-v663[data-player-role^="C"],
  .site-mobile-player-card-v663[data-player-role^="M"],
  .site-mobile-player-card-v663[data-player-role^="E"],
  .site-mobile-player-card-v663[data-player-role^="W"],
  .site-mobile-player-card-v663[data-player-role^="T"] { --role-rgb: 59, 130, 246; }
  .site-mobile-player-card-v663.is-role-fwd,
  .site-mobile-player-card-v663[data-player-role^="A"],
  .site-mobile-player-card-v663[data-player-role^="F"] { --role-rgb: 239, 68, 68; }

  .site-mobile-card-head-v663 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: clamp(.35rem, 1.6vw, .55rem);
    margin-bottom: clamp(.28rem, 1.35vw, .42rem);
  }

  .site-mobile-card-title-wrap-v663 {
    min-width: 0;
    flex: 1 1 auto;
    gap: .16rem;
  }

  .site-mobile-title-line-v663 {
    display: flex;
    align-items: center;
    gap: .34rem;
    min-width: 0;
    flex-wrap: wrap;
  }

  .site-mobile-card-title-v663 {
    font-size: clamp(.86rem, 3.75vw, .98rem);
    line-height: 1.08;
    min-width: 0;
  }

  .site-mobile-title-roster-v663 {
    display: inline-flex;
    min-width: 0;
    max-width: min(100%, 12rem);
  }

  .site-roster-chip-v663 {
    display: inline-flex;
    align-items: center;
    gap: .24rem;
    max-width: 100%;
    min-height: 1.28rem;
    padding: .12rem .42rem;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.075);
    color: rgba(255,255,255,.92);
    font-size: clamp(.61rem, 2.55vw, .7rem);
    font-weight: 850;
    line-height: 1.05;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .site-roster-chip-v663 .club-name-with-logo {
    min-width: 0;
    max-width: 100%;
    gap: .2rem;
  }

  .site-roster-chip-v663 .club-logo,
  .site-roster-chip-v663 .club-logo-sm,
  .site-roster-chip-v663 img {
    width: 1rem !important;
    height: 1rem !important;
    min-width: 1rem !important;
  }

  .site-roster-chip-v663.is-free-agent {
    border-color: rgba(161, 98, 7, .58);
    background: rgba(161, 98, 7, .34);
    color: #fde68a;
  }

  .site-mobile-card-subline-v663 {
    gap: .22rem;
    font-size: clamp(.64rem, 2.65vw, .74rem);
  }

  .site-mobile-card-badges-v663 {
    flex: 0 0 auto;
    max-width: 8.2rem;
    gap: .18rem;
  }

  .site-status-badge-v663,
  .site-mobile-card-badges-v663 .status,
  .site-mobile-card-badges-v663 > span {
    display: inline-flex;
    align-items: center;
    min-height: 1.28rem;
    padding: .12rem .42rem;
    border-radius: 999px;
    font-size: clamp(.58rem, 2.45vw, .68rem);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: .012em;
    text-transform: uppercase;
    border: 1px solid rgba(255,255,255,.12);
  }

  .site-status-badge-v663.is-in-listone {
    border-color: rgba(34, 197, 94, .48);
    background: rgba(34, 197, 94, .22);
    color: #dcfce7;
  }

  .site-status-badge-v663.is-asterisk {
    border-color: rgba(250, 204, 21, .54);
    background: rgba(250, 204, 21, .22);
    color: #fef3c7;
  }

  .site-mobile-card-grid-v663 {
    grid-template-columns: repeat(auto-fit, minmax(clamp(76px, 27vw, 126px), 1fr));
    gap: clamp(.24rem, 1.2vw, .38rem);
  }

  .site-mobile-card-field-v663 {
    padding: clamp(.28rem, 1.3vw, .4rem) clamp(.34rem, 1.45vw, .48rem);
    border-radius: clamp(8px, 2vw, 11px);
    background: rgba(0,0,0,.135);
  }

  .site-mobile-card-field-v663 > span {
    font-size: clamp(.52rem, 2.22vw, .61rem);
    margin-bottom: .08rem;
  }

  .site-mobile-card-field-v663 > strong {
    font-size: clamp(.7rem, 2.92vw, .82rem);
    line-height: 1.1;
  }

  .site-mobile-more-wrap-v663 {
    padding: .52rem 0 .08rem;
  }

  .site-mobile-more-v663,
  .site-mobile-more-v659 {
    width: min(100%, 12.5rem);
  }
}

@media (max-width: 380px) {
  .site-mobile-card-list-v663 {
    width: min(100%, calc(100vw - .85rem));
  }
  .site-mobile-card-grid-v663 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .site-mobile-card-badges-v663 {
    max-width: 6.6rem;
  }
  .site-roster-chip-v663 {
    max-width: 8.2rem;
  }
}

@media (min-width: 520px) and (max-width: 900px) {
  .site-mobile-card-list-v663 {
    width: min(100%, 42rem);
  }
  .site-mobile-card-grid-v663 {
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  }
}

/* V664 - rifinitura finale card mobile sito: contenitori neutri, dedup campi, badge modifica in basso. */
@media (max-width: 900px) {
  .site-mobile-card-wrap-v664,
  .site-mobile-card-wrap-v664.table-wrap,
  .site-mobile-card-wrap-v664.mobile-tabular-wrap,
  .table-wrap:has(.site-mobile-card-table-v659),
  .mobile-tabular-wrap:has(.site-mobile-card-table-v659) {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
    padding-inline: 0 !important;
  }

  .site-mobile-card-table-v659,
  .site-mobile-card-table-v664,
  .site-mobile-card-table-v659 tbody,
  .site-mobile-card-table-v664 tbody,
  .site-mobile-card-table-v659 tr,
  .site-mobile-card-table-v664 tr,
  .site-mobile-card-table-v659 td,
  .site-mobile-card-table-v664 td {
    background: transparent !important;
    background-color: transparent !important;
  }

  .site-mobile-card-row-v664,
  .site-mobile-card-row-v664 > td,
  .site-mobile-card-list-v664 {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  .site-mobile-card-list-v664 {
    width: min(100%, calc(100dvw - clamp(.75rem, 3.5vw, 1.4rem)));
    margin-inline: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .site-mobile-player-card-v664 {
    position: relative;
    overflow: hidden;
    padding-bottom: clamp(.64rem, 2.8vw, .82rem);
    background:
      linear-gradient(135deg, rgba(var(--role-rgb), .34), rgba(var(--role-rgb), .16) 42%, rgba(8, 12, 20, .20)),
      rgba(12, 16, 26, .74) !important;
  }

  .site-mobile-player-card-v664.is-role-gk,
  .site-mobile-player-card-v664[data-player-role^="P"] { --role-rgb: 250, 204, 21; }
  .site-mobile-player-card-v664.is-role-def,
  .site-mobile-player-card-v664[data-player-role^="D"] { --role-rgb: 34, 197, 94; }
  .site-mobile-player-card-v664.is-role-mid,
  .site-mobile-player-card-v664[data-player-role^="C"],
  .site-mobile-player-card-v664[data-player-role^="M"],
  .site-mobile-player-card-v664[data-player-role^="E"],
  .site-mobile-player-card-v664[data-player-role^="W"],
  .site-mobile-player-card-v664[data-player-role^="T"] { --role-rgb: 59, 130, 246; }
  .site-mobile-player-card-v664.is-role-fwd,
  .site-mobile-player-card-v664[data-player-role^="A"],
  .site-mobile-player-card-v664[data-player-role^="F"] { --role-rgb: 239, 68, 68; }

  .site-mobile-card-grid-v664 {
    grid-template-columns: repeat(auto-fit, minmax(clamp(82px, 28vw, 128px), 1fr));
  }

  .site-mobile-card-field-v664 {
    background: rgba(0,0,0,.16) !important;
  }

  .site-listone-change-badge-v664 {
    position: absolute;
    right: .42rem;
    bottom: .34rem;
    display: inline-flex;
    align-items: center;
    min-height: 1.05rem;
    max-width: calc(100% - .84rem);
    padding: .08rem .38rem;
    border-radius: 999px;
    border: 1px solid rgba(96, 165, 250, .45);
    background: rgba(37, 99, 235, .32);
    color: #dbeafe;
    font-size: clamp(.52rem, 2.2vw, .62rem);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: .01em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .site-listone-change-badge-v664.is-new {
    border-color: rgba(34, 197, 94, .55);
    background: rgba(22, 163, 74, .30);
    color: #dcfce7;
  }
  .site-listone-change-badge-v664.is-removed,
  .site-listone-change-badge-v664.is-down {
    border-color: rgba(248, 113, 113, .55);
    background: rgba(220, 38, 38, .28);
    color: #fee2e2;
  }
  .site-listone-change-badge-v664.is-up {
    border-color: rgba(34, 197, 94, .55);
    background: rgba(22, 163, 74, .30);
    color: #dcfce7;
  }
  .site-listone-change-badge-v664.is-changed {
    border-color: rgba(251, 191, 36, .58);
    background: rgba(180, 83, 9, .28);
    color: #fef3c7;
  }

  .site-mobile-card-badges-v664 .status-ok,
  .site-mobile-card-badges-v664 .site-status-badge-v663.is-in-listone {
    border-color: rgba(34, 197, 94, .56) !important;
    background: rgba(34, 197, 94, .24) !important;
    color: #dcfce7 !important;
  }

  .site-mobile-card-badges-v664 .status-warning,
  .site-mobile-card-badges-v664 .site-status-badge-v663.is-asterisk {
    border-color: rgba(250, 204, 21, .58) !important;
    background: rgba(250, 204, 21, .23) !important;
    color: #fef3c7 !important;
  }

  .team-profile-roster-cards-v664 {
    margin-top: .25rem;
  }
}

@media (max-width: 380px) {
  .site-mobile-card-list-v664 {
    width: min(100%, calc(100dvw - .7rem));
  }
  .site-mobile-card-grid-v664 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 520px) and (max-width: 900px) {
  .site-mobile-card-list-v664 {
    width: min(100%, 43rem);
  }
}


/* V665 - Fix sfondo listone mobile e caricamento leggero. */
@media (max-width: 900px) {
  html body.is-mobile-ux .app-page[data-page="listone"] .listone-main-panel,
  html body.is-mobile-ux .app-page[data-page="listone"] .listone-table-wrap,
  html body.is-mobile-ux .app-page[data-page="listone"] .mobile-tabular-wrap.listone-table-wrap,
  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-card-wrap-v659,
  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-card-wrap-v664,
  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-card-wrap-v665,
  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-card-table-v659,
  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-card-table-v664,
  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-card-table-v665,
  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-card-table-v659 tbody,
  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-card-table-v659 tr,
  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-card-table-v659 td {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html body.is-mobile-ux .app-page[data-page="listone"] .listone-main-panel {
    border-color: rgba(255,255,255,.10) !important;
  }

  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-card-list-v659,
  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-card-list-v664,
  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-card-list-v665 {
    width: min(100%, calc(100dvw - clamp(.75rem, 3.5vw, 1.25rem))) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    padding: 0 !important;
  }

  html body.is-mobile-ux .site-mobile-player-card-v665,
  html body.is-mobile-ux .site-mobile-player-card-v664 {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (min-width: 520px) and (max-width: 900px) {
  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-card-list-v665,
  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-card-list-v664 {
    width: min(100%, 43rem) !important;
  }
}


/* V667 - mobile cards final polish: neutral listone surface and uppercase player names. */
@media (max-width: 900px) {
  html body.is-mobile-ux .app-page[data-page="listone"] .panel,
  html body.is-mobile-ux .app-page[data-page="listone"] .listone-main-panel,
  html body.is-mobile-ux .app-page[data-page="listone"] .listone-table-wrap,
  html body.is-mobile-ux .app-page[data-page="listone"] .table-wrap,
  html body.is-mobile-ux .app-page[data-page="listone"] .mobile-tabular-wrap,
  html body.is-mobile-ux .app-page[data-page="listone"] .responsive-table,
  html body.is-mobile-ux .app-page[data-page="listone"] table,
  html body.is-mobile-ux .app-page[data-page="listone"] thead,
  html body.is-mobile-ux .app-page[data-page="listone"] tbody,
  html body.is-mobile-ux .app-page[data-page="listone"] tr,
  html body.is-mobile-ux .app-page[data-page="listone"] td,
  html body.is-mobile-ux .app-page[data-page="listone"] #listoneTableBody,
  html body.is-mobile-ux .app-page[data-page="listone"] #listoneTableBody > tr,
  html body.is-mobile-ux .app-page[data-page="listone"] #listoneTableBody > tr > td,
  html body.is-mobile-ux .app-page[data-page="listone"] [class*="role-row"],
  html body.is-mobile-ux .app-page[data-page="listone"] [class*="role-"]:not(.site-mobile-player-card-v659):not(.site-mobile-player-card-v662):not(.site-mobile-player-card-v663):not(.site-mobile-player-card-v664):not(.site-mobile-player-card-v665):not(.site-mobile-player-card-v667):not(.site-role-pill-v662) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html body.is-mobile-ux .app-page[data-page="listone"] .listone-main-panel {
    background: rgba(12, 16, 26, .62) !important;
    border-color: rgba(255,255,255,.10) !important;
  }

  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-card-list-v659,
  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-card-list-v664,
  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-card-list-v665,
  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-card-list-v667 {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body.is-mobile-ux .site-mobile-player-card-v667,
  html body.is-mobile-ux .site-mobile-player-card-v664,
  html body.is-mobile-ux .site-mobile-player-card-v665 {
    background:
      linear-gradient(135deg, rgba(var(--role-rgb), .34), rgba(var(--role-rgb), .16) 42%, rgba(8, 12, 20, .20)),
      rgba(12, 16, 26, .78) !important;
    border-color: rgba(var(--role-rgb), .44) !important;
  }

  html body.is-mobile-ux .site-mobile-card-title-v659,
  html body.is-mobile-ux .site-mobile-card-title-v662,
  html body.is-mobile-ux .site-mobile-card-title-v663,
  html body.is-mobile-ux .site-mobile-card-title-v667 {
    text-transform: uppercase !important;
    letter-spacing: .015em;
  }

  html body.is-mobile-ux .site-mobile-title-roster-v663,
  html body.is-mobile-ux .site-roster-chip-v663,
  html body.is-mobile-ux .site-mobile-card-badges-v663,
  html body.is-mobile-ux .site-mobile-card-badges-v664 {
    text-transform: none !important;
    letter-spacing: normal;
  }

  html body.is-mobile-ux .site-listone-change-badge-v664 {
    text-transform: uppercase !important;
  }
}

/* V672 - rollback mirato: sfondo/td Listone mobile riportati alla base stabile V667.
 * Non aggiungere qui override su td.fpt-v584-col-player: deve tornare a comportarsi
 * come in V667, senza runtime fullwidth V670/V671 e senza rimozione della classe legacy.
 */

/* V673 - Listone mobile allineato allo stile/organizzazione delle card Rose.
 * Mantiene il comportamento legacy V667/V672 del td.fpt-v584-col-player, ma
 * sposta lo stato in alto a destra come badge verde/giallo e usa box ordinati.
 */
@media (max-width: 900px) {
  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-listone-player-card-v673 {
    display: grid;
    gap: clamp(.44rem, 1.8vw, .62rem);
  }

  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-listone-player-card-v673 .site-mobile-card-head-v673 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: clamp(.42rem, 1.9vw, .64rem);
    margin-bottom: 0;
  }

  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-listone-player-card-v673 .site-mobile-card-title-wrap-v673 {
    min-width: 0;
  }

  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-listone-player-card-v673 .site-mobile-card-badges-v673 {
    justify-content: flex-end;
    align-self: start;
    max-width: min(42vw, 9.6rem);
  }

  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-listone-player-card-v673 .site-status-badge-v663 {
    min-height: 1.3rem;
    padding: .14rem .48rem;
    font-size: clamp(.58rem, 2.45vw, .68rem);
    white-space: nowrap;
  }

  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-listone-player-card-v673 .site-status-badge-v663.is-in-listone {
    border-color: rgba(34, 197, 94, .62) !important;
    background: rgba(34, 197, 94, .28) !important;
    color: #dcfce7 !important;
  }

  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-listone-player-card-v673 .site-status-badge-v663.is-asterisk {
    border-color: rgba(250, 204, 21, .64) !important;
    background: rgba(250, 204, 21, .27) !important;
    color: #fef3c7 !important;
  }

  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-listone-player-card-v673 .site-mobile-card-grid-v673 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(.32rem, 1.35vw, .46rem);
  }

  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-listone-player-card-v673 .site-mobile-card-field-v673 {
    min-height: clamp(2.55rem, 10vw, 3.2rem);
    display: grid;
    align-content: start;
  }

  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-listone-player-card-v673 .site-mobile-card-field-v673 > span {
    opacity: .86;
  }

  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-listone-player-card-v673 .site-mobile-card-field-v673.is-empty > strong {
    opacity: .35;
  }
}

@media (min-width: 520px) and (max-width: 900px) {
  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-listone-player-card-v673 .site-mobile-card-grid-v673 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* V675 - Listone mobile usa la stessa griglia/stile delle card Rose V668. */
@media (max-width: 900px) {
  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-listone-player-card-v675 {
    display: block;
  }

  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-listone-player-card-v675 .site-mobile-card-head-v675 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: clamp(.45rem, 2vw, .65rem);
    margin-bottom: clamp(.38rem, 1.8vw, .55rem);
  }

  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-listone-player-card-v675 .site-mobile-card-title-wrap-v675 {
    min-width: 0;
    flex: 1 1 auto;
    display: grid;
    gap: .22rem;
  }

  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-listone-player-card-v675 .site-mobile-card-badges-v675 {
    flex: 0 0 auto;
    justify-content: flex-end;
    align-self: flex-start;
    max-width: 8.2rem;
  }

  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-listone-player-card-v675 .site-status-badge-v663.is-in-listone {
    border-color: rgba(34, 197, 94, .62) !important;
    background: rgba(34, 197, 94, .28) !important;
    color: #dcfce7 !important;
  }

  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-listone-player-card-v675 .site-status-badge-v663.is-asterisk {
    border-color: rgba(250, 204, 21, .64) !important;
    background: rgba(250, 204, 21, .27) !important;
    color: #fef3c7 !important;
  }

  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-listone-player-card-v675 .site-mobile-card-grid-v675 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(clamp(82px, 28vw, 128px), 1fr));
    gap: clamp(.32rem, 1.35vw, .46rem);
    align-items: stretch;
  }
}

@media (max-width: 380px) {
  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-listone-player-card-v675 .site-mobile-card-grid-v675 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 520px) and (max-width: 900px) {
  html body.is-mobile-ux .app-page[data-page="listone"] .site-mobile-listone-player-card-v675 .site-mobile-card-grid-v675 {
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  }
}

/* V676 - Listone mobile fuori dalla tabella legacy.
 * Su desktop non cambia nulla: la tabella resta la sorgente visuale.
 * Su mobile il Listone viene renderizzato in una section/div separata, come le Rose,
 * evitando eredita da tr/td e da td.fpt-v584-col-player.
 */
@media (max-width: 900px) {
  html body .app-page[data-page="listone"] .listone-table-wrap[hidden],
  html body .app-page[data-page="listone"] .listone-table-wrap.is-site-listone-table-hidden-v676 {
    display: none !important;
  }

  html body .app-page[data-page="listone"] .site-listone-mobile-v676 {
    display: block;
    width: min(100%, calc(100dvw - clamp(.75rem, 3.4vw, 1.15rem)));
    max-width: 48rem;
    margin: clamp(.55rem, 2vw, .85rem) auto 0;
    padding: 0;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box;
  }

  html body .app-page[data-page="listone"] .site-listone-mobile-v676[hidden] {
    display: none !important;
  }

  html body .app-page[data-page="listone"] .site-listone-mobile-list-v676 {
    display: grid;
    gap: clamp(.42rem, 1.8vw, .62rem);
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    background: transparent !important;
    box-sizing: border-box;
  }

  html body .app-page[data-page="listone"] .site-listone-mobile-list-v676 > .site-mobile-player-card-v659 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html body .app-page[data-page="listone"] .site-listone-empty-v676 {
    width: 100%;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 16px;
    padding: .95rem;
    text-align: center;
    color: var(--muted, rgba(255,255,255,.66));
    background: rgba(12,16,26,.42);
    box-sizing: border-box;
  }

  html body .app-page[data-page="listone"] .site-listone-mobile-more-v676 {
    padding: .85rem .2rem .2rem;
    text-align: center;
  }
}

@media (min-width: 901px) {
  .site-listone-mobile-v676 {
    display: none !important;
  }
}

/* V678 - Listone mobile div: stesso impianto delle Rose, campi completi e badge modifica in basso. */
@media (max-width: 900px) {
  html body .app-page[data-page="listone"] .site-listone-mobile-v676,
  html body .app-page[data-page="listone"] .site-listone-mobile-v678 {
    width: min(100%, calc(100dvw - clamp(.75rem, 3.4vw, 1.15rem))) !important;
    max-width: 48rem !important;
  }

  html body .app-page[data-page="listone"] .site-listone-mobile-list-v676,
  html body .app-page[data-page="listone"] .site-listone-mobile-list-v678 {
    display: grid !important;
    gap: clamp(.48rem, 1.9vw, .68rem) !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v678 {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding-bottom: clamp(1.85rem, 6vw, 2.25rem) !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v678 .site-mobile-card-head-v678 {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: clamp(.5rem, 2vw, .7rem) !important;
    margin-bottom: clamp(.42rem, 1.8vw, .58rem) !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v678 .site-mobile-card-title-wrap-v678 {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v678 .site-mobile-card-title-v659,
  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v678 .site-mobile-card-title-v662,
  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v678 .site-mobile-card-title-v663 {
    text-transform: uppercase !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v678 .site-mobile-card-badges-v678 {
    flex: 0 0 auto !important;
    justify-content: flex-end !important;
    align-self: flex-start !important;
    max-width: min(42vw, 9.2rem) !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v678 .site-status-badge-v663 {
    min-height: 1.35rem !important;
    padding: .15rem .5rem !important;
    border-radius: 999px !important;
    font-size: clamp(.58rem, 2.45vw, .68rem) !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    border: 1px solid rgba(255,255,255,.16) !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v678 .site-status-badge-v663.is-in-listone {
    border-color: rgba(34, 197, 94, .62) !important;
    background: rgba(34, 197, 94, .28) !important;
    color: #dcfce7 !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v678 .site-status-badge-v663.is-asterisk {
    border-color: rgba(250, 204, 21, .72) !important;
    background: rgba(250, 204, 21, .30) !important;
    color: #fef3c7 !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v678 .site-mobile-card-grid-v678 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(.32rem, 1.35vw, .48rem) !important;
    align-items: stretch !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v678 .site-mobile-card-field-v678 {
    min-height: clamp(2.55rem, 10vw, 3.22rem) !important;
    display: grid !important;
    align-content: start !important;
    border-radius: clamp(10px, 2.6vw, 14px) !important;
    background: rgba(0,0,0,.14) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    padding: clamp(.42rem, 1.6vw, .56rem) !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v678 .site-mobile-card-field-v678 > span {
    display: block !important;
    color: var(--muted, rgba(255,255,255,.62)) !important;
    font-size: clamp(.56rem, 2.35vw, .66rem) !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    line-height: 1.1 !important;
    margin-bottom: .2rem !important;
    text-transform: uppercase !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v678 .site-mobile-card-field-v678 > strong {
    display: block !important;
    min-width: 0 !important;
    font-size: clamp(.74rem, 3.1vw, .9rem) !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v678 .site-mobile-card-field-v678.is-number > strong {
    font-variant-numeric: tabular-nums !important;
    text-align: right !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v678 .site-mobile-card-field-v678.is-empty > strong {
    opacity: .28 !important;
  }

  html body .app-page[data-page="listone"] .site-listone-change-corner-v678 {
    position: absolute !important;
    right: clamp(.55rem, 2vw, .75rem) !important;
    bottom: clamp(.48rem, 1.7vw, .65rem) !important;
    z-index: 2 !important;
    display: inline-flex !important;
  }

  html body .app-page[data-page="listone"] .site-listone-change-corner-v678 .site-listone-change-badge-v664 {
    min-height: 1.25rem !important;
    padding: .12rem .48rem !important;
    border-radius: 999px !important;
    font-size: clamp(.56rem, 2.3vw, .64rem) !important;
    font-weight: 900 !important;
    letter-spacing: .03em !important;
    text-transform: uppercase !important;
    border: 1px solid rgba(96, 165, 250, .48) !important;
    background: rgba(37, 99, 235, .28) !important;
    color: #dbeafe !important;
  }
}

@media (min-width: 520px) and (max-width: 900px) {
  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v678 .site-mobile-card-grid-v678 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* V679 - Listone mobile: card pulite, niente Campi visibili, badge Modifica più leggibile. */
@media (max-width: 900px) {
  html body .app-page[data-page="listone"] #listoneColumnControls,
  html body .app-page[data-page="listone"] .column-visibility-control,
  html body .app-page[data-page="listone"] .column-visibility-control-v668 {
    display: none !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v679 {
    padding-bottom: clamp(2.35rem, 7.2vw, 2.85rem) !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v679 .site-mobile-card-grid-v679 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(.34rem, 1.4vw, .5rem) !important;
    align-items: stretch !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v679 .site-mobile-card-field-v679 {
    min-height: clamp(2.55rem, 10vw, 3.25rem) !important;
    display: grid !important;
    align-content: start !important;
    border-radius: clamp(10px, 2.6vw, 14px) !important;
    background: rgba(0,0,0,.14) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    padding: clamp(.42rem, 1.6vw, .56rem) !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v679 .site-mobile-card-field-v679 > span {
    display: block !important;
    color: var(--muted, rgba(255,255,255,.62)) !important;
    font-size: clamp(.56rem, 2.35vw, .66rem) !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    line-height: 1.1 !important;
    margin-bottom: .2rem !important;
    text-transform: uppercase !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v679 .site-mobile-card-field-v679 > strong {
    display: block !important;
    min-width: 0 !important;
    font-size: clamp(.74rem, 3.1vw, .9rem) !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v679 .site-mobile-card-field-v679.is-number > strong {
    font-variant-numeric: tabular-nums !important;
    text-align: right !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v679 .site-mobile-card-field-v679.is-empty > strong {
    opacity: .28 !important;
  }

  html body .app-page[data-page="listone"] .site-listone-change-corner-v679 {
    position: absolute !important;
    right: clamp(.58rem, 2.1vw, .8rem) !important;
    bottom: clamp(.52rem, 1.9vw, .72rem) !important;
    z-index: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    max-width: calc(100% - 1.2rem) !important;
  }

  html body .app-page[data-page="listone"] .site-listone-change-corner-v679 .site-listone-change-badge-v664,
  html body .app-page[data-page="listone"] .site-listone-change-corner-v679 .site-listone-change-badge-v679,
  html body .app-page[data-page="listone"] .site-listone-change-corner-v679 span {
    min-height: 1.55rem !important;
    padding: .24rem .68rem !important;
    border-radius: 999px !important;
    font-size: clamp(.68rem, 2.7vw, .78rem) !important;
    font-weight: 950 !important;
    letter-spacing: .035em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    border: 1px solid rgba(96, 165, 250, .58) !important;
    background: rgba(37, 99, 235, .35) !important;
    color: #dbeafe !important;
    white-space: nowrap !important;
    box-shadow: 0 6px 16px rgba(0,0,0,.20) !important;
  }
}

@media (min-width: 520px) and (max-width: 900px) {
  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v679 .site-mobile-card-grid-v679 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* V680 - Listone/Rose mobile: costo ripristinato, badge Modifica blu come Stato, Rose senza Stato/Mercato box e senza carica-altro. */
@media (max-width: 900px) {
  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v680,
  html body .site-mobile-listone-player-card-v680 {
    padding-bottom: clamp(2.55rem, 7.8vw, 3.05rem) !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v680 .site-mobile-card-grid-v680 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(.34rem, 1.4vw, .5rem) !important;
    align-items: stretch !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v680 .site-mobile-card-field-v680,
  html body .site-mobile-roster-player-card-v680 .site-mobile-card-field-v680 {
    min-height: clamp(2.55rem, 10vw, 3.25rem) !important;
    display: grid !important;
    align-content: start !important;
    border-radius: clamp(10px, 2.6vw, 14px) !important;
    background: rgba(0,0,0,.14) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    padding: clamp(.42rem, 1.6vw, .56rem) !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v680 .site-mobile-card-field-v680 > span,
  html body .site-mobile-roster-player-card-v680 .site-mobile-card-field-v680 > span {
    display: block !important;
    color: var(--muted, rgba(255,255,255,.62)) !important;
    font-size: clamp(.56rem, 2.35vw, .66rem) !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    line-height: 1.1 !important;
    margin-bottom: .2rem !important;
    text-transform: uppercase !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v680 .site-mobile-card-field-v680 > strong,
  html body .site-mobile-roster-player-card-v680 .site-mobile-card-field-v680 > strong {
    display: block !important;
    min-width: 0 !important;
    font-size: clamp(.74rem, 3.1vw, .9rem) !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere !important;
  }

  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v680 .site-mobile-card-field-v680.is-number > strong,
  html body .site-mobile-roster-player-card-v680 .site-mobile-card-field-v680.is-number > strong {
    font-variant-numeric: tabular-nums !important;
    text-align: right !important;
  }

  html body .app-page[data-page="listone"] .site-listone-change-corner-v680 {
    position: absolute !important;
    right: clamp(.58rem, 2.1vw, .8rem) !important;
    bottom: clamp(.52rem, 1.9vw, .72rem) !important;
    z-index: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    max-width: calc(100% - 1.2rem) !important;
  }

  html body .app-page[data-page="listone"] .site-listone-change-corner-v680 .site-listone-change-badge-v680,
  html body .app-page[data-page="listone"] .site-listone-change-corner-v680 .site-listone-change-badge-v679,
  html body .app-page[data-page="listone"] .site-listone-change-corner-v680 .site-listone-change-badge-v664,
  html body .app-page[data-page="listone"] .site-listone-change-corner-v680 span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 1.35rem !important;
    padding: .15rem .5rem !important;
    border-radius: 999px !important;
    font-size: clamp(.58rem, 2.45vw, .68rem) !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    letter-spacing: .012em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    border: 1px solid rgba(96, 165, 250, .62) !important;
    background: rgba(37, 99, 235, .38) !important;
    color: #dbeafe !important;
    box-shadow: 0 6px 16px rgba(0,0,0,.20) !important;
  }

  html body .site-mobile-roster-player-card-v680 .site-mobile-card-badges-v680,
  html body .site-mobile-roster-player-card-v680 .site-mobile-card-badges-v664,
  html body .site-mobile-roster-player-card-v680 .site-mobile-card-badges-v668 {
    flex: 0 0 auto !important;
    justify-content: flex-end !important;
    align-self: flex-start !important;
    max-width: min(44vw, 9.5rem) !important;
  }

  html body .site-mobile-roster-player-card-v680 .site-mobile-card-grid-v680 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(.34rem, 1.4vw, .5rem) !important;
  }

  html body .site-mobile-roster-list-v680 + .site-mobile-more-wrap-v680,
  html body .site-mobile-more-wrap-v680.is-hidden {
    display: none !important;
  }
}

@media (min-width: 520px) and (max-width: 900px) {
  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v680 .site-mobile-card-grid-v680,
  html body .site-mobile-roster-player-card-v680 .site-mobile-card-grid-v680 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* V681 - Listone mobile: badge modifica leggibile e fuori dalle vecchie regole V664/V680. */
@media (max-width: 900px) {
  html body .app-page[data-page="listone"] .site-mobile-listone-player-card-v681 {
    padding-bottom: clamp(2.15rem, 8vw, 2.65rem) !important;
  }

  html body .app-page[data-page="listone"] .site-listone-change-corner-v681 {
    position: absolute !important;
    right: clamp(.58rem, 2.2vw, .82rem) !important;
    bottom: clamp(.55rem, 2vw, .78rem) !important;
    z-index: 6 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: calc(100% - 1.25rem) !important;
    pointer-events: none !important;
  }

  html body .app-page[data-page="listone"] .site-listone-change-badge-v681 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: clamp(6.8rem, 34vw, 9.2rem) !important;
    max-width: min(74vw, 18rem) !important;
    min-height: 1.62rem !important;
    padding: .25rem .78rem !important;
    border: 1px solid rgba(96, 165, 250, .68) !important;
    border-radius: 999px !important;
    background: rgba(37, 99, 235, .42) !important;
    color: #dbeafe !important;
    box-shadow: 0 7px 18px rgba(0,0,0,.22) !important;
    font-size: clamp(.68rem, 2.75vw, .8rem) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: .035em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  html body .app-page[data-page="listone"] .site-listone-change-badge-v681.is-unchanged {
    border-color: rgba(96, 165, 250, .64) !important;
    background: rgba(37, 99, 235, .40) !important;
    color: #dbeafe !important;
  }

  html body .app-page[data-page="listone"] .site-listone-change-badge-v681.is-new {
    border-color: rgba(34, 197, 94, .65) !important;
    background: rgba(22, 163, 74, .36) !important;
    color: #dcfce7 !important;
  }

  html body .app-page[data-page="listone"] .site-listone-change-badge-v681.is-removed {
    border-color: rgba(248, 113, 113, .65) !important;
    background: rgba(220, 38, 38, .34) !important;
    color: #fee2e2 !important;
  }

  html body .app-page[data-page="listone"] .site-listone-change-badge-v681.is-changed {
    border-color: rgba(96, 165, 250, .70) !important;
    background: rgba(37, 99, 235, .46) !important;
    color: #eff6ff !important;
  }
}


/* V690 - Profilo squadra mobile: movimenti e comunicati adattivi */
@media (max-width: 720px) {
  .team-profile-movements-list-v690,
  .team-profile-news-list-v690 {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .65rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .team-profile-movement-card-v690,
  .team-profile-news-card-v690,
  .team-profile-news-list-v690 > .compact-card,
  .team-profile-news-list .compact-card,
  .team-profile-news-card {
    width: 100%;
    max-width: min(100%, calc(100dvw - 1.5rem));
    box-sizing: border-box;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: normal;
    margin-inline: auto;
  }
  .team-profile-movement-card-v690 {
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 1rem;
    padding: .75rem .8rem;
    background: rgba(255,255,255,.92);
    box-shadow: 0 .55rem 1.25rem rgba(15,23,42,.08);
  }
  .team-profile-movement-head-v690 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .5rem;
  }
  .team-profile-movement-head-v690 strong {
    min-width: 0;
    font-size: .98rem;
    line-height: 1.15;
  }
  .team-profile-movement-meta-v690 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
  }
  .team-profile-movement-field-v690 {
    min-width: 0;
    border: 1px solid rgba(15,23,42,.08);
    border-radius: .75rem;
    padding: .45rem .55rem;
    background: rgba(248,250,252,.92);
  }
  .team-profile-movement-field-v690 span {
    display: block;
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #64748b;
    margin-bottom: .15rem;
  }
  .team-profile-movement-field-v690 b {
    display: block;
    font-size: .82rem;
    line-height: 1.15;
    overflow-wrap: anywhere;
  }
  .team-profile-news-card-v690 h3,
  .team-profile-news-card h3 {
    overflow-wrap: anywhere;
    max-width: 100%;
  }
}

/* V691 - Profili squadra mobile: movimenti/comunicati davvero responsive. */
@media (max-width: 900px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  html body .team-profile-hero-panel,
  html body .team-profile-page-hero,
  html body .team-profile-card,
  html body .team-profile-roster-card,
  html body .detail-section,
  html body .detail-section.panel,
  html body .team-profile-news-list,
  html body .team-profile-news-list-v690,
  html body .team-profile-news-list-v691,
  html body .team-profile-movements-list-v690,
  html body .team-profile-movements-list-v691,
  html body .team-profile-table-wrap,
  html body .team-profile-movements-table {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  html body .team-profile-news-list,
  html body .team-profile-news-list-v690,
  html body .team-profile-news-list-v691,
  html body .team-profile-movements-list-v690,
  html body .team-profile-movements-list-v691 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: clamp(.5rem, 2.2vw, .75rem) !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
  }

  html body .team-profile-movement-card-v690,
  html body .team-profile-movement-card-v691,
  html body .team-profile-news-card-v690,
  html body .team-profile-news-card-v691,
  html body .team-profile-news-list > .compact-card,
  html body .team-profile-news-card,
  html body .compact-card.team-profile-news-card {
    display: block !important;
    inline-size: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  html body .team-profile-movement-card-v690,
  html body .team-profile-movement-card-v691 {
    border: 1px solid rgba(15, 23, 42, .12) !important;
    border-radius: 1rem !important;
    padding: clamp(.62rem, 2.8vw, .82rem) !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: 0 .55rem 1.25rem rgba(15,23,42,.08) !important;
  }

  html body .team-profile-news-card-v690,
  html body .team-profile-news-card-v691,
  html body .team-profile-news-list > .compact-card,
  html body .compact-card.team-profile-news-card {
    border-radius: 1rem !important;
    padding: clamp(.68rem, 2.9vw, .9rem) !important;
  }

  html body .team-profile-movement-head-v690,
  html body .team-profile-movement-head-v691 {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: .5rem !important;
    min-width: 0 !important;
  }

  html body .team-profile-movement-head-v690 > *,
  html body .team-profile-movement-head-v691 > *,
  html body .team-profile-news-card-v690 > *,
  html body .team-profile-news-card-v691 > *,
  html body .team-profile-news-card > *,
  html body .compact-card.team-profile-news-card > * {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }

  html body .team-profile-movement-head-v690 strong,
  html body .team-profile-movement-head-v691 strong {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  html body .team-profile-movement-head-v690 .status,
  html body .team-profile-movement-head-v691 .status,
  html body .team-profile-movement-head-v690 [class*="badge"],
  html body .team-profile-movement-head-v691 [class*="badge"] {
    flex: 0 1 auto !important;
    max-width: 42vw !important;
    white-space: normal !important;
    text-align: center !important;
  }

  html body .team-profile-movement-meta-v690,
  html body .team-profile-movement-meta-v691 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(.38rem, 1.8vw, .55rem) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body .team-profile-movement-field-v690,
  html body .team-profile-movement-field-v691 {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body .team-profile-movement-field-v690 b,
  html body .team-profile-movement-field-v691 b,
  html body .team-profile-news-card-v690 h3,
  html body .team-profile-news-card-v691 h3,
  html body .team-profile-news-card h3,
  html body .team-profile-news-card-v690 p,
  html body .team-profile-news-card-v691 p,
  html body .team-profile-news-card p {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
}

/* V692 - Rose mobile: movimenti TUTTE LE ROSE responsive e card profilo scure. */
@media (max-width: 900px) {
  html body .site-mobile-market-table-hidden-v692 {
    display: none !important;
  }

  html body #marketActivityMobileCardsV692,
  html body .site-mobile-market-activity-v692,
  html body .site-mobile-market-movement-list-v692 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: clamp(.5rem, 2.4vw, .72rem) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
  }

  html body .site-mobile-market-movement-card-v692 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    border: 1px solid rgba(148, 163, 184, .24) !important;
    border-radius: 1rem !important;
    padding: clamp(.66rem, 2.9vw, .88rem) !important;
    background: linear-gradient(135deg, rgba(15, 23, 42, .94), rgba(30, 41, 59, .86)) !important;
    color: rgba(248, 250, 252, .96) !important;
    box-shadow: 0 .65rem 1.45rem rgba(0, 0, 0, .22) !important;
  }

  html body .site-mobile-market-movement-head-v692 {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: .6rem !important;
    min-width: 0 !important;
    margin-bottom: .56rem !important;
  }

  html body .site-mobile-market-movement-title-v692 {
    display: grid !important;
    gap: .14rem !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body .site-mobile-market-movement-title-v692 strong,
  html body .site-mobile-market-movement-title-v692 small,
  html body .site-mobile-market-movement-head-v692 > b {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  html body .site-mobile-market-movement-title-v692 strong {
    font-size: clamp(.92rem, 3.9vw, 1.04rem) !important;
    line-height: 1.12 !important;
  }

  html body .site-mobile-market-movement-title-v692 small {
    color: rgba(226, 232, 240, .72) !important;
    font-size: .76rem !important;
  }

  html body .site-mobile-market-movement-grid-v692 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(.38rem, 1.8vw, .55rem) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body .site-mobile-market-movement-field-v692 {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border: 1px solid rgba(148, 163, 184, .18) !important;
    border-radius: .78rem !important;
    padding: .46rem .54rem !important;
    background: rgba(2, 6, 23, .28) !important;
  }

  html body .site-mobile-market-movement-field-wide-v692 {
    grid-column: 1 / -1 !important;
  }

  html body .site-mobile-market-movement-field-v692 span {
    display: block !important;
    color: rgba(203, 213, 225, .72) !important;
    font-size: .67rem !important;
    font-weight: 800 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
    margin-bottom: .16rem !important;
  }

  html body .site-mobile-market-movement-field-v692 strong,
  html body .site-mobile-market-movement-field-v692 b,
  html body .site-mobile-market-movement-field-v692 a,
  html body .site-mobile-market-movement-field-v692 .team-name-with-logo,
  html body .site-mobile-market-movement-field-v692 * {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  html body .site-mobile-market-more-wrap-v692 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body .team-profile-movement-card-v690,
  html body .team-profile-movement-card-v691 {
    border-color: rgba(148, 163, 184, .24) !important;
    background: linear-gradient(135deg, rgba(15, 23, 42, .94), rgba(30, 41, 59, .86)) !important;
    color: rgba(248, 250, 252, .96) !important;
    box-shadow: 0 .65rem 1.45rem rgba(0, 0, 0, .22) !important;
  }

  html body .team-profile-movement-field-v690,
  html body .team-profile-movement-field-v691 {
    border-color: rgba(148, 163, 184, .18) !important;
    background: rgba(2, 6, 23, .28) !important;
  }

  html body .team-profile-movement-field-v690 span,
  html body .team-profile-movement-field-v691 span,
  html body .team-profile-movement-card-v690 small,
  html body .team-profile-movement-card-v691 small,
  html body .team-profile-movement-card-v690 .muted,
  html body .team-profile-movement-card-v691 .muted {
    color: rgba(203, 213, 225, .72) !important;
  }
}


/* V694 - Profilo squadra: movimenti identici alle card scure di TUTTE LE ROSE e footer aggiornato. */
@media (max-width: 900px) {
  html body .site-mobile-profile-movement-list-v694 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: clamp(.5rem, 2.4vw, .72rem) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
  }
  html body .site-mobile-profile-movement-card-v694 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  html body .team-profile-movement-list-v690,
  html body .team-profile-movement-list-v691,
  html body .team-profile-movement-card-v690,
  html body .team-profile-movement-card-v691 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
}

/* V698: profilo squadra, card movimenti con note. */
.site-mobile-profile-movement-card-v698,.site-mobile-profile-movement-card-v694{max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;}
.site-mobile-profile-movement-note-v698{grid-column:1/-1;white-space:normal;overflow-wrap:anywhere;}