:root{
  --pm-bg:#050608;
  --pm-bg-top:#08090d;
  --pm-card:#121214;
  --pm-panel:#121214;
  --pm-line:#303036;
  --pm-line-soft:#38383d;
  --pm-text:#f3f4f8;
  --pm-muted:#aeb4c2;
  --pm-accent:#ef4444;
  --pm-accent-soft:#f87171;
  --pm-accent-wash:#251315;
  --pm-good:#22c55e;
  --pm-warn:#f59e0b;
  --pm-bad:#ef4444;
}

html,body{
  background:linear-gradient(180deg,var(--pm-bg-top) 0%,var(--pm-bg) 100%)!important;
  color:var(--pm-text)!important;
}

body{
  font-family:Inter,system-ui,Arial!important;
  background:linear-gradient(180deg,var(--pm-bg-top) 0%,var(--pm-bg) 100%)!important;
  color:var(--pm-text)!important;
}

:where(a){
  color:var(--pm-text)!important;
}

.wrap{
  max-width:1380px!important;
  margin:0 auto!important;
  padding:26px 16px 42px!important;
}

.hero{
  display:grid!important;
  gap:10px!important;
  margin-bottom:16px!important;
}

.eyebrow,
.moduleTitle .eyebrow,
.hero .eyebrow,
.module .eyebrow,
.sectionEyebrow,
.meta,
.boardMeta,
.titleMeta,
.controlLabel{
  font-size:12px!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:var(--pm-accent-soft)!important;
  font-weight:800!important;
}

h1{
  margin:0!important;
  font-size:38px!important;
  line-height:1.03!important;
}

.sub,
.panel p,
.heroSub,
.subline,
.small,
.tiny,
.footer,
.foot,
.note{
  color:var(--pm-muted)!important;
}

.sub,
.note,
.footer,
.foot{
  line-height:1.5!important;
}

.nav,
.controls,
.tagRow{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.pill,
.toolbarBtn,
.btn,
.select,
.note a,
.tag[href],
button,
select{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #5b1f24!important;
  border-radius:999px!important;
  background:#101113!important;
  color:var(--pm-text)!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
  box-shadow:none!important;
}

.pill,
.toolbarBtn,
.btn,
.select,
.tag,
button,
select,
.controls input{
  color:var(--pm-text)!important;
  background:#101113!important;
  border-color:#5b1f24!important;
}

.select,
button,
select,
.controls input{
  border-radius:10px!important;
  padding:10px 12px!important;
}

.controls input{
  background:#101113!important;
  color:var(--pm-text)!important;
  border:1px solid var(--pm-line)!important;
}

.btn.active,
.controlPill.is-active,
.sportPill.active{
  border-color:#7f1d1d!important;
  background:var(--pm-accent-wash)!important;
  color:#fff!important;
}

.grid,
.stats,
.kpiRow,
.miniGrid{
  gap:12px!important;
}

.card,
.item,
.panel,
.module,
.header,
.contextCard,
.heroCard,
.metaCard,
.queueCard,
.splitCard,
.kpi,
.miniCard,
.boardRow,
.attackCard,
.receiptCard,
.pitchItem,
.note,
.loading,
.empty,
.tableWrap,
.board,
.stat{
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01))!important;
  border:1px solid var(--pm-line)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}

.module,
.board,
.panel,
.header,
.contextCard,
.heroCard,
.metaCard,
.queueCard,
.splitCard{
  background:#121214!important;
  border-radius:18px!important;
}

.loading,
.empty{
  border-style:dashed!important;
}

.label,
.kpi .k,
.miniCard .k,
.metaTitle,
.boardMeta,
.stat .k,
.boardHead .boardMeta,
.tbl th,
.tableWrap th,
th{
  color:var(--pm-accent-soft)!important;
}

.label,
.kpi .k,
.miniCard .k,
.metaTitle,
.tbl th,
.tableWrap th,
th{
  font-size:11px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-weight:800!important;
}

.value,
.kpi .v,
.heroName,
.metaValue{
  color:var(--pm-text)!important;
}

.value,
.kpi .v{
  font-size:24px!important;
  font-weight:900!important;
}

.title,
.playerName,
.boardTitle{
  font-weight:800!important;
}

.tag,
.tagAccent,
.tagGood,
.tagWarn,
.tagBad{
  display:inline-flex!important;
  align-items:center!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  border:1px solid #303036!important;
  background:#151519!important;
  color:#fee2e2!important;
  font-size:11px!important;
  font-weight:800!important;
}

.tag a,
.tagAccent a,
.tagGood a,
.tagWarn a,
.tagBad a{
  color:inherit!important;
  text-decoration:none!important;
}

.tagAccent,
.tagGood{
  border-color:rgba(239,68,68,.34)!important;
  background:rgba(127,29,29,.28)!important;
  color:#fee2e2!important;
}

.tagWarn{
  border-color:rgba(245,158,11,.45)!important;
  background:rgba(245,158,11,.12)!important;
  color:#fde7b2!important;
}

.tagBad{
  border-color:rgba(239,68,68,.42)!important;
  background:rgba(239,68,68,.12)!important;
  color:#ffd2d6!important;
}

.tableWrap,
.tbl,
table{
  border-color:var(--pm-line)!important;
}

.tbl th,
.tbl td,
th,
td{
  border-color:#303036!important;
}

.tbl th,
th{
  background:#18181b!important;
}

.tbl th:first-child,
.tbl td:first-child{
  background:#121214!important;
}

tbody tr:hover{
  background:rgba(255,255,255,.025)!important;
}

.tone-good{background:rgba(34,197,94,.18)!important}
.tone-warn{background:rgba(245,158,11,.16)!important}
.tone-bad{background:rgba(239,68,68,.16)!important}
.tone-mid{background:rgba(255,255,255,.04)!important}

@media (max-width:900px){
  .wrap{padding:22px 14px 34px!important}
  h1{font-size:32px!important}
}