.mk-band { min-height: 216px; background-position: center 38%; border-bottom: 1px solid var(--px-rule-gilt); }

.mk-band::before {
  background:
    linear-gradient(90deg, rgba(10, 10, 9, 0.94) 0%, rgba(10, 10, 9, 0.88) 42%, rgba(10, 10, 9, 0.55) 100%),
    linear-gradient(0deg, rgba(10, 10, 9, 0.85) 0%, rgba(10, 10, 9, 0) 60%);
}
.mk-band__inner { gap: 12px; padding-block: 36px 30px; }
.mk-band__inner::before {
  content: ""; display: block; width: 44px; height: 2px; border-radius: 2px;
  background: var(--px-metal); box-shadow: 0 0 18px rgba(230, 201, 124, 0.45);
}
.mk-band__title { font: 700 var(--px-t-hero)/1.02 var(--px-display); letter-spacing: -0.035em; color: #f6f1e6; }
.mk-band__title--game { font-size: clamp(28px, 3.2vw, 40px); line-height: 1.08; letter-spacing: -0.025em; }
.mk-band__sub { font: 400 16px/1.55 var(--px-ui); color: rgba(246, 241, 230, 0.84); max-width: 58ch; }


.mk-chip {
  min-height: 30px; padding: 0 13px; font: 600 12.5px/1 var(--px-ui); color: #f6f1e6;
  background: rgba(10, 10, 9, 0.5); border: 1px solid rgba(246, 241, 230, 0.26);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.mk-chip--status { color: var(--px-gilt); border-color: rgba(230, 201, 124, 0.55); letter-spacing: 0.12em; }
:root[data-theme="light"] .mk-chip--status { color: #e6c97c; }


.mk-wrap { gap: 22px; padding-top: 28px; }
.mk-controls {
  padding: 10px; gap: 10px 14px;
  background: var(--px-panel-bg); border: 1px solid var(--px-panel-line);
  border-radius: 16px; box-shadow: var(--px-panel-shadow);
}
.mk-tabs { gap: 6px; padding: 4px; background: var(--px-well); border-radius: 13px; box-shadow: var(--px-well-in), inset 0 0 0 1px var(--px-well-line); }
.mk-tab {
  min-height: 44px; padding: 0 18px; border-radius: var(--px-r-ctl);
  font: 600 14px/1 var(--px-ui); letter-spacing: 0.005em;
  transition: background-color 160ms var(--px-ease), border-color 160ms var(--px-ease), color 160ms var(--px-ease);
}
.mk-tab[aria-current="page"] { box-shadow: inset 0 -2px 0 var(--px-gold), 0 6px 16px -10px rgba(230, 201, 124, 0.6); }
.mk-search__input { min-height: 44px; width: min(280px, 100%); padding: 0 14px; border-radius: var(--px-r-ctl); font: 500 14px/1 var(--px-ui); }
.mk-check { padding: 0 6px; font: 500 14px/1.2 var(--px-ui); }
.mk-fine { font: 400 12.5px/1.55 var(--px-ui); color: var(--px-faint); }


.mk-board.hboard {
  padding: 22px 24px 14px; border-radius: var(--px-r-panel);
  background: var(--px-panel-bg); border: 1px solid var(--px-panel-line); box-shadow: var(--px-panel-shadow);
}
.mk-board .hboard__h { font: 700 var(--px-t-eyebrow)/1.2 var(--px-ui); letter-spacing: 0.22em; color: var(--px-gilt); }
.mk-board .hboard__asof { font: 500 11.5px/1.3 var(--px-num); color: var(--px-faint); }
.mk-board .hboard__cols { margin-top: 16px; padding-bottom: 10px; border-bottom: 1px solid var(--px-rule-gilt); font: 600 10.5px/1 var(--px-ui); letter-spacing: 0.16em; color: var(--px-faint); }
.mk-board .hboard__row {
  min-height: 70px; padding: 12px 10px; margin-inline: -10px; border-radius: 12px;
  transition: background-color 160ms var(--px-ease);
}
.mk-board .hboard__row:hover { background: var(--px-row-hover); }
.mk-row--away { border-bottom-color: transparent; }
.mk-row--home { border-bottom-color: var(--px-rule); border-radius: 0 0 12px 12px; }
.mk-board .hboard__name { font: 600 15.5px/1.2 var(--px-display); letter-spacing: -0.01em; color: var(--px-ink); }
.mk-board .hboard__mkt { font: 500 12.5px/1.3 var(--px-ui); color: var(--px-muted); }
.mk-board .mk-cell { gap: 4px; font: 600 14px/1.2 var(--px-num); }
.mk-num { color: var(--px-muted); font-weight: 500; }
.mk-price { color: var(--px-ink); }
.mk-fair, .mk-live, .mk-bestat { font: 500 11px/1.3 var(--px-ui); color: var(--px-faint); }
.mk-venue { font: 700 9.5px/1 var(--px-ui); letter-spacing: 0.14em; color: var(--px-muted); }


.mk-tag {
  display: inline-flex; align-items: center; justify-self: end; width: max-content;
  padding: 3px 7px 2px; border-radius: 999px;
  font: 700 9px/1.1 var(--px-ui); letter-spacing: 0.12em; color: var(--px-gilt);
  background: var(--px-gilt-wash); box-shadow: inset 0 0 0 1px var(--px-gilt-line);
}


.mk-board .mk-cell--novig .mk-price,
.mk-board .mk-cell:has(.mk-tag) .mk-price {
  display: inline-block; padding: 5px 9px; border-radius: var(--px-r-chip);
  background: var(--px-ingot-bg); box-shadow: var(--px-ingot-edge); color: var(--px-ink);
}
.mk-board .mk-cell:has(.mk-tag) .mk-price { background: var(--px-ingot-best-bg); box-shadow: var(--px-ingot-best-edge); color: var(--px-gilt); }
.mk-board .mk-cell--novig .mk-price { font: 700 15px/1 var(--px-num); }


.mk-trade {
  min-height: 36px; padding: 0 14px; margin-top: 6px; border-radius: var(--px-r-ctl);
  font: 600 12.5px/1 var(--px-ui); color: var(--px-gilt);
  background: var(--ctl-bg); border: 1px solid var(--px-gilt-line);
  transition: background 160ms var(--px-ease), color 160ms var(--px-ease), box-shadow 160ms var(--px-ease);
}
.mk-trade:hover { background: var(--px-metal); color: var(--px-metal-ink); border-color: transparent; box-shadow: var(--px-metal-edge); }

.mk-gcell .mk-trade { padding: 0 10px; font-size: 12px; }

.mk-more, .mk-status__retry, .mk-back, .mk-funded { border-radius: var(--px-r-ctl); font-family: var(--px-ui); }
.mk-funded { color: var(--px-gilt); border-color: var(--px-gilt-line); }
.mk-funded:hover { background: var(--px-metal); color: var(--px-metal-ink); border-color: transparent; box-shadow: var(--px-metal-edge); }
.mk-status__text { font: 500 14px/1.5 var(--px-ui); color: var(--px-muted); }


.mk-mkt, .mk-panel {
  padding: 18px 16px 14px; border-radius: var(--px-r-panel);
  background: var(--px-panel-bg); border: 1px solid var(--px-panel-line); box-shadow: var(--px-panel-shadow);
}
.mk-mkt__h, .mk-sec__h { font: 650 var(--px-t-panel)/1.25 var(--px-display); letter-spacing: -0.01em; color: var(--px-ink); }
.mk-mkt__note { font: 400 12.5px/1.55 var(--px-ui); color: var(--px-faint); }
.mk-grid { font: 500 13.5px/1.25 var(--px-num); }
.mk-grid th, .mk-grid td { padding: 10px 6px; border-bottom-color: var(--px-rule); }
.mk-grid thead th, .mk-grid thead .mk-grid__venue { font: 700 10px/1.3 var(--px-ui); letter-spacing: 0.14em; color: var(--px-faint); border-bottom-color: var(--px-rule-gilt); }
.mk-grid tbody tr { transition: background-color 160ms var(--px-ease); }
.mk-grid tbody tr:hover th, .mk-grid tbody tr:hover td { background: var(--px-row-hover); }
.mk-grid__venue { font: 600 13px/1.25 var(--px-ui); color: var(--px-ink); }
.mk-grid__book { font: 500 11px/1.25 var(--px-ui); color: var(--px-faint); }

.mk-grid__row--novig th, .mk-grid__row--novig td,
.mk-v2 .mk-grid__row--novig th, .mk-v2 .mk-grid__row--novig td { background: var(--px-gilt-wash); }
.mk-grid__row--novig th:first-child { box-shadow: inset 2px 0 0 var(--px-gold); }
.mk-grid__best th, .mk-grid__best td { background: transparent; border-bottom-color: var(--px-rule); }
.mk-grid__fair th, .mk-grid__fair td { border-bottom-color: var(--px-rule-gilt); }
.mk-gcell--best .mk-price {
  display: inline-block; padding: 4px 8px; border-radius: 8px; text-decoration: none;
  color: var(--px-gilt); background: var(--px-ingot-best-bg); box-shadow: var(--px-ingot-best-edge);
}
.mk-v2 .mk-gcell .mk-tag { margin: 5px 0 0 auto; }
.mk-off .mk-price, .mk-off .mk-num { color: var(--px-faint); }

.mk-badge { min-height: 24px; padding: 0 10px; font: 700 10px/1.1 var(--px-ui); letter-spacing: 0.12em; color: var(--px-muted); border-color: var(--px-rule); }
.mk-badge--steam { color: var(--px-metal-ink); background: var(--px-metal); border-color: transparent; box-shadow: var(--px-metal-edge); }
.mk-spark__line { stroke: var(--px-gilt); stroke-width: 2; }
.mk-spark__open { fill: var(--px-panel); stroke: var(--px-muted); }
.mk-spark__now { fill: var(--px-gilt); }
.mk-spark-row__text { font: 600 13.5px/1.25 var(--px-num); color: var(--px-ink); }
.mk-spark-row__k, .mk-stats dt { font: 700 10px/1 var(--px-ui); letter-spacing: 0.14em; color: var(--px-faint); }
.mk-stats dd { font: 650 17px/1.25 var(--px-display); color: var(--px-ink); }
.mk-move__mkt { border-top-color: var(--px-rule); }
.mk-move__h { font: 650 15px/1.25 var(--px-display); color: var(--px-ink); }
.mk-fact { font: 500 14px/1.5 var(--px-ui); color: var(--px-ink-2); }

.mk-room__state { color: var(--px-gilt); border-color: var(--px-gilt-line); background: var(--px-gilt-wash); }
.mk-call { padding: 14px 0; border-bottom-color: var(--px-rule); }
.mk-call__who { font: 650 14px/1.2 var(--px-display); color: var(--px-ink); text-decoration-color: var(--px-gold-deep); }
.mk-call__line { font: 500 14px/1.45 var(--px-ui); color: var(--px-ink-2); }
.mk-call__rec { font: 500 12px/1.3 var(--px-num); color: var(--px-muted); }


.mk-novig {
  padding: 24px 28px; border-radius: var(--px-r-panel);
  background: radial-gradient(90% 140% at 100% 0%, rgba(230, 201, 124, 0.14), transparent 60%), var(--px-panel-bg);
  border: 1px solid var(--px-rule-gilt); box-shadow: var(--px-panel-shadow);
}
.mk-novig__h { font: 700 20px/1.2 var(--px-display); letter-spacing: -0.015em; color: var(--px-ink); }
.mk-code { padding: 4px 8px; border-radius: 6px; font: 600 11.5px/1 var(--px-num); color: var(--px-gilt); background: var(--px-gilt-wash); box-shadow: inset 0 0 0 1px var(--px-gilt-line); }
.mk-novig__p { font: 400 14.5px/1.55 var(--px-ui); color: var(--px-muted); }
.mk-read__h { font: 700 var(--px-t-eyebrow)/1.2 var(--px-ui); letter-spacing: 0.22em; color: var(--px-gilt); }
.mk-read__list { border-top-color: var(--px-rule-gilt); }
.mk-read__list > div { padding: 14px 0; border-bottom-color: var(--px-rule); }
.mk-read__list dt { font: 650 14px/1.4 var(--px-display); color: var(--px-ink); }
.mk-read__list dd { font: 400 14px/1.6 var(--px-ui); color: var(--px-muted); }
.mk-legal { border-top-color: var(--px-rule); }


.mkw-card {
  border-radius: var(--px-r-panel); background: var(--px-panel-bg);
  border: 1px solid var(--px-panel-line); box-shadow: var(--px-panel-shadow);
}
.mkw-title, .mkw-head__t, .mkw-group__h { font-family: var(--px-display); letter-spacing: -0.01em; }

@media (max-width: 960px) {
  .mk-board .hboard__row { margin-inline: 0; padding: 12px 2px; border-radius: 0; }
  .mk-board .hboard__row:hover { background: transparent; }
  .mk-board .mk-cell::before { font: 700 9.5px/1 var(--px-ui); letter-spacing: 0.14em; color: var(--px-faint); }
  .mk-board .mk-cell:has(.mk-tag) .mk-price, .mk-board .mk-cell--novig .mk-price { padding: 4px 7px; }
  .mk-tag { justify-self: start; }
}
@media (max-width: 820px) {
  .mk-band { min-height: 176px; }
  .mk-band__inner { padding-block: 26px 22px; }
  .mk-band__sub { font-size: 14.5px; }
  .mk-controls { padding: 8px; border-radius: 14px; }
  .mk-tabs { width: 100%; }
  .mk-tab { flex: 1 1 auto; justify-content: center; padding: 0 12px; }
  .mk-board.hboard { padding: 16px 14px 10px; }
  .mk-mkt, .mk-panel { padding: 16px; }
  .mk-novig { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .mk-tab, .mk-trade, .mk-board .hboard__row, .mk-grid tbody tr { transition: none; }
}