body.mf-da-ready {
  --da-ink: #020805;
  --da-panel: rgba(5, 23, 17, .96);
  --da-border: rgba(250, 204, 21, .24);
  --da-cream: #fff9e7;
  --da-muted: rgba(232, 242, 232, .74);
  --da-yellow: #facc15;
  --da-lime: #b9ff24;
  --da-green: #38d67a;
}

body.mf-da-ready .mf-score-ribbon__brand > span {
  color: #fff9e7 !important;
}

body.mf-diaspora-players-page.mf-da-ready
  .mf-diaspora-player-grid
  > .mf-diaspora-player-card.mf-da-page-hidden {
  display: none !important;
}

.mf-da-load-more {
  display: grid;
  justify-items: center;
  gap: .5rem;
  margin-top: 1rem;
}

.mf-da-load-more[hidden] {
  display: none;
}

.mf-da-load-more button {
  min-width: min(22rem, 100%);
  min-height: 2.75rem;
  border: 1px solid rgba(250, 204, 21, .45);
  border-radius: 999px;
  padding: .72rem 1rem;
  background: linear-gradient(110deg, var(--da-yellow), var(--da-lime), var(--da-green));
  color: #06120c;
  cursor: pointer;
  font: 900 .76rem/1 var(--f-mono, monospace);
  text-transform: uppercase;
}

.mf-da-load-more p {
  margin: 0;
  color: var(--da-muted);
  font-size: .75rem;
}

.mf-da-command {
  position: relative;
  z-index: 18;
  border-block: 1px solid var(--da-border);
  background:
    linear-gradient(90deg, rgba(218, 41, 28, .1), transparent 22%, rgba(0, 122, 61, .14)),
    #020805;
}

.mf-da-command__inner {
  display: grid;
  grid-template-columns: minmax(15rem, .86fr) minmax(22rem, 1.2fr) auto;
  align-items: center;
  gap: .8rem;
  padding-block: .75rem;
}

.mf-da-command__identity {
  display: grid;
  gap: .18rem;
}

.mf-da-command__identity > span,
.mf-da-panel-head span,
.mf-da-daily__head span,
.mf-da-daily__lead > span,
.mf-da-daily aside > span,
.mf-da-explorer__head span {
  color: var(--da-yellow);
  font: 900 .66rem/1 var(--f-mono, monospace);
  letter-spacing: .1em;
  text-transform: uppercase;
}

.mf-da-command__identity strong {
  color: var(--da-cream);
  font-size: .92rem;
  line-height: 1.15;
}

.mf-da-command__identity small {
  color: var(--da-muted);
  font-size: .72rem;
}

.mf-da-search {
  display: grid;
  gap: .28rem;
}

.mf-da-search label {
  color: var(--da-muted);
  font: 800 .66rem/1 var(--f-mono, monospace);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.mf-da-search > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(250, 204, 21, .35);
  border-radius: .72rem;
  background: rgba(0, 0, 0, .3);
}

.mf-da-search > div:focus-within {
  border-color: var(--da-yellow);
  box-shadow: 0 0 0 3px rgba(250, 204, 21, .18);
}

.mf-da-search input {
  min-width: 0;
  min-height: 2.75rem;
  border: 0;
  padding: .7rem .8rem;
  background: transparent;
  color: #fff;
  font: 700 .86rem/1.2 var(--f-body, sans-serif);
}

.mf-da-search input:focus {
  outline: 0;
}

.mf-da-search button,
.mf-da-command__actions button,
.mf-da-follow,
.mf-da-daily aside button {
  min-height: 2.75rem;
  border: 1px solid rgba(250, 204, 21, .34);
  border-radius: .68rem;
  padding: .62rem .78rem;
  background: rgba(255, 255, 255, .045);
  color: var(--da-cream);
  cursor: pointer;
  font: 900 .68rem/1 var(--f-mono, monospace);
  letter-spacing: .04em;
}

.mf-da-search button {
  border: 0;
  border-radius: 0;
  background: linear-gradient(110deg, var(--da-yellow), var(--da-lime), var(--da-green));
  color: #06120c;
}

.mf-da-command__actions {
  display: flex;
  gap: .45rem;
}

.mf-da-command__actions button span {
  display: inline-grid;
  min-width: 1.2rem;
  min-height: 1.2rem;
  place-items: center;
  border-radius: 999px;
  background: var(--da-yellow);
  color: #06120c;
}

.mf-da-command__panel {
  display: block;
  border-top: 1px solid rgba(255, 255, 255, .08);
  padding-block: .9rem 1rem;
}

.mf-da-command__panel[hidden] {
  display: none;
}

.mf-da-panel-head,
.mf-da-daily__head,
.mf-da-explorer__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .72rem;
}

.mf-da-panel-head > div {
  display: grid;
  gap: .28rem;
}

.mf-da-panel-head strong {
  color: var(--da-cream);
  font-size: 1.18rem;
}

.mf-da-panel-head a,
.mf-da-explorer__head a,
.mf-da-empty a {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  border: 1px solid rgba(250, 204, 21, .32);
  border-radius: .65rem;
  padding: .62rem .78rem;
  color: var(--da-yellow);
  font-weight: 900;
  text-decoration: none;
}

.mf-da-result-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .62rem;
}

.mf-da-player-card {
  position: relative;
  display: grid;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(250, 204, 21, .18);
  border-radius: .82rem;
  background:
    radial-gradient(circle at 100% 0, rgba(56, 214, 122, .12), transparent 36%),
    rgba(5, 23, 17, .92);
}

.mf-da-player-card__main {
  display: grid;
  grid-template-columns: 5.2rem minmax(0, 1fr);
  min-height: 9.3rem;
  color: inherit;
  text-decoration: none;
}

.mf-da-player-card__media {
  position: relative;
  overflow: hidden;
  background: linear-gradient(150deg, rgba(250, 204, 21, .18), rgba(0, 122, 61, .24));
}

.mf-da-player-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.mf-da-player-card__media img.is-flag {
  object-fit: contain;
  object-position: center;
  padding: .78rem;
  background:
    radial-gradient(circle at 50% 38%, rgba(250, 204, 21, .16), transparent 56%),
    linear-gradient(150deg, #0a2117, #04100b);
}

.mf-da-player-card__media span {
  position: absolute;
  left: .38rem;
  bottom: .38rem;
  max-width: calc(100% - .76rem);
  border-radius: 999px;
  padding: .3rem .42rem;
  background: rgba(0, 0, 0, .72);
  color: var(--da-cream);
  font: 900 .58rem/1 var(--f-mono, monospace);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mf-da-player-card__body {
  display: grid;
  align-content: start;
  gap: .35rem;
  padding: .68rem .7rem 3.25rem;
}

.mf-da-player-card__body small {
  color: var(--da-yellow);
  font: 800 .62rem/1.15 var(--f-mono, monospace);
  letter-spacing: .04em;
  text-transform: uppercase;
}

.mf-da-player-card__body strong {
  color: var(--da-cream);
  font-size: 1rem;
  line-height: 1.05;
}

.mf-da-player-card__body p {
  margin: 0;
  color: var(--da-muted);
  font-size: .78rem;
  line-height: 1.3;
}

.mf-da-player-card__body em {
  color: rgba(255, 249, 231, .58);
  font: 700 .62rem/1.2 var(--f-mono, monospace);
  font-style: normal;
}

.mf-da-follow {
  position: absolute !important;
  right: .58rem !important;
  bottom: .58rem !important;
  z-index: 3;
  min-height: 2.5rem;
  padding: .48rem .68rem;
  background: rgba(2, 8, 5, .88);
}

.mf-da-follow[aria-pressed="true"] {
  border-color: var(--da-yellow);
  background: var(--da-yellow);
  color: #06120c;
}

.mf-da-update-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .62rem;
}

.mf-da-update-list article,
.mf-da-empty {
  display: grid;
  gap: .32rem;
  border: 1px solid rgba(250, 204, 21, .18);
  border-radius: .78rem;
  padding: .78rem;
  background: var(--da-panel);
}

.mf-da-update-list span {
  color: var(--da-yellow);
  font: 900 .62rem/1 var(--f-mono, monospace);
  text-transform: uppercase;
}

.mf-da-update-list strong,
.mf-da-empty strong {
  color: var(--da-cream);
}

.mf-da-update-list p,
.mf-da-empty p {
  margin: 0;
  color: var(--da-muted);
}

.mf-da-daily,
.mf-da-explorer {
  padding-block: clamp(1.2rem, 2.7vw, 2.2rem);
  border-bottom: 1px solid rgba(250, 204, 21, .16);
  background:
    radial-gradient(circle at 10% 0, rgba(250, 204, 21, .11), transparent 30%),
    radial-gradient(circle at 90% 0, rgba(56, 214, 122, .11), transparent 30%),
    #020805;
}

.mf-da-daily__head h2,
.mf-da-explorer__head h2 {
  max-width: 26ch;
  margin: .25rem 0 .35rem;
  color: var(--da-cream);
  font-size: clamp(1.65rem, 2.6vw, 2.55rem);
  line-height: .98;
}

.mf-da-daily__head p,
.mf-da-explorer__head p {
  max-width: 66ch;
  margin: 0;
  color: var(--da-muted);
}

.mf-da-daily__scan {
  display: grid;
  min-width: 15rem;
  gap: .24rem;
  border: 1px solid rgba(250, 204, 21, .2);
  border-radius: .78rem;
  padding: .75rem;
  background: rgba(5, 23, 17, .82);
}

.mf-da-daily__scan strong {
  color: var(--da-cream);
}

.mf-da-daily__scan small {
  color: var(--da-muted);
}

.mf-da-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .58rem;
  margin-bottom: .75rem;
}

.mf-da-metrics a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 4.2rem;
  border: 1px solid rgba(250, 204, 21, .18);
  border-radius: .75rem;
  padding: .72rem;
  background: rgba(5, 23, 17, .84);
  color: inherit;
  text-decoration: none;
}

.mf-da-metrics strong {
  color: var(--da-yellow);
  font-size: 1.55rem;
}

.mf-da-metrics span {
  color: var(--da-cream);
  font-weight: 800;
}

.mf-da-daily__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 17rem;
  gap: .75rem;
}

.mf-da-daily__lead,
.mf-da-daily aside {
  display: grid;
  gap: .65rem;
  border: 1px solid rgba(250, 204, 21, .18);
  border-radius: .82rem;
  padding: .82rem;
  background: rgba(5, 23, 17, .76);
}

.mf-da-daily aside {
  align-content: start;
}

.mf-da-daily aside strong {
  color: var(--da-cream);
  font-size: 1.35rem;
  line-height: 1.05;
}

.mf-da-daily aside p {
  margin: 0;
  color: var(--da-muted);
  line-height: 1.42;
}

.mf-da-stage-tabs {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .48rem;
  margin-bottom: .72rem;
}

.mf-da-stage-tabs button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 4rem;
  border: 1px solid rgba(250, 204, 21, .2);
  border-radius: .72rem;
  padding: .65rem;
  background: rgba(5, 23, 17, .82);
  color: var(--da-cream);
  cursor: pointer;
  font-weight: 900;
}

.mf-da-stage-tabs button strong {
  display: grid;
  min-width: 1.8rem;
  min-height: 1.8rem;
  place-items: center;
  border-radius: 999px;
  background: rgba(250, 204, 21, .12);
  color: var(--da-yellow);
}

.mf-da-stage-tabs button[aria-selected="true"] {
  border-color: transparent;
  background: linear-gradient(115deg, var(--da-yellow), var(--da-lime), var(--da-green));
  color: #06120c;
}

.mf-da-stage-tabs button[aria-selected="true"] strong {
  background: rgba(0, 0, 0, .16);
  color: #06120c;
}

.mf-diaspora-player-card {
  position: relative;
}

.mf-diaspora-player-card > .mf-da-follow {
  position: absolute !important;
  right: .72rem !important;
  bottom: .72rem !important;
}

/* The African football landing page is the editorial entry to the authority
   platform. Keep its source-backed hero visible ahead of the shared desk. */
body.mf-africa-page.mf-da-ready main#main-content > .mf-africa-hero {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
}

body.mf-africa-page.mf-da-ready .mf-africa-hero-copy,
body.mf-africa-page.mf-da-ready .mf-africa-hero-panel {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

@media (max-width: 1050px) {
  .mf-da-command__inner {
    grid-template-columns: minmax(14rem, .8fr) minmax(18rem, 1.2fr);
  }

  .mf-da-command__actions {
    grid-column: 1 / -1;
  }

  .mf-da-result-grid,
  .mf-da-update-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mf-da-stage-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  body.mf-diaspora-page.mf-v43-mobile-compact:not(.mf-v43-expanded) main#main-content {
    max-height: 3600px !important;
    overflow: hidden !important;
  }

  body.mf-diaspora-page main#main-content > section {
    padding-block: 1rem !important;
  }

  body.mf-diaspora-page :where(.stl-section-header-row, .mf-da-panel-head) {
    margin-bottom: .65rem !important;
  }

  .mf-da-command__inner {
    grid-template-columns: 1fr;
    gap: .65rem;
  }

  .mf-da-command__actions {
    grid-column: auto;
    overflow-x: auto;
  }

  .mf-da-command__actions button {
    flex: 1 0 auto;
  }

  .mf-da-panel-head,
  .mf-da-daily__head,
  .mf-da-explorer__head {
    align-items: start;
    flex-direction: column;
  }

  .mf-da-daily__scan {
    width: 100%;
    min-width: 0;
  }

  .mf-da-metrics {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }

  .mf-da-metrics a {
    flex: 0 0 10rem;
    scroll-snap-align: start;
  }

  .mf-da-daily__grid {
    grid-template-columns: 1fr;
  }

  .mf-da-result-grid,
  .mf-da-update-list {
    display: flex;
    overflow-x: auto;
    padding-bottom: .45rem;
    scroll-snap-type: x mandatory;
  }

  .mf-da-player-card,
  .mf-da-update-list article,
  .mf-da-empty {
    flex: 0 0 min(82vw, 20rem);
    scroll-snap-align: start;
  }

  .mf-da-stage-tabs {
    display: flex;
    overflow-x: auto;
    padding-bottom: .4rem;
    scroll-snap-type: x mandatory;
  }

  .mf-da-stage-tabs button {
    flex: 0 0 10.75rem;
    min-height: 3.2rem;
    scroll-snap-align: start;
  }
}

@media (max-width: 430px) {
  .mf-da-command__identity strong {
    font-size: .86rem;
  }

  .mf-da-search > div {
    grid-template-columns: minmax(0, 1fr);
    overflow: visible;
    border: 0;
    background: transparent;
    gap: .42rem;
  }

  .mf-da-search input,
  .mf-da-search button {
    border: 1px solid rgba(250, 204, 21, .35);
    border-radius: .68rem;
  }

  .mf-da-player-card__main {
    grid-template-columns: 5rem minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mf-da-command *,
  .mf-da-daily *,
  .mf-da-explorer * {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}
