/* ============================================================
   SVENSK eHOCKEY — SPELARREGISTER V1.27.4
   Standardkort även utan porträtt; transparent fallback utan speciallayout.
   Endast registervyn påverkas; spelarprofiler och övriga sidor lämnas orörda.
   ============================================================ */

/* ---------- Registerpanel ---------- */
.players-shell-v122 .player-directory-v122 {
  margin-top: 22px;
  border-color: rgba(214, 177, 95, .22);
  border-radius: 22px;
  background:
    radial-gradient(circle at 88% -10%, rgba(61, 216, 208, .035), transparent 32rem),
    linear-gradient(180deg, rgba(7, 11, 18, .97), rgba(2, 4, 8, .99));
  box-shadow: 0 24px 60px rgba(0, 0, 0, .20);
}

.players-directory-heading-v122 {
  min-height: 106px;
  align-items: end;
  padding: 25px 26px 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.018), transparent);
}

.players-directory-heading-v122 .directory-kicker {
  margin-bottom: 7px;
}

.players-directory-heading-v122 h2 {
  font-size: clamp(34px, 3vw, 48px);
  line-height: .95;
}

.players-directory-heading-v122 > p {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  margin-bottom: 1px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  color: rgba(244, 243, 239, .68);
  background: rgba(255,255,255,.018);
  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
}

/* ---------- Filterrad ---------- */
.players-toolbar-v122 {
  top: 88px;
  gap: 10px;
  padding: 13px 14px 14px;
  background: rgba(3, 5, 10, .965);
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
}

.players-toolbar-v122 .players-field > span,
.players-toolbar-v122 .players-compact > span:first-child {
  padding-left: 2px;
  font-size: 8px;
  letter-spacing: .10em;
}

.players-toolbar-v122 .players-field input,
.players-toolbar-v122 .players-field select,
.players-toolbar-v122 .players-compact__control {
  min-height: 44px;
  border: 1px solid rgba(255,255,255,.105);
  border-radius: 10px;
  background: rgba(255,255,255,.025);
  color: #f4f3ef;
  font-size: 12px;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

.players-toolbar-v122 .players-field input:hover,
.players-toolbar-v122 .players-field select:hover,
.players-toolbar-v122 .players-compact__control:hover {
  border-color: rgba(214,177,95,.30);
  background: rgba(255,255,255,.037);
}

.players-toolbar-v122 .players-field input:focus,
.players-toolbar-v122 .players-field select:focus {
  border-color: rgba(214,177,95,.62);
  box-shadow: 0 0 0 3px rgba(214,177,95,.08);
}

.players-toolbar-v122 .players-compact__control {
  justify-content: center;
  border-color: rgba(214,177,95,.26);
}

.players-toolbar-v122 .players-compact__control input {
  accent-color: #d6b15f;
}

/* ---------- Fyra jämna kort per rad ---------- */
.players-shell-v122 .player-directory__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
  border: 0;
  background: rgba(0, 0, 0, .10);
}

.players-card-v122 {
  min-width: 0;
  min-height: 276px;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 14px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.095);
  border-radius: 14px;
  background:
    radial-gradient(circle at 8% 0%, rgba(214,177,95,.065), transparent 34%),
    linear-gradient(145deg, rgba(10,15,24,.96), rgba(3,6,11,.985));
  box-shadow: 0 8px 24px rgba(0,0,0,.10);
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.players-card-v122:hover,
.players-card-v122:focus-visible {
  z-index: 3;
  transform: translateY(-2px);
  border-color: rgba(214,177,95,.46);
  background:
    radial-gradient(circle at 8% 0%, rgba(214,177,95,.095), transparent 35%),
    linear-gradient(145deg, rgba(14,20,31,.98), rgba(4,7,13,.995));
  box-shadow: 0 16px 34px rgba(0,0,0,.24);
}

.players-card-v122 .players-card__avatar,
.players-card-v122 .players-card__avatar img {
  width: 96px;
  height: 132px;
}

.players-card-v122 .players-card__avatar {
  border-color: rgba(214,177,95,.48);
  border-radius: 12px;
  background:
    radial-gradient(circle at 50% 12%, rgba(25,67,105,.55), transparent 60%),
    #06101d;
  box-shadow: 0 10px 22px rgba(0,0,0,.22);
}

.players-card-v122 .players-card__avatar img {
  object-fit: contain;
  object-position: center bottom;
}

.players-card__role-v122 {
  margin-top: 7px;
  color: #58ddd6;
  font-size: 7.5px;
  letter-spacing: .095em;
}

.players-card__content-v122 {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.players-card__title-v122 h3 {
  max-width: 100%;
  font-size: clamp(18px, 1.28vw, 22px);
  line-height: 1.05;
  letter-spacing: -.035em;
}

.players-card__ranking-v122 {
  gap: 7px;
  margin-top: 7px;
}

.players-card__ranking-v122 b {
  min-width: 31px;
  padding: 4px 7px;
  border-color: rgba(214,177,95,.34);
  border-radius: 7px;
  background: rgba(214,177,95,.075);
  font-size: 10px;
  text-align: center;
}

.players-card__ranking-v122 em {
  color: #f0d58b;
  font-size: 9.5px;
  font-weight: 900;
  letter-spacing: .01em;
}

.players-card__team-v122 {
  grid-template-columns: 27px minmax(0, 1fr);
  gap: 8px;
  margin-top: 11px;
}

.players-card__team-logo-v122 {
  width: 27px;
  height: 27px;
  border-color: rgba(255,255,255,.10);
  border-radius: 7px;
  background: rgba(255,255,255,.022);
}

.players-card__team-logo-v122 img {
  width: 23px;
  height: 23px;
}

.players-card__team-v122 strong {
  color: rgba(244,243,239,.86);
  font-size: 10.5px;
  font-weight: 850;
}

.players-card__metrics-v122 {
  margin-top: auto;
  border-color: rgba(255,255,255,.085);
  border-radius: 9px;
  background: rgba(255,255,255,.014);
}

.players-card__metrics-v122 > div {
  padding: 8px 3px 7px;
  border-right-color: rgba(255,255,255,.075);
}

.players-card__metrics-v122 span {
  color: #707987;
  font-size: 6px;
  letter-spacing: .075em;
}

.players-card__metrics-v122 strong {
  margin-top: 4px;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}

.players-card__latest-v122 {
  min-height: 23px;
  margin-top: 8px;
  padding-top: 7px;
  border-top: 1px solid rgba(255,255,255,.06);
}

.players-card__latest-v122 span {
  font-size: 6.5px;
}

.players-card__latest-v122 strong {
  max-width: 72%;
  font-size: 8.5px;
}

.players-card__leagues-v122 {
  margin-top: 5px;
  color: #626c79;
  font-size: 7.5px;
  line-height: 1.25;
  -webkit-line-clamp: 1;
}

/* ---------- Pagination ---------- */
.players-shell-v122 .player-pagination {
  align-items: center;
  min-height: 78px;
  gap: 7px;
  padding: 17px 20px 18px;
  border-top: 1px solid rgba(255,255,255,.075);
  background: rgba(2,4,8,.78);
}

.players-shell-v122 .player-pagination button {
  min-width: 42px;
  min-height: 42px;
  padding: 0 12px;
  border-color: rgba(255,255,255,.16);
  border-radius: 9px;
  background: rgba(255,255,255,.015);
  color: rgba(244,243,239,.88);
  font-size: 12px;
  transition: border-color .15s ease, background .15s ease, color .15s ease, transform .15s ease;
}

.players-shell-v122 .player-pagination button:hover:not(:disabled) {
  transform: translateY(-1px);
  border-color: rgba(214,177,95,.48);
  background: rgba(214,177,95,.06);
  color: #fff;
}

.players-shell-v122 .player-pagination button.is-active {
  border-color: #ffd000;
  background: #ffd000;
  color: #070808;
}

.players-shell-v122 .player-pagination button:disabled {
  opacity: .28;
}

/* ---------- Kompaktvy: 6 kolumner, 48 spelare = 8 fulla rader ---------- */
.players-shell-v122 .player-directory__grid.is-compact {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.player-directory__grid.is-compact .players-card-v122 {
  min-height: 218px;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 10px;
  padding: 11px;
}

.player-directory__grid.is-compact .players-card-v122 .players-card__avatar,
.player-directory__grid.is-compact .players-card-v122 .players-card__avatar img {
  width: 70px;
  height: 98px;
}

/* ---------- Responsivt ---------- */
@media (max-width: 1280px) {
  .players-shell-v122 .player-directory__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .players-shell-v122 .player-directory__grid.is-compact {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .players-card-v122 {
    min-height: 270px;
  }
}

@media (max-width: 980px) {
  .players-directory-heading-v122 {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  .players-directory-heading-v122 > p {
    white-space: normal;
  }

  .players-shell-v122 .player-directory__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 10px;
  }

  .players-shell-v122 .player-directory__grid.is-compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .players-directory-heading-v122 {
    min-height: 0;
    padding: 20px 18px 16px;
  }

  .players-directory-heading-v122 h2 {
    font-size: 34px;
  }

  .players-toolbar-v122 {
    top: auto;
    padding: 11px;
  }

  .players-shell-v122 .player-directory__grid,
  .players-shell-v122 .player-directory__grid.is-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 8px;
  }

  .players-card-v122,
  .player-directory__grid.is-compact .players-card-v122 {
    min-height: 246px;
    grid-template-columns: 1fr;
    gap: 7px;
    padding: 11px 9px;
    text-align: center;
  }

  .players-card-v122 .players-card__avatar,
  .players-card-v122 .players-card__avatar img,
  .player-directory__grid.is-compact .players-card-v122 .players-card__avatar,
  .player-directory__grid.is-compact .players-card-v122 .players-card__avatar img {
    width: 82px;
    height: 108px;
    margin-inline: auto;
  }

  .players-card__ranking-v122,
  .players-card__team-v122 {
    justify-content: center;
  }

  .players-card__metrics-v122 {
    margin-top: 8px;
  }

  .players-card__latest-v122,
  .players-card__leagues-v122 {
    display: none;
  }

  .players-shell-v122 .player-pagination {
    justify-content: flex-start;
    min-height: 66px;
    padding: 12px;
    overflow-x: auto;
  }
}

@media (max-width: 430px) {
  .players-shell-v122 .player-directory__grid,
  .players-shell-v122 .player-directory__grid.is-compact {
    grid-template-columns: 1fr;
  }

  .players-card-v122,
  .player-directory__grid.is-compact .players-card-v122 {
    grid-template-columns: 88px minmax(0, 1fr);
    min-height: 220px;
    text-align: left;
  }

  .players-card-v122 .players-card__avatar,
  .players-card-v122 .players-card__avatar img,
  .player-directory__grid.is-compact .players-card-v122 .players-card__avatar,
  .player-directory__grid.is-compact .players-card-v122 .players-card__avatar img {
    width: 88px;
    height: 120px;
  }

  .players-card__ranking-v122,
  .players-card__team-v122 {
    justify-content: initial;
  }
}

/* ============================================================
   SVENSK eHOCKEY — SPELARREGISTER V1.26.3
   Design polish: kompakt hero, tätare register, tydligare spelarkort.
   ============================================================ */

/* ---------- Sidans rytm ---------- */
.players-shell-v122 {
  padding-top: 26px !important;
  padding-bottom: 48px;
}

/* ---------- Kompakt editorial hero ---------- */
.players-hero-v122 {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 350px !important;
  align-items: center;
  gap: clamp(42px, 5vw, 82px) !important;
  min-height: 430px !important;
  padding: 42px 56px !important;
  overflow: hidden;
  border: 1px solid rgba(214,177,95,.28) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(31,76,111,.22), transparent 31rem),
    radial-gradient(circle at 88% 80%, rgba(214,177,95,.055), transparent 24rem),
    linear-gradient(115deg, rgba(10,18,30,.985), rgba(3,7,13,.995) 68%) !important;
  box-shadow: 0 24px 64px rgba(0,0,0,.22);
}

.players-hero-v122::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: -110px;
  bottom: -250px;
  width: 470px;
  height: 470px;
  border: 1px solid rgba(214,177,95,.12);
  border-radius: 50%;
  box-shadow:
    0 0 0 48px rgba(214,177,95,.022),
    0 0 0 96px rgba(62,217,210,.012);
}

.players-hero-v122::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 61%;
  width: 1px;
  background: linear-gradient(to bottom, transparent, rgba(214,177,95,.16), transparent);
  transform: rotate(11deg);
  transform-origin: center;
}

.players-hero-v122 .players-hero__copy {
  position: relative;
  z-index: 1;
  padding: 0 !important;
}

.players-hero-v122 .directory-kicker {
  margin-bottom: 14px;
  color: #58ddd6;
  font-size: 10px;
  letter-spacing: .11em;
}

.players-hero-v122 h1 {
  max-width: 880px;
  margin: 0 0 18px !important;
  color: #f4f3ef;
  font-size: clamp(58px, 5.05vw, 88px) !important;
  line-height: .92 !important;
  letter-spacing: -.045em !important;
}

.players-hero-v122 .players-hero__copy > p:not(.directory-kicker) {
  max-width: 720px;
  color: rgba(222,226,229,.76);
  font-size: 14px;
  line-height: 1.58;
}

.players-hero-v122 .players-hero__tags {
  gap: 7px;
  margin-top: 20px;
}

.players-hero-v122 .players-hero__tags span {
  min-height: 29px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-color: rgba(214,177,95,.25);
  border-radius: 999px;
  color: #e7c66f;
  background: rgba(214,177,95,.045);
  font-size: 8px;
  letter-spacing: .06em;
}

/* ---------- Översikt ---------- */
.players-overview-v122 {
  position: relative;
  z-index: 2;
  align-self: center;
  width: 100%;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.players-overview-v122 > .directory-kicker {
  margin: 0 0 10px;
  color: #58ddd6;
  font-size: 10px;
}

.players-overview-v122 > div {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 14px;
  background: rgba(0,0,0,.22) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}

.players-overview-v122 article {
  min-height: 82px !important;
  justify-content: center;
  padding: 14px 16px !important;
  border-right: 1px solid rgba(255,255,255,.08) !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
  text-align: left !important;
}

.players-overview-v122 article:nth-child(2n) {
  border-right: 0 !important;
}

.players-overview-v122 article:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.players-overview-v122 article span {
  font-size: 8px;
  letter-spacing: .07em;
}

.players-overview-v122 article strong {
  margin-top: 7px;
  color: #ffd000;
  font-size: clamp(25px, 1.9vw, 31px) !important;
  letter-spacing: -.035em !important;
}

/* ---------- Registerpanel ---------- */
.players-shell-v122 .player-directory-v122 {
  margin-top: 14px !important;
  overflow: hidden;
  border-radius: 18px !important;
  border-color: rgba(255,255,255,.10) !important;
  background:
    radial-gradient(circle at 84% 0%, rgba(63,220,211,.025), transparent 30rem),
    linear-gradient(180deg, rgba(6,10,16,.985), rgba(2,4,8,.995)) !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.16) !important;
}

.players-directory-heading-v122 {
  min-height: 82px !important;
  padding: 17px 20px 14px !important;
  border-bottom: 1px solid rgba(255,255,255,.07);
  background: linear-gradient(180deg, rgba(255,255,255,.014), transparent) !important;
}

.players-directory-heading-v122 .directory-kicker {
  margin-bottom: 4px;
  font-size: 8px;
  letter-spacing: .10em;
}

.players-directory-heading-v122 h2 {
  font-size: clamp(30px, 2.5vw, 40px) !important;
  line-height: .96 !important;
  letter-spacing: -.035em !important;
}

.players-directory-heading-v122 > p {
  min-height: 30px !important;
  padding: 0 10px !important;
  border-color: rgba(255,255,255,.07) !important;
  background: rgba(255,255,255,.012) !important;
  color: rgba(207,213,220,.58) !important;
  font-size: 9.5px !important;
}

/* ---------- Filterrad ---------- */
.players-toolbar-v122 {
  gap: 9px !important;
  padding: 10px 12px 12px !important;
  border-bottom: 1px solid rgba(255,255,255,.075) !important;
  background: rgba(2,5,9,.97) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.14) !important;
}

.players-toolbar-v122 .players-field > span,
.players-toolbar-v122 .players-compact > span:first-child {
  color: rgba(88,221,214,.82) !important;
  font-size: 7px !important;
  letter-spacing: .12em !important;
}

.players-toolbar-v122 .players-field input,
.players-toolbar-v122 .players-field select,
.players-toolbar-v122 .players-compact__control {
  min-height: 42px !important;
  border-radius: 8px !important;
  border-color: rgba(255,255,255,.095) !important;
  background: rgba(255,255,255,.018) !important;
  font-size: 11px !important;
}

.players-toolbar-v122 .players-field input:focus,
.players-toolbar-v122 .players-field select:focus {
  border-color: rgba(214,177,95,.58) !important;
  box-shadow: 0 0 0 3px rgba(214,177,95,.07) !important;
}

.players-toolbar-v122 .players-compact__control {
  border-color: rgba(214,177,95,.22) !important;
  color: rgba(244,243,239,.78);
}

/* ---------- 4 × 5 kort, mer editorial och mindre "datatabell" ---------- */
.players-shell-v122 .player-directory__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 12px !important;
  background: rgba(0,0,0,.075) !important;
}

.players-card-v122 {
  display: grid !important;
  grid-template-columns: 90px minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 13px !important;
  min-height: 248px !important;
  padding: 13px !important;
  border: 1px solid rgba(255,255,255,.085) !important;
  border-radius: 12px !important;
  background:
    radial-gradient(circle at 4% 0%, rgba(214,177,95,.05), transparent 38%),
    linear-gradient(145deg, rgba(9,14,22,.97), rgba(3,5,10,.992)) !important;
  box-shadow: none !important;
}

.players-card-v122::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(214,177,95,.34), transparent);
  opacity: 0;
  transition: opacity .16s ease;
}

.players-card-v122:hover,
.players-card-v122:focus-visible {
  transform: translateY(-2px) !important;
  border-color: rgba(214,177,95,.36) !important;
  background:
    radial-gradient(circle at 4% 0%, rgba(214,177,95,.075), transparent 38%),
    linear-gradient(145deg, rgba(12,18,28,.985), rgba(3,6,11,.995)) !important;
  box-shadow: 0 15px 34px rgba(0,0,0,.20) !important;
}

.players-card-v122:hover::after,
.players-card-v122:focus-visible::after {
  opacity: 1;
}

.players-card-v122 .players-card__media-v122 {
  align-self: start;
}

.players-card-v122 .players-card__avatar,
.players-card-v122 .players-card__avatar img {
  width: 90px !important;
  height: 124px !important;
}

.players-card-v122 .players-card__avatar {
  border-radius: 10px !important;
  border-color: rgba(214,177,95,.42) !important;
  background: #06101d !important;
}

.players-card-v122 .players-card__avatar img {
  object-fit: contain !important;
  object-position: center bottom !important;
}

.players-card__role-v122 {
  margin-top: 6px !important;
  color: #58ddd6 !important;
  font-size: 7px !important;
  letter-spacing: .105em !important;
}

.players-card__content-v122 {
  min-height: 100%;
}

.players-card__title-v122 h3 {
  font-size: clamp(17px, 1.12vw, 20px) !important;
  line-height: 1.03 !important;
  letter-spacing: -.03em !important;
}

.players-card__ranking-v122 {
  margin-top: 6px !important;
}

.players-card__ranking-v122 b {
  min-width: 29px !important;
  padding: 3px 6px !important;
  border-radius: 6px !important;
  font-size: 9px !important;
}

.players-card__ranking-v122 em {
  color: #e7c66f !important;
  font-size: 8.5px !important;
}

.players-card__team-v122 {
  margin-top: 9px !important;
}

.players-card__team-logo-v122 {
  width: 25px !important;
  height: 25px !important;
  border-radius: 6px !important;
}

.players-card__team-logo-v122 img {
  width: 22px !important;
  height: 22px !important;
}

.players-card__team-v122 strong {
  font-size: 9.5px !important;
  line-height: 1.2;
}

.players-card__metrics-v122 {
  margin-top: auto !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.012) !important;
}

.players-card__metrics-v122 > div {
  min-width: 0;
  padding: 7px 2px 6px !important;
}

.players-card__metrics-v122 span {
  font-size: 5.5px !important;
}

.players-card__metrics-v122 strong {
  margin-top: 3px !important;
  font-size: 12px !important;
}

.players-card__latest-v122 {
  margin-top: 7px !important;
  padding-top: 6px !important;
}

.players-card__latest-v122 span {
  font-size: 5.7px !important;
}

.players-card__latest-v122 strong {
  max-width: 74% !important;
  font-size: 7.7px !important;
}

.players-card__leagues-v122 {
  margin-top: 4px !important;
  color: #596471 !important;
  font-size: 6.7px !important;
}

/* ---------- Pagination ---------- */
.players-shell-v122 .player-pagination {
  min-height: 66px !important;
  gap: 6px !important;
  padding: 12px 16px 13px !important;
  background: rgba(2,4,8,.82) !important;
}

.players-shell-v122 .player-pagination button {
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 10px !important;
  border-radius: 7px !important;
  font-size: 10.5px !important;
}

/* ---------- Kompaktläge ---------- */
.players-shell-v122 .player-directory__grid.is-compact {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.player-directory__grid.is-compact .players-card-v122 {
  grid-template-columns: 66px minmax(0, 1fr) !important;
  min-height: 204px !important;
  gap: 9px !important;
  padding: 10px !important;
}

.player-directory__grid.is-compact .players-card-v122 .players-card__avatar,
.player-directory__grid.is-compact .players-card-v122 .players-card__avatar img {
  width: 66px !important;
  height: 92px !important;
}

/* ---------- Responsivt ---------- */
@media (min-width: 1181px) {
  .players-hero-v122 h1 {
    white-space: nowrap;
  }
}

@media (max-width: 1280px) {
  .players-hero-v122 {
    grid-template-columns: minmax(0, 1fr) 320px !important;
    gap: 36px !important;
    padding: 38px 40px !important;
  }

  .players-shell-v122 .player-directory__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .players-shell-v122 .player-directory__grid.is-compact {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  .players-shell-v122 {
    padding-top: 18px !important;
  }

  .players-hero-v122 {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
    min-height: 0 !important;
    padding: 34px 30px !important;
  }

  .players-hero-v122::after {
    display: none;
  }

  .players-overview-v122 {
    max-width: 520px;
  }

  .players-shell-v122 .player-directory__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .players-shell-v122 .player-directory__grid.is-compact {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .players-shell-v122 {
    padding-top: 12px !important;
  }

  .players-hero-v122 {
    padding: 28px 20px !important;
    border-radius: 14px !important;
  }

  .players-hero-v122 h1 {
    font-size: clamp(48px, 15vw, 68px) !important;
  }

  .players-hero-v122 .players-hero__copy > p:not(.directory-kicker) {
    font-size: 13px;
  }

  .players-overview-v122 article {
    min-height: 72px !important;
    padding: 12px !important;
  }

  .players-directory-heading-v122 {
    min-height: 0 !important;
    padding: 17px 15px 14px !important;
  }

  .players-toolbar-v122 {
    padding: 10px !important;
  }

  .players-shell-v122 .player-directory__grid,
  .players-shell-v122 .player-directory__grid.is-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    padding: 7px !important;
  }

  .players-card-v122,
  .player-directory__grid.is-compact .players-card-v122 {
    grid-template-columns: 1fr !important;
    min-height: 236px !important;
    padding: 10px 8px !important;
    text-align: center;
  }

  .players-card-v122 .players-card__avatar,
  .players-card-v122 .players-card__avatar img,
  .player-directory__grid.is-compact .players-card-v122 .players-card__avatar,
  .player-directory__grid.is-compact .players-card-v122 .players-card__avatar img {
    width: 78px !important;
    height: 104px !important;
    margin-inline: auto;
  }
}

@media (max-width: 430px) {
  .players-shell-v122 .player-directory__grid,
  .players-shell-v122 .player-directory__grid.is-compact {
    grid-template-columns: 1fr !important;
  }

  .players-card-v122,
  .player-directory__grid.is-compact .players-card-v122 {
    grid-template-columns: 84px minmax(0, 1fr) !important;
    min-height: 214px !important;
    text-align: left;
  }

  .players-card-v122 .players-card__avatar,
  .players-card-v122 .players-card__avatar img,
  .player-directory__grid.is-compact .players-card-v122 .players-card__avatar,
  .player-directory__grid.is-compact .players-card-v122 .players-card__avatar img {
    width: 84px !important;
    height: 116px !important;
  }
}

/* ============================================================
   SVENSK eHOCKEY — SPELARREGISTER V1.26.4
   Final desktop polish: lägre hero + bättre läsbarhet i korten.
   ============================================================ */

/* Toppen ska kännas som en introduktion, inte som en egen hel skärm. */
@media (min-width: 981px) {
  .players-shell-v122 {
    padding-top: 22px !important;
  }

  .players-hero-v122 {
    grid-template-columns: minmax(0, 1fr) 330px !important;
    gap: clamp(38px, 4.4vw, 70px) !important;
    min-height: 374px !important;
    padding: 32px 46px !important;
  }

  .players-hero-v122 h1 {
    max-width: 820px;
    margin-bottom: 15px !important;
    font-size: clamp(54px, 4.55vw, 78px) !important;
    line-height: .94 !important;
  }

  .players-hero-v122 .players-hero__copy > p:not(.directory-kicker) {
    max-width: 690px;
    font-size: 13.5px;
    line-height: 1.55;
  }

  .players-hero-v122 .players-hero__tags {
    margin-top: 17px;
  }

  .players-overview-v122 article {
    min-height: 74px !important;
    padding: 12px 14px !important;
  }

  .players-overview-v122 article strong {
    font-size: clamp(24px, 1.7vw, 29px) !important;
  }
}

/* Lite mindre dödyta mellan hero och register. */
.players-shell-v122 .player-directory-v122 {
  margin-top: 12px !important;
}

.players-directory-heading-v122 {
  min-height: 76px !important;
  padding: 14px 18px 12px !important;
}

.players-directory-heading-v122 h2 {
  font-size: clamp(30px, 2.25vw, 38px) !important;
}

.players-directory-heading-v122 > p {
  min-height: 28px !important;
  font-size: 9px !important;
}

.players-toolbar-v122 {
  padding-top: 9px !important;
  padding-bottom: 10px !important;
}

.players-toolbar-v122 .players-field input,
.players-toolbar-v122 .players-field select,
.players-toolbar-v122 .players-compact__control {
  min-height: 40px !important;
}

/* Korten får vara kompakta, men ingen viktig information ska kännas mikroskopisk. */
.players-card-v122 {
  grid-template-columns: 92px minmax(0, 1fr) !important;
  gap: 14px !important;
  min-height: 254px !important;
  padding: 13px 14px !important;
}

.players-card-v122 .players-card__avatar,
.players-card-v122 .players-card__avatar img {
  width: 92px !important;
  height: 128px !important;
}

.players-card__role-v122 {
  margin-top: 7px !important;
  font-size: 8px !important;
  letter-spacing: .095em !important;
}

.players-card__title-v122 h3 {
  font-size: clamp(18px, 1.18vw, 21px) !important;
  line-height: 1.04 !important;
}

.players-card__ranking-v122 b {
  min-width: 31px !important;
  font-size: 9.5px !important;
}

.players-card__ranking-v122 em {
  font-size: 9.5px !important;
}

.players-card__team-v122 {
  margin-top: 10px !important;
}

.players-card__team-logo-v122 {
  width: 27px !important;
  height: 27px !important;
}

.players-card__team-logo-v122 img {
  width: 23px !important;
  height: 23px !important;
}

.players-card__team-v122 strong {
  font-size: 10.5px !important;
}

.players-card__metrics-v122 > div {
  padding: 8px 3px 7px !important;
}

.players-card__metrics-v122 span {
  font-size: 6.4px !important;
  letter-spacing: .06em !important;
}

.players-card__metrics-v122 strong {
  margin-top: 4px !important;
  font-size: 13.5px !important;
}

.players-card__latest-v122 {
  min-height: 25px;
  margin-top: 8px !important;
  padding-top: 7px !important;
}

.players-card__latest-v122 span {
  font-size: 6.5px !important;
}

.players-card__latest-v122 strong {
  max-width: 75% !important;
  font-size: 8.6px !important;
}

.players-card__leagues-v122 {
  margin-top: 5px !important;
  color: #687381 !important;
  font-size: 7.3px !important;
}

/* Paginationen ska avsluta registret, inte skapa ett nytt stort block. */
.players-shell-v122 .player-pagination {
  min-height: 58px !important;
  padding: 9px 14px 10px !important;
}

.players-shell-v122 .player-pagination button {
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 9px !important;
}

/* På mycket bred desktop får korten mer rum utan att sidan blir bredare. */
@media (min-width: 1500px) {
  .players-shell-v122 .player-directory__grid {
    gap: 11px !important;
  }

  .players-card__title-v122 h3 {
    font-size: 21px !important;
  }
}

/* Mellanstor desktop: behåll tre kolumner men samma läsbarhet. */
@media (max-width: 1280px) and (min-width: 981px) {
  .players-hero-v122 {
    min-height: 360px !important;
    padding: 30px 36px !important;
  }
}


/* ============================================================
   V1.26.5 – LAGLOGGA BAKOM SPELARPORTRÄTTET
   ============================================================ */

/* Porträttboxen blir en liten klubbscen: loggan ligger bakom spelaren,
   medan porträttet och ramen alltid ligger överst. */
.players-card-v122 .players-card__avatar {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 48%, rgba(255,255,255,.035), transparent 56%),
    linear-gradient(180deg, #081421 0%, #040b14 100%) !important;
}

.players-card__team-watermark-v1265 {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 86% !important;
  height: 86% !important;
  transform: translate(-50%, -49%) scale(1.06);
  display: grid;
  place-items: center;
  pointer-events: none;
  opacity: .20;
  filter: saturate(.88) contrast(1.05);
  font-size: 0 !important; /* dölj initials-fallback om riktig logga saknas */
  line-height: 0 !important;
}

.players-card__team-watermark-v1265 img {
  position: static !important;
  z-index: auto !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.players-card-v122 .players-card__avatar > img {
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
}

/* Lite mer närvaro vid hover, men fortfarande bakom personen. */
.players-card-v122:hover .players-card__team-watermark-v1265,
.players-card-v122:focus-visible .players-card__team-watermark-v1265 {
  opacity: .26;
  transform: translate(-50%, -49%) scale(1.10);
  transition: opacity .16s ease, transform .18s ease;
}

/* Kompaktläget ska inte få en för dominant watermark. */
.player-directory__grid.is-compact .players-card__team-watermark-v1265 {
  opacity: .16;
  transform: translate(-50%, -49%) scale(1.02);
}

/* ============================================================
   V1.26.6 – 5 KOLUMNER / KORT UTAN TOMT VÄNSTERFÄLT
   ============================================================ */

/* Bred desktop: 5 kort per rad. Varje normal sida får 25 spelare = 5 hela rader. */
@media (min-width: 1500px) {
  .players-shell-v122 .player-directory__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}

/* Kortet delas nu i en tydlig toppdel och fullbreddsdata under.
   Därmed uppstår inget tomt område under porträttet. */
.players-card-v122 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto auto !important;
  align-content: start !important;
  gap: 0 !important;
  min-height: 268px !important;
  padding: 12px !important;
}

.players-card__top-v1266 {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  align-items: start;
  gap: 11px;
  min-width: 0;
}

.players-card__identity-v1266 {
  min-width: 0;
  padding-top: 2px;
}

.players-card-v122 .players-card__media-v122 {
  min-width: 0;
  align-self: start !important;
}

.players-card-v122 .players-card__avatar,
.players-card-v122 .players-card__avatar img {
  width: 92px !important;
  height: 126px !important;
}

.players-card__role-v122 {
  display: block;
  width: 92px;
  margin-top: 6px !important;
  text-align: center;
  font-size: 7.6px !important;
}

.players-card__title-v122 h3 {
  max-width: 100%;
  margin: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: clamp(16px, .98vw, 18.5px) !important;
}

.players-card__ranking-v122 {
  margin-top: 7px !important;
  gap: 5px !important;
}

.players-card__ranking-v122 b {
  min-width: 29px !important;
  padding: 3px 5px !important;
  font-size: 9px !important;
}

.players-card__ranking-v122 em {
  font-size: 9px !important;
  white-space: nowrap;
}

.players-card__team-v122 {
  min-width: 0;
  margin-top: 13px !important;
}

.players-card__team-logo-v122 {
  flex: 0 0 26px;
  width: 26px !important;
  height: 26px !important;
}

.players-card__team-v122 strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9.8px !important;
}

/* Statistik och senaste säsong går över hela kortbredden. */
.players-card__metrics-v122 {
  width: 100%;
  margin-top: 11px !important;
}

.players-card__metrics-v122 > div {
  padding: 7px 2px 6px !important;
}

.players-card__metrics-v122 span {
  font-size: 5.9px !important;
}

.players-card__metrics-v122 strong {
  font-size: 12.8px !important;
}

.players-card__latest-v122 {
  width: 100%;
  min-height: 24px !important;
  margin-top: 7px !important;
  padding-top: 6px !important;
}

.players-card__latest-v122 strong {
  max-width: 79% !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 8px !important;
}

.players-card__leagues-v122 {
  min-height: 12px;
  margin: 5px 0 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 6.8px !important;
}

/* Watermarken kan vara lite större när porträttytan är mer definierad. */
.players-card__team-watermark-v1265 {
  width: 94% !important;
  height: 94% !important;
  opacity: .22;
}

/* 4 kolumner på vanlig desktop = 20 per sida och fortfarande fem hela rader. */
@media (max-width: 1499px) and (min-width: 1181px) {
  .players-shell-v122 .player-directory__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .players-card__top-v1266 {
    grid-template-columns: 98px minmax(0, 1fr);
  }

  .players-card-v122 .players-card__avatar,
  .players-card-v122 .players-card__avatar img {
    width: 98px !important;
    height: 132px !important;
  }

  .players-card__role-v122 {
    width: 98px;
  }
}

/* 3 kolumner på mindre desktop = 15 per sida. */
@media (max-width: 1180px) and (min-width: 901px) {
  .players-shell-v122 .player-directory__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Tablet: 2 kolumner = 10 per sida. */
@media (max-width: 900px) and (min-width: 621px) {
  .players-shell-v122 .player-directory__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobil: 1 kolumn = 5 per sida. */
@media (max-width: 620px) {
  .players-shell-v122 .player-directory__grid {
    grid-template-columns: 1fr !important;
  }

  .players-card__top-v1266 {
    grid-template-columns: 104px minmax(0, 1fr);
  }

  .players-card-v122 .players-card__avatar,
  .players-card-v122 .players-card__avatar img {
    width: 104px !important;
    height: 140px !important;
  }

  .players-card__role-v122 {
    width: 104px;
  }
}

/* Kompaktläget behåller sin tätare karaktär men använder samma rena struktur. */
.player-directory__grid.is-compact .players-card-v122 {
  min-height: 206px !important;
  padding: 10px !important;
}

.player-directory__grid.is-compact .players-card__top-v1266 {
  grid-template-columns: 66px minmax(0, 1fr);
  gap: 9px;
}

.player-directory__grid.is-compact .players-card__role-v122 {
  width: 66px;
  font-size: 6.5px !important;
}

.player-directory__grid.is-compact .players-card__metrics-v122 {
  margin-top: 8px !important;
}

/* ============================================================
   V1.26.7 – KLUBBKÄNSLA I SPELARKORTEN
   Stor transparent logga bakom spelaren + diskret färgpalett i hela kortet.
   ============================================================ */

.players-card-v122 {
  --player-card-team-primary: #0b3855;
  --player-card-team-secondary: #d6b15f;
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  border-color: color-mix(in srgb, var(--player-card-team-primary) 34%, #25303a) !important;
  background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--player-card-team-primary) 10%, #050a10) 0%,
      #05090f 39%,
      #05080d 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    0 8px 26px rgba(0,0,0,.12) !important;
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease !important;
}

/* Två mjuka klubbfärgsfält över hela kortet. */
.players-card-v122::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 5% 13%,
      color-mix(in srgb, var(--player-card-team-primary) 20%, transparent) 0%,
      transparent 34%),
    radial-gradient(circle at 95% 103%,
      color-mix(in srgb, var(--player-card-team-secondary) 8%, transparent) 0%,
      transparent 34%);
  opacity: .92;
}

/* Tunn klubbaccent längs toppen – inte en helfärgad ram. */
.players-card-v122::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 68%;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg,
    color-mix(in srgb, var(--player-card-team-primary) 78%, white 6%),
    color-mix(in srgb, var(--player-card-team-secondary) 48%, transparent),
    transparent);
  opacity: .72;
}

.players-card-v122 > * {
  position: relative;
  z-index: 2;
}

.players-card-v122:hover,
.players-card-v122:focus-visible {
  transform: translateY(-2px) !important;
  border-color: color-mix(in srgb, var(--player-card-team-primary) 58%, #39434d) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 13px 32px rgba(0,0,0,.24),
    0 0 24px color-mix(in srgb, var(--player-card-team-primary) 10%, transparent) !important;
}

/* Porträttytan blir en riktig klubbpanel. */
.players-card-v122 .players-card__avatar {
  border-color: color-mix(in srgb, var(--player-card-team-primary) 48%, #715e2d) !important;
  background:
    radial-gradient(circle at 50% 37%,
      color-mix(in srgb, var(--player-card-team-secondary) 15%, transparent) 0%,
      transparent 43%),
    linear-gradient(155deg,
      color-mix(in srgb, var(--player-card-team-primary) 28%, #07111a) 0%,
      #050b12 72%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.018),
    inset 0 -20px 32px rgba(0,0,0,.18) !important;
}

/* Lagloggan får fylla porträttytan. Den är stor men betydligt mer transparent. */
.players-card__team-watermark-v1265 {
  top: -15% !important;
  right: -34% !important;
  bottom: -14% !important;
  left: -34% !important;
  width: auto !important;
  height: auto !important;
  transform: none !important;
  place-items: center !important;
  opacity: .115 !important;
  filter: saturate(.94) contrast(1.08) brightness(1.06) !important;
  transition: opacity .18s ease, transform .22s ease !important;
}

.players-card__team-watermark-v1265 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transform: scale(1.10);
}

/* Personen ska ligga tydligt framför klubbgrafiken. */
.players-card-v122 .players-card__avatar > img {
  z-index: 3 !important;
  filter: drop-shadow(0 4px 7px rgba(0,0,0,.26));
}

.players-card-v122:hover .players-card__team-watermark-v1265,
.players-card-v122:focus-visible .players-card__team-watermark-v1265 {
  opacity: .17 !important;
  transform: scale(1.025) !important;
}

/* Små loggan och teamraden får samma färgton utan att ändra textfärgen. */
.players-card__team-logo-v122 {
  border-color: color-mix(in srgb, var(--player-card-team-primary) 42%, #27323c) !important;
  background: color-mix(in srgb, var(--player-card-team-primary) 7%, #070b10) !important;
}

.players-card__metrics-v122 {
  border-color: color-mix(in srgb, var(--player-card-team-primary) 23%, #26313b) !important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--player-card-team-primary) 5%, rgba(5,9,15,.78)),
      rgba(5,9,15,.72)) !important;
}

.players-card__latest-v122 {
  border-top-color: color-mix(in srgb, var(--player-card-team-primary) 20%, #252d36) !important;
}

/* Rank 1/hover-guld får fortfarande synas, men klubbtonen ska vara basen. */
.players-card-v122:first-child {
  border-color: color-mix(in srgb, var(--player-card-team-secondary) 42%, #5d5128) !important;
}

/* Kompaktläget behöver en ännu lugnare bakgrund. */
.player-directory__grid.is-compact .players-card__team-watermark-v1265 {
  opacity: .08 !important;
}

@media (max-width: 760px) {
  .players-card__team-watermark-v1265 {
    opacity: .095 !important;
  }

  .players-card-v122::before {
    opacity: .72;
  }
}

/* ============================================================
   V1.26.8 – MINI-HERO SPELARKORT
   Spelarregistrens kort följer nu spelarprofilens hero-språk:
   kant-i-kant porträtt, stor svag klubblogga och klubbtonad toppanel.
   ============================================================ */

/* Neutralare bas. Klubbidentiteten koncentreras till mini-heron. */
.players-card-v122 {
  min-height: 260px !important;
  padding: 0 !important;
  border-color: color-mix(in srgb, var(--player-card-team-primary) 28%, #28323c) !important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--player-card-team-primary) 4%, #05090f) 0%,
      #05090f 52%,
      #04070c 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    0 9px 28px rgba(0,0,0,.16) !important;
}

/* Vänster klubbkant, inspirerad av spelarprofilens hero. */
.players-card-v122::after {
  content: "";
  position: absolute;
  z-index: 8;
  inset: 0 auto 0 0;
  width: 3px;
  height: auto;
  pointer-events: none;
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--player-card-team-secondary) 72%, #ffd700),
    color-mix(in srgb, var(--player-card-team-primary) 80%, transparent) 54%,
    transparent 100%);
  opacity: .82;
}

/* Ta bort den gamla hela-kortet-glowen – mini-heron står för klubbkänslan. */
.players-card-v122::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 100% 100%,
      color-mix(in srgb, var(--player-card-team-secondary) 4%, transparent),
      transparent 34%);
  opacity: .9;
}

/* Överdelen blir en sammanhängande mini-hero, inte två små boxar. */
.players-card__top-v1266 {
  position: relative;
  z-index: 2;
  display: grid !important;
  grid-template-columns: 112px minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  min-height: 150px;
  overflow: hidden;
  border-bottom: 1px solid color-mix(in srgb, var(--player-card-team-primary) 22%, #202a34);
  background:
    linear-gradient(108deg,
      color-mix(in srgb, var(--player-card-team-primary) 38%, #07121f) 0%,
      color-mix(in srgb, var(--player-card-team-primary) 19%, #07111b) 38%,
      #06101a 67%,
      #050b12 100%);
}

/* Ljus/smoke över mini-heron likt den stora profilen. */
.players-card__top-v1266::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(108deg, rgba(255,255,255,.035), transparent 29%),
    radial-gradient(circle at 72% 30%, rgba(255,255,255,.022), transparent 38%);
}

.players-card-v122 .players-card__media-v122 {
  position: relative !important;
  z-index: 2;
  width: 112px;
  min-width: 112px;
  height: 150px;
  align-self: stretch !important;
  overflow: visible;
}

/* Porträttet går kant-i-kant och känns som profilheron. */
.players-card-v122 .players-card__avatar {
  position: relative !important;
  width: 112px !important;
  height: 150px !important;
  overflow: visible !important;
  border: 0 !important;
  border-right: 1px solid color-mix(in srgb, var(--player-card-team-secondary) 18%, rgba(255,255,255,.08)) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--player-card-team-primary) 28%, #0a2033),
      color-mix(in srgb, var(--player-card-team-primary) 8%, #06101a)) !important;
  box-shadow: none !important;
}

.players-card-v122 .players-card__avatar > img {
  position: absolute !important;
  z-index: 4 !important;
  inset: 0 !important;
  width: 112px !important;
  height: 150px !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  filter: drop-shadow(5px 3px 8px rgba(0,0,0,.28)) !important;
}

/* Stor, blek klubblogga. Den får gå utanför porträttfältet och in bakom identiteten. */
.players-card__team-watermark-v1265 {
  position: absolute !important;
  z-index: 1 !important;
  top: -28px !important;
  left: -34px !important;
  right: auto !important;
  bottom: auto !important;
  width: 262px !important;
  height: 206px !important;
  transform: rotate(-5deg) scale(1.02) !important;
  display: grid !important;
  place-items: center !important;
  opacity: .075 !important;
  filter: saturate(.9) contrast(1.06) brightness(1.1) !important;
  pointer-events: none;
  transition: opacity .18s ease, transform .22s ease !important;
}

.players-card__team-watermark-v1265 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}

.players-card-v122:hover .players-card__team-watermark-v1265,
.players-card-v122:focus-visible .players-card__team-watermark-v1265 {
  opacity: .105 !important;
  transform: rotate(-5deg) scale(1.055) !important;
}

/* Rollen blir en liten hero-label ovanpå nederdelen av spelarbilden. */
.players-card__role-v122 {
  position: absolute !important;
  z-index: 6;
  left: 8px;
  bottom: 7px;
  width: auto !important;
  max-width: 96px;
  margin: 0 !important;
  padding: 4px 7px 3px;
  border-left: 2px solid color-mix(in srgb, var(--player-card-team-secondary) 70%, #ffd400);
  background: rgba(3,8,14,.76);
  color: #69e6df !important;
  font-size: 6.7px !important;
  line-height: 1;
  letter-spacing: .09em !important;
  text-align: left !important;
  backdrop-filter: blur(4px);
}

/* Identiteten får mer hero-känsla och större visuellt lugn. */
.players-card__identity-v1266 {
  position: relative;
  z-index: 3;
  min-width: 0;
  padding: 15px 12px 10px 13px !important;
}

.players-card__title-v122 h3 {
  font-size: clamp(16px, .98vw, 19px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.025em;
  text-shadow: 0 2px 12px rgba(0,0,0,.38);
}

.players-card__ranking-v122 {
  margin-top: 8px !important;
}

.players-card__ranking-v122 b {
  border-color: color-mix(in srgb, var(--player-card-team-secondary) 46%, #665724) !important;
  background: color-mix(in srgb, var(--player-card-team-secondary) 7%, rgba(8,12,17,.9)) !important;
}

.players-card__ranking-v122 em {
  color: #f0d58b !important;
}

/* Laget fungerar mer som hero-klubbknappen, men i kompakt skala. */
.players-card__team-v122 {
  display: inline-flex !important;
  max-width: 100%;
  margin-top: 15px !important;
  padding: 5px 7px 5px 5px;
  border: 1px solid color-mix(in srgb, var(--player-card-team-primary) 30%, #28343f);
  border-radius: 7px;
  background: color-mix(in srgb, var(--player-card-team-primary) 8%, rgba(4,9,14,.68)) !important;
}

.players-card__team-logo-v122 {
  flex: 0 0 27px;
  width: 27px !important;
  height: 27px !important;
  border: 0 !important;
  background: transparent !important;
}

.players-card__team-logo-v122 img {
  width: 25px !important;
  height: 25px !important;
}

.players-card__team-v122 strong {
  font-size: 9.4px !important;
  letter-spacing: .01em;
}

/* Dataområdet ligger på neutral mörk botten, som nederdelen i profilheron. */
.players-card__metrics-v122 {
  position: relative;
  z-index: 3;
  width: auto !important;
  margin: 10px 11px 0 !important;
  border-color: rgba(255,255,255,.085) !important;
  background: rgba(3,7,12,.72) !important;
}

.players-card__metrics-v122 > div {
  padding: 7px 2px 6px !important;
}

.players-card__metrics-v122 span {
  color: #778595 !important;
  font-size: 5.8px !important;
}

.players-card__metrics-v122 strong {
  font-size: 12.9px !important;
}

.players-card__latest-v122 {
  position: relative;
  z-index: 3;
  width: auto !important;
  min-height: 23px !important;
  margin: 6px 11px 0 !important;
  padding-top: 6px !important;
  border-top-color: rgba(255,255,255,.065) !important;
}

.players-card__latest-v122 strong {
  max-width: 78% !important;
  font-size: 7.8px !important;
}

.players-card__leagues-v122 {
  position: relative;
  z-index: 3;
  min-height: 12px;
  margin: 4px 11px 9px !important;
  color: #657180 !important;
  font-size: 6.5px !important;
}

.players-card-v122:hover,
.players-card-v122:focus-visible {
  transform: translateY(-2px) !important;
  border-color: color-mix(in srgb, var(--player-card-team-secondary) 28%, var(--player-card-team-primary)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 14px 34px rgba(0,0,0,.26),
    0 0 26px color-mix(in srgb, var(--player-card-team-primary) 8%, transparent) !important;
}

/* Rank 1 behåller guldet men utan att förstöra klubbpaletten. */
.players-card-v122:first-child {
  border-color: color-mix(in srgb, var(--player-card-team-secondary) 54%, #8b762f) !important;
}

/* På 4-kolumners desktop får porträttet lite mer plats. */
@media (max-width: 1499px) and (min-width: 1181px) {
  .players-card__top-v1266 {
    grid-template-columns: 118px minmax(0, 1fr) !important;
    min-height: 156px;
  }

  .players-card-v122 .players-card__media-v122,
  .players-card-v122 .players-card__avatar,
  .players-card-v122 .players-card__avatar > img {
    width: 118px !important;
    height: 156px !important;
  }

  .players-card-v122 .players-card__media-v122 {
    min-width: 118px;
  }

  .players-card__team-watermark-v1265 {
    width: 282px !important;
    height: 220px !important;
  }
}

/* Kompaktläget använder samma språk men mindre dramatisk klubbgrafik. */
.player-directory__grid.is-compact .players-card-v122 {
  min-height: 208px !important;
}

.player-directory__grid.is-compact .players-card__top-v1266 {
  grid-template-columns: 74px minmax(0, 1fr) !important;
  min-height: 108px;
}

.player-directory__grid.is-compact .players-card-v122 .players-card__media-v122,
.player-directory__grid.is-compact .players-card-v122 .players-card__avatar,
.player-directory__grid.is-compact .players-card-v122 .players-card__avatar > img {
  width: 74px !important;
  height: 108px !important;
}

.player-directory__grid.is-compact .players-card-v122 .players-card__media-v122 {
  min-width: 74px;
}

.player-directory__grid.is-compact .players-card__team-watermark-v1265 {
  width: 190px !important;
  height: 145px !important;
  opacity: .055 !important;
}

.player-directory__grid.is-compact .players-card__identity-v1266 {
  padding: 10px 9px 7px 10px !important;
}

.player-directory__grid.is-compact .players-card__role-v122 {
  left: 6px;
  bottom: 5px;
  max-width: 64px;
  padding: 3px 5px;
  font-size: 5.6px !important;
}

/* Mobilen får en tydligare större bild men samma mini-hero-princip. */
@media (max-width: 620px) {
  .players-card__top-v1266 {
    grid-template-columns: 118px minmax(0, 1fr) !important;
    min-height: 156px;
  }

  .players-card-v122 .players-card__media-v122,
  .players-card-v122 .players-card__avatar,
  .players-card-v122 .players-card__avatar > img {
    width: 118px !important;
    height: 156px !important;
  }

  .players-card-v122 .players-card__media-v122 {
    min-width: 118px;
  }

  .players-card__team-watermark-v1265 {
    width: 285px !important;
    height: 218px !important;
    opacity: .065 !important;
  }
}

/* ============================================================
   V1.26.9 – STÖRRE KLUBBLOGGA I MINI-HERO
   Klubbloggan används mer som i spelarprofilens hero: stor, blek och
   utsträckt bakom både porträtt och identitet utan att störa texten.
   ============================================================ */

/* Lite djupare hero-yta så den större klubbgrafiken får plats visuellt. */
.players-card__top-v1266 {
  isolation: isolate;
  background:
    linear-gradient(108deg,
      color-mix(in srgb, var(--player-card-team-primary) 44%, #071522) 0%,
      color-mix(in srgb, var(--player-card-team-primary) 22%, #07111b) 40%,
      #06101a 72%,
      #050a11 100%) !important;
}

/* Mjuk klubbglöd från vänster och diskret mörkning bakom texten. */
.players-card__top-v1266::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 21% 44%,
      color-mix(in srgb, var(--player-card-team-secondary) 11%, transparent) 0%,
      transparent 42%),
    linear-gradient(90deg,
      transparent 0 35%,
      rgba(3,8,14,.08) 48%,
      rgba(3,8,14,.42) 72%,
      rgba(3,8,14,.68) 100%);
}

/* Befintlig ljus/smoke hålls ovanför klubbgrafiken men under innehållet. */
.players-card__top-v1266::after {
  z-index: 2 !important;
  background:
    linear-gradient(108deg, rgba(255,255,255,.038), transparent 31%),
    radial-gradient(circle at 72% 28%, rgba(255,255,255,.025), transparent 40%) !important;
}

/* Gör loggan till en stor hero-watermark som täcker hela övre kortdelen. */
.players-card__team-watermark-v1265 {
  z-index: 0 !important;
  top: -58px !important;
  left: -88px !important;
  width: 390px !important;
  height: 292px !important;
  opacity: .095 !important;
  transform: rotate(-5deg) scale(1.02) !important;
  filter: saturate(.96) contrast(1.13) brightness(1.30) !important;
}

.players-card__team-watermark-v1265 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

.players-card-v122:hover .players-card__team-watermark-v1265,
.players-card-v122:focus-visible .players-card__team-watermark-v1265 {
  opacity: .13 !important;
  transform: rotate(-5deg) scale(1.055) !important;
}

/* Porträtt och identitet hålls tydligt framför den stora loggan. */
.players-card-v122 .players-card__media-v122 {
  z-index: 4 !important;
}

.players-card__identity-v1266 {
  z-index: 5 !important;
  background: linear-gradient(90deg, rgba(3,8,14,.05), rgba(3,8,14,.18) 72%, rgba(3,8,14,.30));
}

/* Lite tydligare klubbknapp mot den större grafiken. */
.players-card__team-v122 {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  background: color-mix(in srgb, var(--player-card-team-primary) 9%, rgba(3,8,14,.76)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

/* På riktigt bred femkolumners-layout får loggan nästan fylla hela mini-heron. */
@media (min-width: 1500px) {
  .players-card__team-watermark-v1265 {
    top: -64px !important;
    left: -94px !important;
    width: 410px !important;
    height: 306px !important;
  }
}

/* Fyra kolumner: behåll samma proportion men anpassa till bredare kort. */
@media (max-width: 1499px) and (min-width: 1181px) {
  .players-card__team-watermark-v1265 {
    top: -64px !important;
    left: -92px !important;
    width: 430px !important;
    height: 318px !important;
  }
}

/* Kompaktläge ska fortfarande vara lugnare. */
.player-directory__grid.is-compact .players-card__team-watermark-v1265 {
  top: -38px !important;
  left: -58px !important;
  width: 260px !important;
  height: 194px !important;
  opacity: .065 !important;
}

.player-directory__grid.is-compact .players-card-v122:hover .players-card__team-watermark-v1265,
.player-directory__grid.is-compact .players-card-v122:focus-visible .players-card__team-watermark-v1265 {
  opacity: .09 !important;
}

@media (max-width: 620px) {
  .players-card__team-watermark-v1265 {
    top: -58px !important;
    left: -86px !important;
    width: 390px !important;
    height: 292px !important;
    opacity: .085 !important;
  }
}

/* ============================================================
   V1.27.0 – HERO-WATERMARK / KLUBBKÄNSLA POLISH
   Bakgrundsloggan flyttas från porträttets vänstersida till hela mini-heron,
   får större skala, mjuk maskning och lägre opacity – närmare spelarprofilen.
   ============================================================ */

/* Mer sammanhängande hero-bakgrund över hela övre kortet. */
.players-card__top-v1266 {
  background:
    radial-gradient(ellipse 72% 115% at 16% 46%,
      color-mix(in srgb, var(--player-card-team-primary) 34%, transparent) 0%,
      transparent 70%),
    linear-gradient(108deg,
      color-mix(in srgb, var(--player-card-team-primary) 43%, #071522) 0%,
      color-mix(in srgb, var(--player-card-team-primary) 21%, #07111b) 39%,
      #06101a 72%,
      #050a11 100%) !important;
}

/* Hero-lik diagonal klubbaccent + mjuk textmörkning. */
.players-card__top-v1266::before {
  z-index: 2 !important;
  background:
    linear-gradient(101deg,
      transparent 0 42.9%,
      color-mix(in srgb, var(--player-card-team-secondary) 54%, transparent) 43.15%,
      rgba(255,208,0,.22) 43.38%,
      color-mix(in srgb, var(--player-card-team-secondary) 34%, transparent) 43.62%,
      transparent 43.95%),
    linear-gradient(90deg,
      transparent 0 39%,
      rgba(2,7,12,.045) 48%,
      rgba(2,7,12,.31) 74%,
      rgba(2,7,12,.58) 100%) !important;
}

.players-card__top-v1266::after {
  z-index: 3 !important;
  background:
    linear-gradient(108deg, rgba(255,255,255,.032), transparent 27%),
    radial-gradient(ellipse 66% 72% at 68% 31%, rgba(255,255,255,.022), transparent 68%) !important;
}

/*
   Watermarken är fortfarande DOM-mässigt inne i avatarblocket, men placeras
   visuellt över hela mini-heron. Mittpunkten ligger nu bakom identiteten,
   inte bakom spelarens ansikte.
*/
.players-card__team-watermark-v1265 {
  z-index: 1 !important;
  top: -82px !important;
  left: 24px !important;
  width: 360px !important;
  height: 312px !important;
  opacity: .058 !important;
  transform: scale(1.08) !important;
  filter: saturate(.94) contrast(1.16) brightness(1.28) !important;
  -webkit-mask-image: radial-gradient(ellipse 72% 72% at 48% 48%, #000 26%, rgba(0,0,0,.94) 55%, rgba(0,0,0,.48) 78%, transparent 100%);
  mask-image: radial-gradient(ellipse 72% 72% at 48% 48%, #000 26%, rgba(0,0,0,.94) 55%, rgba(0,0,0,.48) 78%, transparent 100%);
  transform-origin: 50% 50% !important;
}

.players-card__team-watermark-v1265 img {
  object-fit: contain !important;
  object-position: center !important;
}

.players-card-v122:hover .players-card__team-watermark-v1265,
.players-card-v122:focus-visible .players-card__team-watermark-v1265 {
  opacity: .082 !important;
  transform: scale(1.12) !important;
}

/* Porträttet får lite mer separation från den stora watermarken. */
.players-card-v122 .players-card__avatar > img {
  filter:
    drop-shadow(5px 3px 8px rgba(0,0,0,.31))
    drop-shadow(0 0 10px color-mix(in srgb, var(--player-card-team-primary) 9%, transparent)) !important;
}

/* Låt klubbloggan synas bakom identiteten utan att störa läsbarheten. */
.players-card__identity-v1266 {
  z-index: 5 !important;
  background:
    linear-gradient(90deg,
      rgba(3,8,14,.015) 0%,
      rgba(3,8,14,.08) 34%,
      rgba(3,8,14,.20) 72%,
      rgba(3,8,14,.34) 100%) !important;
}

.players-card__title-v122 h3 {
  text-shadow: 0 2px 10px rgba(0,0,0,.62), 0 0 18px rgba(0,0,0,.26) !important;
}

.players-card__team-v122 {
  background: color-mix(in srgb, var(--player-card-team-primary) 7%, rgba(3,8,14,.74)) !important;
  border-color: color-mix(in srgb, var(--player-card-team-secondary) 17%, rgba(255,255,255,.12)) !important;
}

/* Femkolumners desktop: störst watermark och tydlig hero-känsla. */
@media (min-width: 1500px) {
  .players-card__team-watermark-v1265 {
    top: -86px !important;
    left: 22px !important;
    width: 374px !important;
    height: 322px !important;
    opacity: .06 !important;
  }
}

/* Fyra kolumner: lite bredare kort, loggan kan växa ytterligare. */
@media (max-width: 1499px) and (min-width: 1181px) {
  .players-card__team-watermark-v1265 {
    top: -94px !important;
    left: 38px !important;
    width: 410px !important;
    height: 344px !important;
    opacity: .06 !important;
  }
}

/* Kompaktläget behåller watermarken men låter den vara betydligt lugnare. */
.player-directory__grid.is-compact .players-card__team-watermark-v1265 {
  top: -56px !important;
  left: 12px !important;
  width: 280px !important;
  height: 218px !important;
  opacity: .038 !important;
  transform: scale(1.03) !important;
}

.player-directory__grid.is-compact .players-card-v122:hover .players-card__team-watermark-v1265,
.player-directory__grid.is-compact .players-card-v122:focus-visible .players-card__team-watermark-v1265 {
  opacity: .055 !important;
  transform: scale(1.06) !important;
}

@media (max-width: 620px) {
  .players-card__team-watermark-v1265 {
    top: -80px !important;
    left: 26px !important;
    width: 360px !important;
    height: 306px !important;
    opacity: .052 !important;
  }
}

/* ============================================================
   V1.27.1 – FINAL MINI-HERO BALANCE
   Starkare men mjukare klubb-watermark + bättre plats för långa gamertags.
   ============================================================ */

/* Lite mer närvaro från klubbmärket utan att det konkurrerar med porträtt/text. */
.players-card__team-watermark-v1265 {
  opacity: .078 !important;
  filter: saturate(.98) contrast(1.16) brightness(1.36) !important;
  -webkit-mask-image: radial-gradient(ellipse 82% 80% at 50% 50%, #000 30%, rgba(0,0,0,.96) 62%, rgba(0,0,0,.58) 84%, transparent 100%) !important;
  mask-image: radial-gradient(ellipse 82% 80% at 50% 50%, #000 30%, rgba(0,0,0,.96) 62%, rgba(0,0,0,.58) 84%, transparent 100%) !important;
}

.players-card-v122:hover .players-card__team-watermark-v1265,
.players-card-v122:focus-visible .players-card__team-watermark-v1265 {
  opacity: .105 !important;
}

/* Femkolumners desktop: nästan profil-hero-storlek, centrerad bakom identiteten. */
@media (min-width: 1500px) {
  .players-card__team-watermark-v1265 {
    top: -96px !important;
    left: 6px !important;
    width: 420px !important;
    height: 350px !important;
    transform: scale(1.04) !important;
  }

  .players-card-v122:hover .players-card__team-watermark-v1265,
  .players-card-v122:focus-visible .players-card__team-watermark-v1265 {
    transform: scale(1.075) !important;
  }
}

/* Fyra kolumner: korten är bredare, så watermarken kan växa ytterligare. */
@media (max-width: 1499px) and (min-width: 1181px) {
  .players-card__team-watermark-v1265 {
    top: -102px !important;
    left: 20px !important;
    width: 448px !important;
    height: 366px !important;
  }
}

/* Långa gamertags ska i första hand få plats, inte kapas efter några tecken. */
.players-card__title-v122 h3 {
  font-size: clamp(15px, .85vw, 18px) !important;
  letter-spacing: -.045em !important;
}

.players-card__team-v122 {
  margin-top: 12px !important;
}

/* En aning mindre mörkning precis bakom loggans centrum. */
.players-card__identity-v1266 {
  background:
    linear-gradient(90deg,
      rgba(3,8,14,.005) 0%,
      rgba(3,8,14,.05) 32%,
      rgba(3,8,14,.17) 73%,
      rgba(3,8,14,.32) 100%) !important;
}


/* ============================================================
   V1.27.5 – PORTRÄTTZOOM
   Spelarbilder fyller porträttytan bättre men är fortsatt
   förankrade i överkant. Lag-watermarken påverkas inte.
   ============================================================ */

.players-card-v122 .players-card__avatar > img {
  object-fit: contain !important;
  object-position: center top !important;
  transform: scale(1.08) !important;
  transform-origin: center top !important;
}

/* Lite lugnare zoom i kompaktläge. */
.player-directory__grid.is-compact .players-card-v122 .players-card__avatar > img {
  transform: scale(1.055) !important;
  transform-origin: center top !important;
}

/* Mobil: behåll top-anchor men undvik onödig beskärning. */
@media (max-width: 620px) {
  .players-card-v122 .players-card__avatar > img {
    transform: scale(1.06) !important;
    transform-origin: center top !important;
  }
}

/* ============================================================
   V1.27.7 – 115 % PORTRÄTTZOOM / KORREKT KLIPPNING
   Behåller top-anchor och 115 % zoom men ser till att porträttet
   visuellt slutar exakt vid mini-herons horisontella skiljelinje.
   ============================================================ */

/* Din önskade större klubb-watermark behålls. */
.players-card__team-watermark-v1265 img {
  transform: scale(2.25) !important;
  transform-origin: center center !important;
}

/* Gör skiljelinjen under mini-heron tydlig och konsekvent. */
.players-card__top-v1266 {
  border-bottom: 0 !important;
  box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--player-card-team-primary) 32%, rgba(255,255,255,.10)) !important;
}

/*
   I stället för transform:scale() på spelarbilden görs själva bildboxen
   15 % större. Nederdelen klipps tillbaka till porträttfältets höjd.
   Resultat: lite mer zoom, fortsatt top-anchor, men inget bildinnehåll
   fortsätter nedanför den horisontella skiljelinjen.
*/
.players-card-v122 .players-card__avatar > img {
  inset: auto !important;
  top: 0 !important;
  left: -7.5% !important;
  width: 115% !important;
  height: 115% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center top !important;
  transform: none !important;
  transform-origin: center top !important;
  clip-path: inset(0 6.53% 13.05% 6.53%) !important;
}

/* Kompaktläge: samma 115 % zoom och samma hårda avslut vid linjen. */
.player-directory__grid.is-compact .players-card-v122 .players-card__avatar > img {
  left: -7.5% !important;
  width: 115% !important;
  height: 115% !important;
  transform: none !important;
  clip-path: inset(0 6.53% 13.05% 6.53%) !important;
}

/* Mobil: samma 115 % zoom och fortsatt exakt avslut vid hero-linjen. */
@media (max-width: 620px) {
  .players-card-v122 .players-card__avatar > img {
    left: -7.5% !important;
    width: 115% !important;
    height: 115% !important;
    transform: none !important;
    clip-path: inset(0 6.53% 13.05% 6.53%) !important;
  }
}

/* ============================================================
   V1.28.32 – SPELARREGISTER / RIKTIGT KOMPAKTLÄGE
   Kompaktvy = porträtt + namn. Namnet ligger under porträttet och
   senaste lagets logga ligger diskret bakom spelaren i porträttboxen.
   ============================================================ */

/* Fler verkligt kompakta kort per rad på bred desktop. */
.players-shell-v122 .player-directory__grid.is-compact {
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.player-directory__grid.is-compact .players-card-v122 {
  min-height: 148px !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  padding: 9px 7px 10px !important;
  text-align: center !important;
}

/* Hela toppdelen staplas: porträtt först, namn direkt under. */
.player-directory__grid.is-compact .players-card__top-v1266 {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  grid-template-columns: none !important;
}

.player-directory__grid.is-compact .players-card-v122 .players-card__media-v122 {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Porträttet blir huvudobjektet i kompaktvyn. */
.player-directory__grid.is-compact .players-card-v122 .players-card__avatar,
.player-directory__grid.is-compact .players-card-v122 .players-card__avatar > img {
  width: 74px !important;
  height: 98px !important;
}

.player-directory__grid.is-compact .players-card-v122 .players-card__avatar {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  border: 1px solid rgba(214,177,95,.28) !important;
  background:
    radial-gradient(circle at 50% 36%, rgba(255,255,255,.035), transparent 62%),
    linear-gradient(180deg, #091827 0%, #040a12 100%) !important;
  box-shadow: none !important;
}

/* Lagloggan bakom själva spelaren – inte ute i resten av kortet. */
.player-directory__grid.is-compact .players-card__team-watermark-v1265 {
  position: absolute !important;
  z-index: 1 !important;
  top: 50% !important;
  left: 50% !important;
  width: 90% !important;
  height: 90% !important;
  display: grid !important;
  place-items: center !important;
  transform: translate(-50%, -50%) scale(1.02) !important;
  opacity: .18 !important;
  filter: saturate(.85) contrast(1.03) !important;
  pointer-events: none !important;
}

.player-directory__grid.is-compact .players-card__team-watermark-v1265 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

.player-directory__grid.is-compact .players-card-v122 .players-card__avatar > img {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  background: transparent !important;
}

/* Namnet under porträttet, mindre och lugnare än i normalvyn. */
.player-directory__grid.is-compact .players-card-v122 .players-card__identity-v1266,
.player-directory__grid.is-compact .players-card-v122 .players-card__title-v122,
.player-directory__grid.is-compact .players-card-v122 .players-card__title-v122 > div {
  width: 100% !important;
  min-width: 0 !important;
  display: block !important;
  padding: 0 !important;
}

.player-directory__grid.is-compact .players-card-v122 .players-card__title-v122 h3 {
  width: 100% !important;
  max-width: 100% !important;
  display: -webkit-box !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #f4f5f7 !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: normal !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

/* All annan information bort i compact. */
.player-directory__grid.is-compact .players-card-v122 .players-card__role-v122,
.player-directory__grid.is-compact .players-card-v122 .players-card__ranking-v122,
.player-directory__grid.is-compact .players-card-v122 .players-card__team-v122,
.player-directory__grid.is-compact .players-card-v122 .players-card__metrics-v122,
.player-directory__grid.is-compact .players-card-v122 .players-card__latest-v122,
.player-directory__grid.is-compact .players-card-v122 .players-card__leagues-v122 {
  display: none !important;
}

@media (max-width: 1450px) {
  .players-shell-v122 .player-directory__grid.is-compact {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1220px) {
  .players-shell-v122 .player-directory__grid.is-compact {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  .players-shell-v122 .player-directory__grid.is-compact {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .players-shell-v122 .player-directory__grid.is-compact {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .player-directory__grid.is-compact .players-card-v122 {
    min-height: 138px !important;
    padding: 8px 6px 9px !important;
  }

  .player-directory__grid.is-compact .players-card-v122 .players-card__avatar,
  .player-directory__grid.is-compact .players-card-v122 .players-card__avatar > img {
    width: 66px !important;
    height: 88px !important;
  }

  .player-directory__grid.is-compact .players-card-v122 .players-card__title-v122 h3 {
    font-size: 9.5px !important;
  }
}

@media (max-width: 460px) {
  .players-shell-v122 .player-directory__grid.is-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* ============================================================
   V1.28.33 – KOMPAKTVY / TAJTARE MELLAN SPELARNA
   Mindre mellanrum mellan korten utan att ändra kortens innehåll.
   ============================================================ */
.players-shell-v122 .player-directory__grid.is-compact {
  gap: 3px !important;
  column-gap: 3px !important;
  row-gap: 3px !important;
}


/* ============================================================
   V1.28.85 — SPELARREGISTER / 3 PER RAD + MOCKUP-LAYOUT
   Godkänd riktning:
   - bred, hög porträtyta till vänster
   - tydlig diagonal brytning
   - rank + RP överst
   - stort gamertag
   - lagpanel
   - KPI-rad
   - Senast + Karriär längst ner
   ============================================================ */

/* Tre fullstora kort per rad på vanlig laptop/desktop. */
.players-shell-v122 .player-directory__grid:not(.is-compact) {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 {
  --seh-card-gold: #ffd000;
  --seh-card-cyan: #43e8e1;
  position: relative !important;
  isolation: isolate !important;
  min-height: 342px !important;
  display: block !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(83, 117, 148, .34) !important;
  border-radius: 15px !important;
  background:
    linear-gradient(135deg, rgba(7, 18, 32, .985), rgba(2, 7, 13, .995)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 14px 30px rgba(0,0,0,.20) !important;
  color: #f6f4ef !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122:first-child {
  border-color: rgba(255, 208, 0, .88) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,208,0,.035),
    0 14px 30px rgba(0,0,0,.24) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122:hover,
.player-directory__grid:not(.is-compact) .players-card-v122:focus-visible {
  z-index: 3 !important;
  transform: translateY(-2px) !important;
  border-color: rgba(240, 213, 139, .62) !important;
  outline: none !important;
}

/* Stor laglogga uppe i högra hörnet som i referensmallen. */
.player-directory__grid:not(.is-compact) .players-card-v122 > .players-card__team-watermark-v1265 {
  position: absolute !important;
  z-index: 0 !important;
  top: 16px !important;
  right: 10px !important;
  bottom: auto !important;
  left: auto !important;
  width: 36% !important;
  height: 34% !important;
  display: grid !important;
  place-items: start end !important;
  opacity: .19 !important;
  filter: saturate(.96) brightness(.90) contrast(1.04) drop-shadow(0 0 10px rgba(5, 15, 26, .22)) !important;
  transform: none !important;
  pointer-events: none !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 > .players-card__team-watermark-v1265 img,
.player-directory__grid:not(.is-compact) .players-card-v122 > .players-card__team-watermark-v1265 svg {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: right top !important;
  transform: scale(1) !important;
}

/* Hela kortets huvudlayout. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__top-v1266 {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: 429px minmax(0, 1fr) !important;
  gap: 0 !important;
  min-height: 342px !important;
  height: 100% !important;
  align-items: stretch !important;
  overflow: hidden !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Vänster porträtyta — bredare och med samma sneda avslut som mallen. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122 {
  position: relative !important;
  z-index: 2 !important;
  min-width: 0 !important;
  min-height: 342px !important;
  height: 100% !important;
  overflow: hidden !important;
  clip-path: polygon(0 0, 100% 0, 84% 100%, 0 100%) !important;
  background:
    radial-gradient(circle at 46% 20%, color-mix(in srgb, var(--player-card-team-primary, #0a4b78) 42%, transparent), transparent 48%),
    linear-gradient(145deg, #0a355e 0%, #06192d 62%, #030a13 100%) !important;
}

/* Vänstra diagonalen tonas ned så porträttet får mer fokus. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  top: -12% !important;
  right: 56px !important;
  width: 2px !important;
  height: 128% !important;
  background: linear-gradient(180deg, rgba(67,232,225,.26), rgba(255,208,0,.48)) !important;
  transform: rotate(6.8deg) !important;
  transform-origin: center !important;
  box-shadow: 0 0 5px rgba(255,208,0,.08) !important;
  opacity: .72 !important;
  pointer-events: none !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar > img {
  position: absolute !important;
  z-index: 2 !important;
  top: 0 !important;
  left: -10% !important;
  width: 172% !important;
  height: 126% !important;
  max-width: none !important;
  max-height: none !important;
  display: block !important;
  object-fit: cover !important;
  object-position: 34% top !important;
  clip-path: none !important;
  transform: none !important;
  transform-origin: center top !important;
  background: transparent !important;
}

/* Rollremsa direkt på porträttet. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__role-v122 {
  position: absolute !important;
  z-index: 6 !important;
  left: 14px !important;
  right: 76px !important;
  bottom: 15px !important;
  min-height: 35px !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 10px 0 12px !important;
  overflow: hidden !important;
  border-left: 5px solid var(--seh-card-gold) !important;
  background: linear-gradient(90deg, rgba(2,8,18,.96), rgba(2,8,18,.76), rgba(2,8,18,0)) !important;
  color: var(--seh-card-cyan) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .055em !important;
  text-align: left !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Höger informationsdel. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__identity-v1266 {
  position: relative !important;
  z-index: 3 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 24px 20px 17px 12px !important;
  background: transparent !important;
}

/* Rank + RP — som egen överrad. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__ranking-v122 {
  order: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 10px !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__ranking-v122 b {
  min-width: 50px !important;
  height: 38px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 10px !important;
  border: 2px solid rgba(255,208,0,.82) !important;
  border-radius: 10px !important;
  background: rgba(3,9,17,.72) !important;
  color: var(--seh-card-gold) !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__ranking-v122 em {
  color: #f0d58b !important;
  font-size: 15px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  letter-spacing: .015em !important;
  white-space: nowrap !important;
}

/* Gamertag får vara huvudrubriken. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__title-v122 {
  order: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 13px !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__title-v122 h3 {
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #f7f5ef !important;
  font-size: clamp(26px, 1.8vw, 33px) !important;
  font-weight: 950 !important;
  line-height: .94 !important;
  letter-spacing: -.045em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Lagpanelen tar nästan hela informationsbredden. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-v122 {
  order: 2 !important;
  min-height: 58px !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 15px !important;
  padding: 7px 12px !important;
  border: 1px solid rgba(214,177,95,.66) !important;
  border-radius: 10px !important;
  background: linear-gradient(90deg, rgba(4,12,23,.90), rgba(3,10,18,.72)) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-logo-v122 {
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-logo-v122 img {
  width: 42px !important;
  height: 42px !important;
  object-fit: contain !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-v122 strong {
  overflow: hidden !important;
  color: #f5f2e9 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  letter-spacing: .005em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* KPI-boxen är en enda sammanhängande rad. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__metrics-v122 {
  order: 3 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(92,132,165,.36) !important;
  border-radius: 11px !important;
  background: rgba(4,14,25,.74) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__metrics-v122 > div {
  min-width: 0 !important;
  min-height: 66px !important;
  display: grid !important;
  align-content: center !important;
  padding: 8px 4px !important;
  border-right: 1px solid rgba(92,132,165,.30) !important;
  text-align: center !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__metrics-v122 > div:last-child {
  border-right: 0 !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__metrics-v122 span {
  display: block !important;
  color: var(--seh-card-cyan) !important;
  font-size: 7.5px !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__metrics-v122 strong {
  display: block !important;
  margin-top: 5px !important;
  overflow: hidden !important;
  color: #f7f5ef !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Nedersta raden — Senast + Karriär. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__footer-v12882 {
  order: 4 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) !important;
  gap: 0 !important;
  margin-top: auto !important;
  padding-top: 13px !important;
  border-top: 1px solid rgba(92,125,153,.30) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__latest-v122,
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__career-v12882 {
  min-width: 0 !important;
  display: block !important;
  margin: 0 !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__career-v12882 {
  padding-left: 12px !important;
  border-left: 1px solid rgba(92,125,153,.32) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__latest-v122 span,
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__career-v12882 span {
  display: block !important;
  margin-bottom: 5px !important;
  color: var(--seh-card-cyan) !important;
  font-size: 7.5px !important;
  font-weight: 950 !important;
  letter-spacing: .085em !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__latest-v122 strong {
  display: block !important;
  overflow: hidden !important;
  color: #f4f1ea !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__career-v12882 strong {
  display: block !important;
  overflow: hidden !important;
  color: rgba(174,187,201,.63) !important;
  font-size: 8.5px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* 3/rad på laptop, 2/rad först när det faktiskt blir för trångt. */
@media (max-width: 1099px) {
  .players-shell-v122 .player-directory__grid:not(.is-compact) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .players-shell-v122 .player-directory__grid:not(.is-compact) {
    grid-template-columns: 1fr !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122,
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__top-v1266 {
    min-height: 318px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__top-v1266 {
    grid-template-columns: 46% minmax(0, 54%) !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122 {
    min-height: 318px !important;
    clip-path: polygon(0 0, 100% 0, 84% 100%, 0 100%) !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__identity-v1266 {
    padding: 18px 13px 13px 8px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__title-v122 h3 {
    font-size: clamp(22px, 7vw, 29px) !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-v122 strong {
    font-size: 13px !important;
  }
}

/* Kompaktläget ska fortsätta vara porträtt + namn. Anpassa bara
   watermarkens nya DOM-position så den fortfarande hamnar bakom porträttet. */
.player-directory__grid.is-compact .players-card-v122 {
  position: relative !important;
}

.player-directory__grid.is-compact .players-card-v122 > .players-card__team-watermark-v1265 {
  position: absolute !important;
  z-index: 1 !important;
  top: 9px !important;
  left: 50% !important;
  width: 74px !important;
  height: 98px !important;
  display: grid !important;
  place-items: center !important;
  transform: translateX(-50%) !important;
  opacity: .16 !important;
  pointer-events: none !important;
}

.player-directory__grid.is-compact .players-card-v122 > .players-card__team-watermark-v1265 img,
.player-directory__grid.is-compact .players-card-v122 > .players-card__team-watermark-v1265 svg {
  width: 82% !important;
  height: 82% !important;
  object-fit: contain !important;
}

.player-directory__grid.is-compact .players-card-v122 .players-card__top-v1266 {
  position: relative !important;
  z-index: 2 !important;
}

.player-directory__grid.is-compact .players-card-v122 .players-card__avatar > img {
  position: relative !important;
  z-index: 2 !important;
}


@media (max-width: 680px) {
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar > img {
    left: -6% !important;
    width: 132% !important;
    height: 114% !important;
    object-position: 34% top !important;
    transform: none !important;
  }
}


/* =========================================================
   v1.28.96 — porträttfältet +50% åt höger utan att krympa infon
   ========================================================= */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122 {
  width: 150% !important;
  max-width: none !important;
  margin-right: -50% !important;
  clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122::after {
  right: 10% !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar {
  width: 100% !important;
  height: 100% !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar > img {
  left: -7% !important;
  width: 150% !important;
  height: 122% !important;
  object-position: 30% top !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__role-v122 {
  right: 18% !important;
}

/* Informationsdelen ligger ovanpå den utökade kilen, precis som i mallen. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__identity-v1266 {
  z-index: 7 !important;
}

@media (max-width: 680px) {
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122 {
    width: 150% !important;
    margin-right: -50% !important;
  }
}

/* =========================================================
   v1.28.97 — RIKTIGT BREDARE SPELARBILDSFÄLT
   Återgår från experimentet och gör själva vänstra bildfältet
   tydligt bredare. Bilden fyller ytan och den sneda brytningen
   ligger längre åt höger.
   ========================================================= */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__top-v1266 {
  grid-template-columns: 44% minmax(0, 56%) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122 {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  min-height: 342px !important;
  clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122::after {
  right: 17.5% !important;
  top: -10% !important;
  height: 124% !important;
  transform: rotate(6.2deg) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar {
  width: 100% !important;
  height: 100% !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar > img {
  left: -4% !important;
  width: 138% !important;
  height: 108% !important;
  object-fit: cover !important;
  object-position: 30% top !important;
  clip-path: none !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__role-v122 {
  right: 24px !important;
}

/* Lite tätare informationsdel så den fortfarande känns luftig efter att bildfältet breddats. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__identity-v1266 {
  padding: 22px 18px 16px 10px !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__ranking-v122 {
  margin: 0 0 9px !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__title-v122 {
  margin: 0 0 11px !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__title-v122 h3 {
  font-size: clamp(24px, 1.55vw, 31px) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-v122 {
  margin: 0 0 12px !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-v122 strong {
  font-size: 15px !important;
}

/* På mobil/smala lägen ska samma riktning finnas kvar men utan att texten kraschar. */
@media (max-width: 680px) {
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__top-v1266 {
    grid-template-columns: 45% minmax(0, 55%) !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122 {
    width: 100% !important;
    margin-right: 0 !important;
    clip-path: polygon(0 0, 100% 0, 79% 100%, 0 100%) !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122::after {
    right: 18% !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar > img {
    left: -3% !important;
    width: 136% !important;
    height: 107% !important;
    object-position: 30% top !important;
  }
}

/* =========================================================
   v1.28.98 — Bredare /-format på spelarbilden
   Bildfältet får fortsätta in bakom rank, namn och laginfo.
   Själva gridbredden lämnas nästan oförändrad så infon inte trycks ihop.
   ========================================================= */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__top-v1266 {
  grid-template-columns: 44% minmax(0, 56%) !important;
}

/* Bildfältet går nu ca 24 % in i informationsdelen. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122 {
  width: 124% !important;
  max-width: none !important;
  margin-right: -24% !important;
  clip-path: polygon(0 0, 100% 0, 66% 100%, 0 100%) !important;
}

/* Tydligare /-linje: toppläget långt åt höger, nederdelen längre åt vänster. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122::after {
  top: -12% !important;
  right: 16% !important;
  height: 128% !important;
  transform: rotate(10.5deg) !important;
  transform-origin: center !important;
}

/* Porträttet fyller den nya bredare kilen bättre. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar > img {
  left: -4% !important;
  width: 148% !important;
  height: 112% !important;
  object-fit: cover !important;
  object-position: 28% top !important;
}

/* Bilden får ligga bakom rank/namn/lag på vänster sida av informationen. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122 {
  z-index: 2 !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__identity-v1266 {
  z-index: 7 !important;
  background:
    linear-gradient(90deg,
      rgba(2,7,13,.08) 0%,
      rgba(2,7,13,.44) 18%,
      rgba(2,7,13,.80) 38%,
      rgba(2,7,13,.94) 100%) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__role-v122 {
  right: 30% !important;
}

@media (max-width: 680px) {
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122 {
    width: 118% !important;
    margin-right: -18% !important;
    clip-path: polygon(0 0, 100% 0, 68% 100%, 0 100%) !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122::after {
    right: 16% !important;
    transform: rotate(10deg) !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar > img {
    left: -3% !important;
    width: 144% !important;
    height: 110% !important;
    object-position: 28% top !important;
  }
}

/* =========================================================
   v1.29.00 — SPELARKORT EFTER GODKÄND REFERENSMALL
   Referensen är den stora Furyan-grafiken:
   - brett 3:2-kort
   - porträtt ca 1/3 av kortet
   - rank/RP, stort namn, lagpanel, KPI-rad
   - Senast + Karriär längst ned
   - gul ytterram och blå/guld diagonaler
   ========================================================= */

/* Fullvyn ska ge referensmallen plats. Kompaktläget påverkas inte. */
.players-shell-v122 .player-directory__grid:not(.is-compact) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  padding: 16px !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 {
  --seh-card-gold: #ffd000;
  --seh-card-cyan: #34e8ee;
  position: relative !important;
  isolation: isolate !important;
  aspect-ratio: 1.56 / 1 !important;
  min-height: 0 !important;
  display: block !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 2px solid rgba(255, 210, 24, .88) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 13% 7%, rgba(16,88,158,.30), transparent 29%),
    linear-gradient(126deg, #061b31 0%, #041523 34%, #020912 67%, #02070d 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255,222,74,.08),
    0 0 22px rgba(255,208,0,.10),
    0 18px 38px rgba(0,0,0,.30) !important;
  color: #f7f5ef !important;
}

/* Alla kort följer samma mall — inte bara rank #1. */
.player-directory__grid:not(.is-compact) .players-card-v122:first-child {
  border-color: rgba(255, 210, 24, .95) !important;
  box-shadow:
    0 0 0 1px rgba(255,222,74,.10),
    0 0 25px rgba(255,208,0,.13),
    0 18px 40px rgba(0,0,0,.32) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122:hover,
.player-directory__grid:not(.is-compact) .players-card-v122:focus-visible {
  z-index: 4 !important;
  transform: translateY(-3px) !important;
  border-color: #ffe04d !important;
  box-shadow:
    0 0 0 1px rgba(255,224,77,.12),
    0 0 30px rgba(255,208,0,.16),
    0 24px 48px rgba(0,0,0,.38) !important;
}

/* Diskreta diagonaler genom hela kortet, som i referensen. */
.player-directory__grid:not(.is-compact) .players-card-v122::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(119deg, transparent 0 8%, rgba(255,213,32,.32) 8.2% 8.45%, transparent 8.7% 31%, rgba(17,104,177,.30) 31.2% 31.55%, transparent 31.8% 61%, rgba(15,91,156,.24) 61.2% 61.55%, transparent 61.8% 100%),
    linear-gradient(117deg, transparent 0 67%, rgba(255,211,28,.16) 67.2% 67.6%, transparent 67.9% 100%) !important;
  opacity: .88 !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122::after {
  display: none !important;
}

/* Stor klubbmarkering i övre högra delen. */
.player-directory__grid:not(.is-compact) .players-card-v122 > .players-card__team-watermark-v1265 {
  position: absolute !important;
  z-index: 1 !important;
  top: 2% !important;
  right: -2% !important;
  bottom: auto !important;
  left: auto !important;
  width: 38% !important;
  height: 48% !important;
  display: grid !important;
  place-items: center !important;
  opacity: .105 !important;
  filter: saturate(.70) brightness(.72) contrast(1.08) !important;
  transform: none !important;
  pointer-events: none !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 > .players-card__team-watermark-v1265 img,
.player-directory__grid:not(.is-compact) .players-card-v122 > .players-card__team-watermark-v1265 svg {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: scale(1.08) !important;
}

/* Huvudlayout: referensen har porträttfält runt 34 %. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__top-v1266 {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: 35.5% minmax(0, 64.5%) !important;
  gap: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Porträttfältet avslutas snett som i bild 1. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122 {
  position: relative !important;
  z-index: 3 !important;
  width: 116% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  margin-right: -16% !important;
  overflow: hidden !important;
  clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%) !important;
  background:
    radial-gradient(circle at 43% 20%, color-mix(in srgb, var(--player-card-team-primary, #0b5f9c) 48%, transparent), transparent 44%),
    linear-gradient(150deg, #0a3c6b 0%, #06203b 54%, #020a14 100%) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122::before {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(120deg, transparent 0 12%, rgba(255,217,39,.38) 12.2% 12.6%, transparent 12.85% 73%, rgba(18,119,204,.28) 73.2% 73.65%, transparent 73.9% 100%) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122::after {
  content: "" !important;
  position: absolute !important;
  z-index: 5 !important;
  top: -8% !important;
  right: 17.5% !important;
  width: 2px !important;
  height: 118% !important;
  background: linear-gradient(180deg, #ffd51f 0%, #ffe54b 48%, rgba(255,215,31,.60) 100%) !important;
  transform: rotate(8.5deg) !important;
  transform-origin: center !important;
  box-shadow: 0 0 7px rgba(255,214,31,.28) !important;
  opacity: .95 !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Visa mer av överkroppen, som i referensbilden. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar > img {
  position: absolute !important;
  z-index: 4 !important;
  top: 2.5% !important;
  left: -15% !important;
  width: 143% !important;
  height: 101% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  clip-path: none !important;
  transform: none !important;
  background: transparent !important;
}

/* Rollremsa på porträttet. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__role-v122 {
  position: absolute !important;
  z-index: 7 !important;
  left: 18px !important;
  right: 22% !important;
  bottom: 16px !important;
  min-height: 38px !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 13px !important;
  overflow: hidden !important;
  border-left: 6px solid var(--seh-card-gold) !important;
  background: linear-gradient(90deg, rgba(2,8,18,.97), rgba(2,8,18,.83) 64%, rgba(2,8,18,0)) !important;
  color: var(--seh-card-cyan) !important;
  font-size: clamp(10px, .75vw, 13px) !important;
  font-weight: 950 !important;
  letter-spacing: .055em !important;
  text-align: left !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Informationsdelen ligger över den bredare porträttkilen. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__identity-v1266 {
  position: relative !important;
  z-index: 8 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 7.0% 5.0% 4.1% 3.0% !important;
  background:
    linear-gradient(90deg,
      rgba(2,8,16,.10) 0%,
      rgba(2,8,16,.40) 12%,
      rgba(2,8,16,.86) 30%,
      rgba(2,8,16,.96) 100%) !important;
}

/* Rank + RP. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__ranking-v122 {
  order: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: clamp(12px, 1.15vw, 20px) !important;
  margin: 0 0 4.5% !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__ranking-v122 b {
  min-width: clamp(58px, 4.9vw, 82px) !important;
  height: clamp(44px, 3.8vw, 62px) !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 clamp(10px, .9vw, 16px) !important;
  border: 2px solid #ffd51f !important;
  border-radius: 12px !important;
  background: rgba(3,11,20,.76) !important;
  color: #ffd51f !important;
  font-size: clamp(22px, 2.0vw, 34px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: inset 0 0 15px rgba(255,213,31,.025) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__ranking-v122 em {
  color: #f6dc8d !important;
  font-size: clamp(16px, 1.35vw, 23px) !important;
  font-style: normal !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
}

/* Gamertag är kortets tydligaste text. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__title-v122 {
  order: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 5.0% !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__title-v122 h3 {
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #f8f7f3 !important;
  font-size: clamp(31px, 3.0vw, 50px) !important;
  font-weight: 950 !important;
  line-height: .91 !important;
  letter-spacing: -.055em !important;
  text-shadow: 0 2px 0 rgba(0,0,0,.24) !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Lagpanel med separator efter loggan, som referensen. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-v122 {
  order: 2 !important;
  min-height: clamp(58px, 5.3vw, 82px) !important;
  display: grid !important;
  grid-template-columns: clamp(48px, 4.1vw, 66px) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: clamp(13px, 1.15vw, 20px) !important;
  margin: 0 0 5.0% !important;
  padding: 8px clamp(14px, 1.2vw, 20px) !important;
  border: 1.5px solid rgba(255,211,31,.90) !important;
  border-radius: 13px !important;
  background: linear-gradient(90deg, rgba(4,15,27,.92), rgba(2,9,17,.82)) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-logo-v122 {
  position: relative !important;
  width: clamp(48px, 4.1vw, 66px) !important;
  height: clamp(48px, 4.1vw, 66px) !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-logo-v122::after {
  content: "" !important;
  position: absolute !important;
  top: 12% !important;
  right: -10px !important;
  width: 1px !important;
  height: 76% !important;
  background: rgba(255,211,31,.78) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-logo-v122 img {
  width: 92% !important;
  height: 92% !important;
  object-fit: contain !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-v122 strong {
  overflow: hidden !important;
  color: #f7f6f2 !important;
  font-size: clamp(16px, 1.45vw, 24px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .008em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* KPI-rad — större, renare och i samma proportion som mallen. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__metrics-v122 {
  order: 3 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(80,125,164,.48) !important;
  border-radius: 13px !important;
  background: rgba(3,13,24,.72) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__metrics-v122 > div {
  min-width: 0 !important;
  min-height: clamp(66px, 5.6vw, 88px) !important;
  display: grid !important;
  align-content: center !important;
  padding: 8px 5px !important;
  border-right: 1px solid rgba(84,126,160,.42) !important;
  text-align: center !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__metrics-v122 > div:last-child {
  border-right: 0 !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__metrics-v122 span {
  color: var(--seh-card-cyan) !important;
  font-size: clamp(7px, .62vw, 10px) !important;
  font-weight: 950 !important;
  letter-spacing: .09em !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__metrics-v122 strong {
  display: block !important;
  margin-top: 6px !important;
  overflow: hidden !important;
  color: #f8f7f3 !important;
  font-size: clamp(22px, 2.1vw, 35px) !important;
  font-weight: 950 !important;
  line-height: .96 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Senast + Karriär längst ned, som i referensen. */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__footer-v12882 {
  order: 4 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr) !important;
  gap: 0 !important;
  margin-top: auto !important;
  padding-top: 4.2% !important;
  border-top: 1px solid rgba(93,133,167,.45) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__latest-v122,
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__career-v12882 {
  min-width: 0 !important;
  display: block !important;
  margin: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__career-v12882 {
  padding-left: clamp(14px, 1.3vw, 22px) !important;
  border-left: 1px solid rgba(93,133,167,.45) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__latest-v122 span,
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__career-v12882 span {
  display: block !important;
  margin-bottom: 6px !important;
  color: var(--seh-card-cyan) !important;
  font-size: clamp(7px, .63vw, 10px) !important;
  font-weight: 950 !important;
  letter-spacing: .09em !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__latest-v122 strong {
  display: block !important;
  overflow: hidden !important;
  color: #f6f4ef !important;
  font-size: clamp(10px, .95vw, 15px) !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__career-v12882 strong {
  display: block !important;
  overflow: hidden !important;
  color: rgba(183,197,211,.72) !important;
  font-size: clamp(8px, .78vw, 12px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Mellanbredd: ett stort kort per rad så mallen inte kollapsar. */
@media (max-width: 1120px) {
  .players-shell-v122 .player-directory__grid:not(.is-compact) {
    grid-template-columns: 1fr !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 {
    max-width: 820px !important;
    width: 100% !important;
    margin-inline: auto !important;
  }
}

/* Mobil: behåll samma visuella språk men ge texten mer plats. */
@media (max-width: 680px) {
  .players-shell-v122 .player-directory__grid:not(.is-compact) {
    gap: 10px !important;
    padding: 8px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 {
    aspect-ratio: auto !important;
    min-height: 350px !important;
    border-radius: 14px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__top-v1266 {
    grid-template-columns: 40% minmax(0, 60%) !important;
    min-height: 350px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122 {
    width: 112% !important;
    margin-right: -12% !important;
    clip-path: polygon(0 0, 100% 0, 77% 100%, 0 100%) !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar > img {
    top: 5% !important;
    left: -17% !important;
    width: 150% !important;
    height: 96% !important;
    object-fit: contain !important;
    object-position: center bottom !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__identity-v1266 {
    padding: 20px 13px 14px 6px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__ranking-v122 {
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__ranking-v122 b {
    min-width: 50px !important;
    height: 38px !important;
    font-size: 18px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__ranking-v122 em {
    font-size: 13px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__title-v122 {
    margin-bottom: 13px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__title-v122 h3 {
    font-size: clamp(23px, 7.3vw, 31px) !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-v122 {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    min-height: 54px !important;
    gap: 11px !important;
    margin-bottom: 13px !important;
    padding: 6px 10px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-logo-v122,
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-logo-v122 img {
    width: 40px !important;
    height: 40px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-v122 strong {
    font-size: 13px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__metrics-v122 > div {
    min-height: 62px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__metrics-v122 strong {
    font-size: 20px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__footer-v12882 {
    padding-top: 13px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__role-v122 {
    left: 10px !important;
    right: 27% !important;
    bottom: 12px !important;
    min-height: 31px !important;
    padding-inline: 9px !important;
    font-size: 8px !important;
  }
}

/* v1.29.01 — lås SENAST + KARRIÄR till samma nedersta rad */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__footer-v12882 {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) !important;
  grid-template-rows: auto !important;
  align-items: start !important;
  column-gap: 0 !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__latest-v122 {
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: static !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  float: none !important;
  transform: none !important;
  padding-right: clamp(12px, 1.2vw, 20px) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__career-v12882 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  position: static !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  float: none !important;
  transform: none !important;
  padding-left: clamp(14px, 1.3vw, 22px) !important;
  border-left: 1px solid rgba(93,133,167,.45) !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__latest-v122 strong,
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__career-v12882 strong {
  width: 100% !important;
  max-width: none !important;
}

/* v1.29.02 — spelarregister: 3 fullstora kort per rad på desktop */
@media (min-width: 1281px) {
  .players-shell-v122 .player-directory__grid:not(.is-compact) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 12px !important;
  }
}

/* Mellanbredd: två kort per rad. */
@media (min-width: 821px) and (max-width: 1280px) {
  .players-shell-v122 .player-directory__grid:not(.is-compact) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 12px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 {
    max-width: none !important;
    width: 100% !important;
    margin-inline: 0 !important;
  }
}

/* Smal skärm: ett kort per rad. */
@media (max-width: 820px) {
  .players-shell-v122 .player-directory__grid:not(.is-compact) {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   v1.29.03 — 3-KOLUMNERS FULLVY / INTERN SKALNING
   Tre kort per rad ska behålla referensmallens layout utan att
   KPI-värden, lag, RP eller nedertext kapas med ellipsis.
   ========================================================= */
@media (min-width: 1281px) {
  .player-directory__grid:not(.is-compact) .players-card-v122 {
    aspect-ratio: 1.48 / 1 !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__top-v1266 {
    grid-template-columns: 39% minmax(0, 61%) !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122 {
    width: 112% !important;
    margin-right: -12% !important;
    clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%) !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar > img {
    top: 2% !important;
    left: -14% !important;
    width: 142% !important;
    height: 101% !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__identity-v1266 {
    padding: 18px 14px 12px 8px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__ranking-v122 {
    gap: 10px !important;
    margin-bottom: 11px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__ranking-v122 b {
    min-width: 52px !important;
    height: 40px !important;
    padding: 0 9px !important;
    border-radius: 10px !important;
    font-size: 22px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__ranking-v122 em {
    min-width: 0 !important;
    overflow: hidden !important;
    font-size: 15px !important;
    text-overflow: ellipsis !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__title-v122 {
    margin-bottom: 12px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__title-v122 h3 {
    font-size: clamp(20px, 1.55vw, 25px) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-v122 {
    min-height: 50px !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 9px !important;
    margin-bottom: 12px !important;
    padding: 5px 10px !important;
    border-radius: 9px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-logo-v122,
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-logo-v122 img {
    width: 36px !important;
    height: 36px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-logo-v122::after {
    right: -7px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-v122 strong {
    font-size: 13px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__metrics-v122 {
    border-radius: 10px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__metrics-v122 > div {
    min-height: 61px !important;
    padding: 7px 3px 6px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__metrics-v122 span {
    font-size: 7px !important;
    letter-spacing: .065em !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__metrics-v122 strong {
    margin-top: 5px !important;
    overflow: visible !important;
    font-size: 19px !important;
    line-height: 1 !important;
    text-overflow: clip !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__footer-v12882 {
    grid-template-columns: minmax(0, 1.16fr) minmax(0, .84fr) !important;
    padding-top: 11px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__latest-v122 {
    padding-right: 10px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__career-v12882 {
    padding-left: 10px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__latest-v122 span,
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__career-v12882 span {
    margin-bottom: 4px !important;
    font-size: 7px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__latest-v122 strong {
    font-size: 10px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__career-v12882 strong {
    font-size: 8px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__role-v122 {
    left: 11px !important;
    right: 25% !important;
    bottom: 11px !important;
    min-height: 30px !important;
    padding-inline: 9px !important;
    border-left-width: 4px !important;
    font-size: 8px !important;
  }
}

/* =========================================================
   v1.29.04 — 3 KORT PER RAD / INGEN ÖVERLAPPNING
   Varje kort hålls strikt inom sin grid-kolumn och får tydlig
   luft till nästa kort både horisontellt och vertikalt.
   ========================================================= */
@media (min-width: 1281px) {
  .players-shell-v122 .player-directory__grid:not(.is-compact) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 14px !important;
    row-gap: 14px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 {
    box-sizing: border-box !important;
    width: calc(100% - 8px) !important;
    max-width: calc(100% - 8px) !important;
    min-width: 0 !important;
    margin: 0 !important;
    justify-self: center !important;
    align-self: start !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__top-v1266,
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__identity-v1266,
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-v122,
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__metrics-v122,
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__footer-v12882 {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}


/* =========================================================
   v1.29.05 — antoniomannen som mall / tydligare gamertag
   Den längre gamertagen ska fortfarande få plats i 3-kolumnsvyn.
   ========================================================= */
@media (min-width: 1281px) {
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__title-v122 h3 {
    font-size: clamp(25px, 1.65vw, 28px) !important;
    line-height: .96 !important;
    letter-spacing: -.05em !important;
  }
}

/* =========================================================
   v1.29.06 — bredare KARRIÄR-fält i 3-kolumnsvyn
   SENAST är nu normaliserat/förkortat och behöver mindre plats.
   ========================================================= */
@media (min-width: 1281px) {
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__footer-v12882 {
    grid-template-columns: minmax(0, 45%) minmax(0, 55%) !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__latest-v122 {
    padding-right: 8px !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__career-v12882 {
    padding-left: 9px !important;
  }
}

/* =========================================================
   v1.29.07 — nederdelen får tre textrader i 3-kolumnsvyn
   KARRIÄR: rubrik + två rader turneringar. SENAST behåller en
   rad under rubriken. Utnyttjar befintlig tomyta i kortet.
   ========================================================= */
@media (min-width: 1281px) {
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__footer-v12882 {
    min-height: 38px !important;
    align-items: start !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__career-v12882 strong {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    line-height: 1.25 !important;
  }
}

/* =========================================================
   v1.29.09 — tydligare luft mellan lagseparator och lagnamn
   Flyttar endast lagnamnet längre åt höger i 3-kolumnsvyn.
   ========================================================= */
@media (min-width: 1281px) {
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-v122 {
    gap: 20px !important;
  }
}

/* =========================================================
   v1.29.10 — faktisk luft mellan separator och lagnamn
   Flyttar själva texten, inte bara grid-spalten.
   ========================================================= */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-v122 strong {
  box-sizing: border-box !important;
  padding-left: 14px !important;
}

/* ============================================================
   V1.29.01 – tydlig laglogga i övre högra hörnet på spelarkortet
   ============================================================ */
.players-card__corner-logo-v12901 {
  display: none;
}

.player-directory__grid:not(.is-compact) .players-card-v122 > .players-card__team-watermark-v1265 {
  display: none !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__identity-v1266 > :not(.players-card__corner-logo-v12901) {
  position: relative !important;
  z-index: 2 !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__corner-logo-v12901 {
  position: absolute !important;
  z-index: 1 !important;
  top: 4px !important;
  right: -2px !important;
  width: 42% !important;
  height: 50% !important;
  display: grid !important;
  place-items: start end !important;
  overflow: visible !important;
  opacity: .21 !important;
  filter: saturate(.96) brightness(.86) contrast(1.06) !important;
  pointer-events: none !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__corner-logo-v12901 img,
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__corner-logo-v12901 svg {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: right top !important;
  transform: scale(1.02) !important;
  filter: drop-shadow(0 0 12px rgba(255, 208, 0, .08)) !important;
}

/* ============================================================
   V1.29.06 – porträttet något längre åt höger
   Fyller den sneda porträttytan bättre så spelarens högra sida
   följer den högra gula diagonalen närmare referensmallen.
   ============================================================ */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar > img {
  left: -5% !important;
}

@media (min-width: 1281px) {
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar > img {
    left: -4% !important;
  }
}

@media (max-width: 680px) {
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar > img {
    left: -7% !important;
  }
}

/* ============================================================
   V1.29.07 – diagonal beskärning av själva spelarbilden
   Följer den yttersta högra gula diagonalen: samma nederpunkt
   som tidigare, men övre punkten ligger längre ut åt höger.
   ============================================================ */
@media (min-width: 681px) {
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar > img {
    clip-path: polygon(0 0, 118% 0, 66% 100%, 0 100%) !important;
  }
}


/* ============================================================
   V1.29.08 – porträttklipp följer YTTERSTA högra gula diagonalen
   Klipp avatarytan (samma koordinatsystem som gula linjen), inte
   den förstorade PNG-bilden. 100% uppe -> 66% nere matchar linjen.
   ============================================================ */
@media (min-width: 681px) {
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar {
    clip-path: polygon(0 0, 100% 0, 66% 100%, 0 100%) !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar > img {
    clip-path: none !important;
  }
}

/* ============================================================
   V1.29.09 – porträttet följer den HÖGRA diagonalen
   Behåller den tidigare nederpunkten men låter porträttets synliga
   yta fortsätta längre åt höger upptill, bakom informationsdelen.
   Bildens skala/placering bevaras; endast klippytan förlängs.
   ============================================================ */
@media (min-width: 1281px) {
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122 {
    overflow: visible !important;
    clip-path: polygon(0 0, 132% 0, 78% 100%, 0 100%) !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar {
    right: auto !important;
    width: 132% !important;
    overflow: visible !important;
    clip-path: none !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar > img {
    left: -3.03% !important;
    width: 107.58% !important;
    height: 101% !important;
    clip-path: none !important;
  }
}


/* ============================================================
   V1.29.10 – högra diagonalen bakom spelarbilden
   Samma streck och samma placering, men bakom porträttet.
   ============================================================ */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122::after {
  z-index: 2 !important;
}


/* ============================================================
   V1.29.11 – gul diagonal verkligen bakom spelaren
   Tidigare låg linjen fortfarande visuellt över porträttet.
   Lösning: hela avatar-lagret får högre z-index än både ::before
   och ::after i porträttfältet.
   ============================================================ */
.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122::before {
  z-index: 1 !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122::after {
  z-index: 2 !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar {
  z-index: 4 !important;
}

.player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar > img {
  z-index: 5 !important;
}

/* ============================================================
   V1.29.12 – porträttet följer den högra svaga diagonalen
   Bildfältet får gå in bakom informationen men kapas längs
   bakgrundens högra gulgröna /-linje.
   ============================================================ */
@media (min-width: 1281px) {
  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122 {
    overflow: visible !important;
    clip-path: polygon(0 0, 113% 0, 81% 100%, 0 100%) !important;
  }

  .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__identity-v1266 {
    position: relative !important;
    z-index: 8 !important;
  }
}

/* Högre specificitet än den äldre desktop-regeln i styles.css. */
@media (min-width: 681px) {
  #spaRouteView[data-route="players"] .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar {
    clip-path: polygon(0 0, 100% 0, 66% 100%, 0 100%) !important;
  }

  #spaRouteView[data-route="players"] .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__identity-v1266 {
    position: relative !important;
    z-index: 20 !important;
  }
}

/* ============================================================
   V1.29.33 – porträttet kapas exakt vid kortets högra 101°-linje
   Linjen i .players-card__top-v1266::before ligger vid 43,38 %.
   Bildens synliga storlek och placering behålls; bara klippytan
   förlängs fram till samma diagonal.
   ============================================================ */
@media (min-width: 681px) {
  #spaRouteView[data-route="players"] .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122 {
    overflow: visible !important;
    clip-path: none !important;
    background: transparent !important;
  }

  #spaRouteView[data-route="players"] .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__media-v122::after {
    display: none !important;
  }

  #spaRouteView[data-route="players"] .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar {
    inset: 0 auto 0 0 !important;
    width: 134.6907% !important;
    overflow: hidden !important;
    clip-path: polygon(0 0, 100% 0, 69.5329% 100%, 0 100%) !important;
    background:
      radial-gradient(circle at 43% 20%, color-mix(in srgb, var(--player-card-team-primary, #0b5f9c) 48%, transparent), transparent 44%),
      linear-gradient(150deg, #0a3c6b 0%, #06203b 54%, #020a14 100%) !important;
  }

  #spaRouteView[data-route="players"] .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar > img {
    left: -3.7079% !important;
    width: 74.2442% !important;
  }
}

/* ============================================================
   V1.29.35 – högra linjen och porträttklippet 10 px åt vänster
   Återställer samtidigt de två diskreta linjerna i bildfältet.
   ============================================================ */
@media (min-width: 681px) {
  #spaRouteView[data-route="players"] .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__top-v1266::before {
    background:
      linear-gradient(101deg,
        transparent 0 40.994%,
        rgba(240,197,27,.54) 41.244%,
        rgba(255,208,0,.22) 41.474%,
        rgba(240,197,27,.34) 41.714%,
        transparent 42.044%),
      linear-gradient(90deg,
        transparent 0 39%,
        rgba(2,7,12,.045) 48%,
        rgba(2,7,12,.31) 74%,
        rgba(2,7,12,.58) 100%) !important;
  }

  #spaRouteView[data-route="players"] .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar {
    width: 128.7714% !important;
    clip-path: polygon(0 0, 100% 0, 68.1314% 100%, 0 100%) !important;
    background-image:
      linear-gradient(120deg,
        transparent 0 12%,
        rgba(255,217,39,.38) 12.2% 12.6%,
        transparent 12.85% 73%,
        rgba(18,119,204,.28) 73.2% 73.65%,
        transparent 73.9% 100%),
      radial-gradient(circle at 43% 20%, color-mix(in srgb, var(--player-card-team-primary, #0b5f9c) 48%, transparent), transparent 44%),
      linear-gradient(150deg, #0a3c6b 0%, #06203b 54%, #020a14 100%) !important;
    background-size: 77.6571% 100%, 100% 100%, 100% 100% !important;
    background-position: left top, left top, left top !important;
    background-repeat: no-repeat !important;
  }

  #spaRouteView[data-route="players"] .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__avatar > img {
    left: -3.8782% !important;
    width: 77.6571% !important;
  }
}

/* ============================================================
   V1.29.36 – visuellt närmare den stora spelarkortsmallen
   Den fastställda porträttbeskärningen från V1.29.35 bevaras.
   ============================================================ */
@media (min-width: 681px) {
  #spaRouteView[data-route="players"] .player-directory__grid:not(.is-compact) .players-card-v122 {
    border: 2px solid rgba(255, 218, 42, .94) !important;
    border-radius: 19px !important;
    background:
      radial-gradient(ellipse 80% 58% at 54% -8%, rgba(10, 83, 145, .20), transparent 67%),
      linear-gradient(135deg, rgba(5, 18, 33, .995), rgba(1, 7, 14, .998)) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255, 240, 145, .08),
      inset 0 0 28px rgba(0, 105, 184, .08),
      0 0 11px rgba(255, 210, 24, .16),
      0 18px 38px rgba(0, 0, 0, .32) !important;
  }

  #spaRouteView[data-route="players"] .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__top-v1266::before {
    background:
      linear-gradient(101deg,
        transparent 0 40.82%,
        rgba(255, 214, 34, .08) 40.94%,
        rgba(255, 218, 43, .30) 41.15%,
        rgba(255, 239, 119, .96) 41.39%,
        rgba(255, 220, 37, .92) 41.56%,
        rgba(255, 210, 24, .27) 41.78%,
        transparent 42.08%),
      linear-gradient(90deg,
        transparent 0 37%,
        rgba(2,7,12,.07) 48%,
        rgba(2,7,12,.34) 74%,
        rgba(1,5,10,.68) 100%) !important;
  }

  #spaRouteView[data-route="players"] .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__identity-v1266 {
    padding: 18px 17px 14px 8px !important;
  }

  #spaRouteView[data-route="players"] .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__ranking-v122 b {
    border-color: #ffdc27 !important;
    background: linear-gradient(145deg, rgba(25, 31, 29, .96), rgba(3, 10, 17, .98)) !important;
    box-shadow: inset 0 0 16px rgba(255, 210, 25, .08), 0 0 8px rgba(255, 210, 25, .08) !important;
  }

  #spaRouteView[data-route="players"] .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__ranking-v122 em {
    color: #ffe584 !important;
    font-size: 19px !important;
    letter-spacing: .035em !important;
  }

  #spaRouteView[data-route="players"] .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__title-v122 h3 {
    max-width: calc(100% - 4px) !important;
    font-size: clamp(22px, 2.15vw, 35px) !important;
    line-height: .98 !important;
    letter-spacing: -.035em !important;
    text-shadow: 0 2px 0 rgba(255,255,255,.05), 0 4px 13px rgba(0,0,0,.35) !important;
  }

  #spaRouteView[data-route="players"] .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-v122 {
    min-height: 58px !important;
    border-color: rgba(255, 214, 28, .88) !important;
    border-radius: 14px !important;
    background: linear-gradient(100deg, rgba(5, 17, 30, .97), rgba(2, 9, 17, .82)) !important;
    box-shadow: inset 0 0 18px rgba(0, 82, 143, .08) !important;
  }

  #spaRouteView[data-route="players"] .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__team-v122 strong {
    font-size: 17px !important;
    letter-spacing: .025em !important;
  }

  #spaRouteView[data-route="players"] .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__metrics-v122 {
    min-height: 78px !important;
    border-color: rgba(77, 125, 164, .60) !important;
    border-radius: 14px !important;
    background: linear-gradient(110deg, rgba(4, 17, 31, .97), rgba(2, 10, 19, .91)) !important;
    box-shadow: inset 0 0 22px rgba(0, 94, 160, .07) !important;
  }

  #spaRouteView[data-route="players"] .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__metrics-v122 strong {
    font-size: 27px !important;
    letter-spacing: .015em !important;
  }

  #spaRouteView[data-route="players"] .player-directory__grid:not(.is-compact) .players-card-v122 .players-card__role-v122 {
    border-left-width: 4px !important;
    background: linear-gradient(90deg, rgba(2, 10, 20, .98), rgba(2, 10, 20, .76), transparent) !important;
  }
}