/* Launch Lab Check — Tactical Console refinement
   A restrained visual layer over the production UI. */

:root {
  --ref-bg: #08131d;
  --ref-bg-deep: #061019;
  --ref-panel: #0d1b27;
  --ref-panel-raised: #11222f;
  --ref-line: #213746;
  --ref-line-strong: #315064;
  --ref-text: #edf2f5;
  --ref-muted: #93a5b1;
  --ref-faint: #607584;
  --ref-cyan: #56bfd0;
  --ref-teal: #4ac6a5;
  --ref-amber: #e4b64f;
  --ref-red: #e66d6d;
  --ref-radius: 10px;
  --ref-radius-small: 7px;
}

html {
  color-scheme: dark;
  background: var(--ref-bg-deep);
}

body {
  color: var(--ref-text) !important;
  background: var(--ref-bg) !important;
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
  font-weight: 560 !important;
  letter-spacing: -0.01em !important;
}

body::before,
body::after {
  display: none !important;
}

button,
input,
select,
textarea {
  font-family: inherit;
}

a,
button,
input {
  -webkit-tap-highlight-color: transparent;
}

:focus-visible {
  outline: 2px solid var(--ref-cyan) !important;
  outline-offset: 3px !important;
}

.shell {
  padding-top: 14px !important;
}

/* Masthead: opaque, compact and operational. */
.topbar {
  top: 8px !important;
  min-height: 64px !important;
  margin-bottom: 18px !important;
  padding: 9px 11px 9px 14px !important;
  border: 1px solid var(--ref-line) !important;
  border-radius: var(--ref-radius) !important;
  background: #091722 !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.2) !important;
  backdrop-filter: none !important;
}

.brand {
  gap: 10px !important;
}

.brand-mark,
.brand-mark img {
  width: 38px !important;
  height: 38px !important;
}

.brand-mark {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.brand-copy strong {
  color: var(--ref-text) !important;
  font-family: Teko, "Arial Narrow", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: 0.09em !important;
  line-height: 0.95 !important;
}

.brand-copy span {
  margin-top: 4px !important;
  color: var(--ref-faint) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.11em !important;
}

.language-switcher-current,
.site-footer,
.site-footer a,
.footer-copy {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

html.ll-fluid-desktop .topbar .brand-copy #brandProduct,
.footer-copy-structured,
.footer-copy-structured span,
.footer-copy-structured > * {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

.language-switcher-trigger,
.header-account-link,
.integration-pill,
.search input,
.search button {
  min-height: 42px !important;
  border-radius: var(--ref-radius-small) !important;
  box-shadow: none !important;
}

.language-switcher-trigger,
.header-account-link,
.integration-pill {
  border-color: var(--ref-line) !important;
  background: #0b1a25 !important;
}

.search input {
  height: 42px !important;
  border-color: var(--ref-line) !important;
  color: var(--ref-text) !important;
  background: var(--ref-bg-deep) !important;
}

.search input:focus {
  border-color: var(--ref-cyan) !important;
  background: #091722 !important;
  box-shadow: none !important;
}

.search button {
  border: 1px solid #427f8c !important;
  color: #061219 !important;
  background: var(--ref-cyan) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  text-shadow: none !important;
}

.search button:hover {
  border-color: #71cfdd !important;
  background: #71cfdd !important;
  transform: translateY(-1px);
}

/* Navigation uses a real underline instead of a glowing capsule. */
.tabs {
  gap: 24px !important;
  margin: 0 0 14px !important;
  padding: 0 4px !important;
  border-bottom: 1px solid var(--ref-line) !important;
  background: transparent !important;
}

.tab-btn {
  min-height: 42px !important;
  padding: 0 0 10px !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  color: var(--ref-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

.tab-btn:hover {
  color: var(--ref-text) !important;
}

.tab-btn.active {
  border-bottom-color: var(--ref-cyan) !important;
  color: var(--ref-text) !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Surfaces: flat, quiet and consistent. */
.card,
.profile-card,
.metric-card,
.performance,
.section-card,
.inventory-card,
.chart-card,
.rank-card,
.competitive-panel,
.match-card,
.modal-panel,
.project-support-card,
.start-guide {
  border-color: var(--ref-line) !important;
  border-radius: var(--ref-radius) !important;
  background: var(--ref-panel) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.card::before,
.card::after,
.performance::before,
.performance::after,
.section-card::before,
.section-card::after {
  box-shadow: none !important;
}

.dashboard {
  gap: 10px !important;
}

.dashboard > .profile-card,
.dashboard > .metric-card {
  border-top: 2px solid var(--ref-line-strong) !important;
}

.dashboard > .profile-card {
  border-top-color: var(--ref-cyan) !important;
}

.dashboard > .metric-card.risk {
  border-top-color: var(--ref-teal) !important;
}

.dashboard > .metric-card.ttd {
  border-top-color: var(--ref-amber) !important;
}

.dashboard > .metric-card.win {
  border-top-color: #7e91a2 !important;
}

.profile-card,
.metric-card {
  min-height: 370px !important;
}

.profile-card {
  padding: 20px !important;
}

.profile-main {
  align-items: center !important;
}

.avatar-wrap,
.avatar-stage,
.avatar {
  border-radius: 9px !important;
}

.avatar-wrap {
  border-color: var(--ref-line-strong) !important;
  background: var(--ref-bg-deep) !important;
  box-shadow: none !important;
}

.online-dot {
  width: 13px !important;
  height: 13px !important;
  border-width: 3px !important;
  border-color: var(--ref-panel) !important;
  background: var(--ref-teal) !important;
  box-shadow: none !important;
}

.profile-copy h1,
.provider-player-name {
  color: var(--ref-text) !important;
  font-family: Teko, "Arial Narrow", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.015em !important;
  text-shadow: none !important;
}

.profile-copy h1 {
  font-size: clamp(30px, 2.35vw, 42px) !important;
  line-height: 0.95 !important;
}

.steam-id {
  color: var(--ref-cyan) !important;
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.025em !important;
}

.status-badge {
  border-color: rgba(74, 198, 165, 0.48) !important;
  border-radius: 5px !important;
  color: var(--ref-teal) !important;
  background: rgba(74, 198, 165, 0.07) !important;
  box-shadow: none !important;
}

.profile-links .icon-btn,
.profile-refresh-button,
.copy-source,
.leetify-view,
.period-btn,
.filter-btn,
.modal-close {
  border-color: var(--ref-line) !important;
  border-radius: var(--ref-radius-small) !important;
  background: #0a1823 !important;
  box-shadow: none !important;
}

.profile-links .icon-btn:hover,
.profile-refresh-button:hover,
.copy-source:hover,
.leetify-view:hover,
.period-btn:hover,
.filter-btn:hover {
  border-color: var(--ref-cyan) !important;
  color: var(--ref-cyan) !important;
  background: #0c202b !important;
  transform: none !important;
}

.mini-grid {
  border-color: var(--ref-line) !important;
  border-radius: var(--ref-radius-small) !important;
  background: var(--ref-bg-deep) !important;
}

.mini-stat + .mini-stat,
.metric-card .metric-footer,
.metric-card .risk-explainer {
  border-color: var(--ref-line) !important;
}

.mini-stat span,
.metric-note,
.metric-helper,
.performance-source,
.leetify-sample,
.section-subtitle,
.disclaimer {
  color: var(--ref-muted) !important;
}

.mini-stat strong {
  color: var(--ref-text) !important;
  font-family: Teko, "Arial Narrow", sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
}

/* Telemetry cards keep the useful gauges, but lose the sci-fi glow. */
.metric-card {
  justify-content: flex-start !important;
  padding: 20px 18px !important;
  text-align: left !important;
}

.metric-card .metric-label {
  width: 100%;
  margin-bottom: 8px !important;
  color: var(--ref-muted) !important;
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-align: left !important;
}

.metric-ring {
  align-self: center;
  margin-block: 4px 8px !important;
  filter: none !important;
}

.metric-ring::before,
.metric-ring::after {
  filter: none !important;
  box-shadow: none !important;
}

.metric-card .ring-content strong,
.metric-value {
  color: var(--ref-text) !important;
  font-family: Teko, "Arial Narrow", sans-serif !important;
  font-weight: 650 !important;
  text-shadow: none !important;
}

.metric-card .metric-state {
  margin-top: 0 !important;
  color: var(--ref-text) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: left !important;
  text-shadow: none !important;
}

.metric-card .metric-note {
  min-height: 42px;
  margin-top: 4px !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  text-align: left !important;
}

.metric-card .risk-explainer {
  margin-top: 10px !important;
  padding-top: 10px !important;
}

.metric-reasons li::before {
  box-shadow: none !important;
}

.metric-card .metric-footer {
  margin-top: auto !important;
  padding-top: 12px !important;
}

.metric-card .score-badge,
.metric-card .micro-stat,
.metric-card .source-badge {
  border-color: var(--ref-line) !important;
  border-radius: 5px !important;
  background: var(--ref-bg-deep) !important;
  box-shadow: none !important;
}

/* Leetify becomes a single readable instrument tray. */
.performance {
  margin-top: 10px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.leetify-head,
.section-head {
  padding: 16px 18px !important;
  border-bottom: 1px solid var(--ref-line) !important;
}

.leetify-title-wrap h2,
.section-head h2,
.performance h2 {
  color: var(--ref-text) !important;
  font-family: Teko, "Arial Narrow", sans-serif !important;
  font-size: 23px !important;
  font-weight: 600 !important;
  letter-spacing: 0.035em !important;
}

.leetify-icon,
.section-icon {
  border: 1px solid var(--ref-line) !important;
  border-radius: 6px !important;
  background: #142434 !important;
  box-shadow: none !important;
}

.leetify-grid {
  gap: 0 !important;
  padding: 0 !important;
  border-top: 0 !important;
}

.leetify-grid > .perf-item {
  min-height: 172px !important;
  padding: 20px 18px !important;
  border: 0 !important;
  border-right: 1px solid var(--ref-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.leetify-grid > .perf-item:last-child {
  border-right: 0 !important;
}

.perf-label {
  color: var(--ref-muted) !important;
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
}

.perf-value {
  color: var(--ref-text) !important;
  font-family: Teko, "Arial Narrow", sans-serif !important;
  font-size: 34px !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

.perf-bar,
.meter,
.risk-scale {
  height: 4px !important;
  border-radius: 0 !important;
  background: #1c2c38 !important;
  box-shadow: none !important;
}

.perf-bar i,
.meter i {
  background: var(--ref-cyan) !important;
  box-shadow: none !important;
}

.custom-premier-badge {
  position: relative !important;
  display: block !important;
  overflow: visible !important;
  margin-inline: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-image: var(--custom-premier-bg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  box-shadow: none !important;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.28)) !important;
  transform: none !important;
}

.custom-premier-badge::before,
.custom-premier-badge::after {
  display: none !important;
}

.custom-premier-badge strong {
  color: #fbfaff !important;
  font-family: Inter, "Arial Narrow", sans-serif !important;
  font-size: 17px !important;
  font-style: italic !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.96), 0 0 5px rgba(255, 255, 255, 0.08) !important;
}

.leetify-premier-equivalent {
  display: grid !important;
  justify-items: center !important;
  width: 100% !important;
  text-align: center !important;
}

svg.premier-rating-plate {
  display: block !important;
  margin-inline: auto !important;
}

/* Deeper report sections keep content density without nested floating cards. */
.leetify-v3-details,
.secondary-grid,
.ranks-skins-grid,
.bottom-grid {
  gap: 10px !important;
}

.leetify-v3-group,
.provider-card,
.ai-card,
.rank-half,
.inventory-summary,
.inventory-top-skin,
.chart-panel {
  border-color: var(--ref-line) !important;
  border-radius: var(--ref-radius-small) !important;
  background: #0a1823 !important;
  box-shadow: none !important;
}

.leetify-v3-group h3,
.provider-card h3,
.rank-half h3 {
  color: var(--ref-muted) !important;
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.11em !important;
}

.leetify-v3-metric,
.provider-stat,
.ai-row,
.rank-row {
  border-color: var(--ref-line) !important;
}

.leetify-v3-metric strong,
.provider-stat strong,
.ai-row strong,
.rank-row strong {
  color: var(--ref-text) !important;
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace !important;
}

.modal {
  background: rgba(3, 9, 14, 0.76) !important;
  backdrop-filter: blur(4px) !important;
}

.modal-panel {
  border-top: 2px solid var(--ref-cyan) !important;
}

@media (max-width: 1099px) {
  .profile-card,
  .metric-card {
    min-height: 0 !important;
  }

  .leetify-grid > .perf-item:nth-child(3n) {
    border-right: 0 !important;
  }
}

@media (max-width: 759px) {
  :root {
    --ref-radius: 9px;
    --ref-radius-small: 6px;
  }

  .site-layout {
    width: calc(100% - 12px) !important;
  }

  .shell {
    padding-top: 6px !important;
  }

  .topbar {
    top: 5px !important;
    padding: 8px !important;
    border-radius: 9px !important;
  }

  .topbar .search {
    gap: 6px !important;
  }

  .topbar .search button {
    padding-inline: 12px !important;
  }

  .tabs {
    gap: 20px !important;
    margin-bottom: 10px !important;
  }

  .profile-card,
  .metric-card {
    padding: 16px !important;
  }

  .leetify-head,
  .section-head {
    padding: 14px !important;
  }

  .leetify-grid > .perf-item,
  .leetify-grid > .perf-item:nth-child(3n) {
    min-height: 138px !important;
    padding: 16px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--ref-line) !important;
  }

  .leetify-grid > .perf-item:last-child {
    border-bottom: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ============================================================
   UI/UX normalization pass
   Restores real sizing, a predictable spacing rhythm and readable data.
   ============================================================ */

body {
  line-height: 1.5 !important;
}

@media (min-width: 900px) {
  html.ll-fluid-desktop .site-layout {
    width: min(calc(100% - 24px), var(--page-max)) !important;
    max-width: var(--page-max) !important;
    zoom: 1 !important;
  }

  html.ll-fluid-desktop .shell {
    width: 100% !important;
    max-width: var(--page-max) !important;
  }
}

@media (min-width: 900px) and (max-width: 1149px) {
  html.ll-fluid-desktop .dashboard {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html.ll-fluid-desktop .dashboard > .profile-card {
    grid-column: 1 / -1 !important;
  }

  html.ll-fluid-desktop .leetify-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html.ll-fluid-desktop .leetify-grid > .perf-item:nth-child(3n) {
    border-right: 0 !important;
  }

  html.ll-fluid-desktop .leetify-grid > .perf-item:nth-child(-n + 3) {
    border-bottom: 1px solid var(--ref-line) !important;
  }

  html.ll-fluid-desktop .leetify-grid > .perf-item:last-child {
    grid-column: 2 / 3 !important;
  }
}

/* Interactive controls: minimum usable target and consistent feedback. */
.topbar .brand,
.language-switcher-trigger,
.header-account-link,
.search input,
.search button,
.tab-btn,
.profile-links .icon-btn,
.profile-refresh-button,
.leetify-view,
.ghost-btn,
.primary-btn,
.period-btn,
.filter-btn,
.modal-close,
.close-btn {
  min-height: 44px !important;
}

.profile-links .icon-btn,
.modal-close,
.close-btn {
  min-width: 44px !important;
}

html.ll-fluid-desktop body.has-player .profile-card #profileRefreshButton {
  height: 44px !important;
  min-height: 44px !important;
}

body.has-player .profile-card #profileRefreshButton {
  height: 44px !important;
  min-height: 44px !important;
}

.attribution-row a,
.leetify-credit a,
.site-footer a,
.footer-links a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
}

.profile-links {
  gap: 8px !important;
}

html.ll-fluid-desktop .profile-card .profile-links .icon-btn.source-button {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
}

.profile-card .profile-links .icon-btn.source-button {
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
}

.tab-btn {
  display: inline-flex !important;
  align-items: center !important;
}

.search button,
.header-account-link,
.profile-refresh-button,
.leetify-view,
.ghost-btn,
.primary-btn,
.period-btn,
.filter-btn {
  font-size: 12px !important;
  line-height: 1.2 !important;
}

/* Identity card: long Steam fallbacks must reflow instead of clipping. */
.profile-copy {
  min-width: 0 !important;
}

.profile-copy h1 {
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  line-height: 1 !important;
}

.status-row {
  gap: 6px !important;
}

.status-badge,
.source-badge {
  min-height: 26px !important;
  padding: 5px 8px !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}

.mini-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-top: auto !important;
}

html.ll-fluid-desktop body.has-player .profile-card .mini-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.mini-stat {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
  min-height: 48px !important;
  padding: 8px 12px !important;
}

.mini-stat:nth-child(odd) {
  border-right: 1px solid var(--ref-line) !important;
}

.mini-stat:nth-child(-n + 2) {
  border-bottom: 1px solid var(--ref-line) !important;
}

.mini-stat span {
  min-width: 0 !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
}

.mini-stat strong {
  min-width: 0 !important;
  text-align: right !important;
  line-height: 1.1 !important;
}

/* The three metric cards now share the same vertical anatomy. */
.metric-card {
  display: grid !important;
  grid-template-rows: auto 110px auto minmax(44px, auto) 1fr !important;
  gap: 5px !important;
  align-content: stretch !important;
  padding: 16px !important;
}

.metric-card .metric-title {
  align-self: start !important;
  min-height: 18px !important;
  color: var(--ref-muted) !important;
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.1em !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

.metric-card .metric-ring {
  align-self: center !important;
  justify-self: center !important;
  margin: 0 !important;
}

.metric-card .metric-label {
  align-self: center !important;
  margin: 0 !important;
  color: var(--ref-text) !important;
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.metric-card .metric-note {
  min-height: 44px !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.metric-card .metric-explainer {
  align-self: end !important;
  width: 100% !important;
  margin-top: 4px !important;
}

.metric-explainer-title,
.metric-explainer-title span,
.metric-explainer-title em {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

.metric-reasons {
  gap: 5px !important;
}

.metric-reasons li {
  padding-left: 15px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.metric-meta-grid {
  gap: 8px !important;
}

.metric-card.risk .metric-meta-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.metric-card.risk .metric-meta-grid > div {
  min-width: 0 !important;
  padding-inline: 6px !important;
}

.metric-card.risk .metric-meta-grid span {
  font-size: 10px !important;
}

.metric-card.risk .metric-meta-grid strong {
  overflow-wrap: anywhere !important;
  font-size: 11px !important;
}

.metric-meta-grid > div {
  min-height: 46px !important;
  padding: 7px 8px !important;
}

.metric-meta-grid span,
.ttd-scale > span {
  font-size: 11px !important;
  line-height: 1.25 !important;
}

.metric-meta-grid strong {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.ttd-scale {
  gap: 8px !important;
}

/* Section headers and data labels use one readable type scale. */
.leetify-head,
.section-head {
  min-height: 68px !important;
  gap: 12px !important;
}

#performanceSource,
.leetify-sample,
.section-subtitle,
.rank-half-head,
.disclaimer {
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.leetify-view {
  padding-inline: 14px !important;
}

.leetify-grid > .perf-item {
  display: grid !important;
  grid-template-rows: auto auto auto 1fr !important;
  align-content: start !important;
  gap: 10px !important;
}

.perf-item h4 {
  min-height: 20px !important;
  margin: 0 !important;
  color: var(--ref-text) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.perf-item h4 small {
  font-size: 11px !important;
  line-height: 1.3 !important;
}

.perf-value {
  line-height: 1 !important;
}

.perf-foot,
.leetify-premier-equivalent > span {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

.leetify-v3-group,
.provider-card,
.ai-card,
.rank-half,
.inventory-summary,
.inventory-top-skin,
.chart-panel {
  padding: 16px !important;
}

.leetify-v3-group h3,
.provider-card h3,
.rank-half h3 {
  min-height: 18px !important;
  margin-bottom: 10px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.leetify-v3-metric,
.provider-stat,
.ai-row,
.rank-row {
  min-height: 42px !important;
  gap: 10px !important;
}

.leetify-v3-metric span,
.provider-stat span,
.ai-row span,
.rank-row span {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

.leetify-v3-metric strong,
.provider-stat strong,
.ai-row strong,
.rank-row strong {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.secondary-grid,
.ranks-skins-grid,
.bottom-grid,
.leetify-v3-groups {
  gap: 12px !important;
}

/* Minimum readable utility text across the report. */
body.has-player #stats small,
body.has-player #stats .status-badge,
body.has-player #stats .source-badge,
body.has-player #stats .steam-id,
body.has-player #stats #profileRefreshLabel,
body.has-player #stats .mini-stat span,
body.has-player #stats .metric-explainer-title span,
body.has-player #stats .metric-explainer-title em,
body.has-player #stats .metric-meta-grid span,
body.has-player #stats .metric-meta-grid strong,
body.has-player #stats .ttd-scale > span,
body.has-player #stats .leetify-premier-equivalent > span,
body.has-player #stats .attribution-row a,
body.has-player #stats .premier-rating-caption,
body.has-player #stats .provider-stat span,
body.has-player #stats .provider-stat strong,
body.has-player #stats .faceit-label,
body.has-player #stats .faceit-main-elo,
body.has-player #stats #faceitCountry,
body.has-player #stats #competitiveSource,
body.has-player #stats #profilePremierSource,
body.has-player #stats #inventoryNote,
body.has-player #stats #chartCaption,
body.has-player #stats .stat-row-compact span,
body.has-player #stats .profile-premier-copy span,
body.has-player #stats .inventory-top-skin-copy span {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

@media (max-width: 759px) {
  .topbar .brand,
  .language-switcher-trigger,
  .header-account-link,
  .search input,
  .search button,
  .tab-btn,
  .profile-links .icon-btn,
  .profile-refresh-button,
  .leetify-view,
  .ghost-btn,
  .primary-btn,
  .period-btn,
  .filter-btn {
    min-height: 44px !important;
  }

  .profile-main {
    gap: 14px !important;
  }

  .topbar .header-account-link {
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
  }

  .mini-grid {
    grid-template-columns: 1fr !important;
  }

  .mini-stat:nth-child(odd) {
    border-right: 0 !important;
  }

  .mini-stat:nth-child(-n + 3) {
    border-bottom: 1px solid var(--ref-line) !important;
  }

  .profile-copy h1 {
    font-size: clamp(27px, 8.5vw, 36px) !important;
  }

  .metric-card {
    grid-template-rows: auto 126px auto auto auto !important;
    gap: 8px !important;
  }

  .metric-card .metric-note {
    min-height: 0 !important;
  }

  .metric-card.risk .metric-meta-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .leetify-head {
    align-items: center !important;
  }

  .leetify-sample {
    width: 100% !important;
  }
}

/* Final alignment pass: keep every text block on a stable visual axis. */
.profile-card .profile-main,
.profile-card .profile-copy {
  min-width: 0 !important;
}

.profile-card .profile-copy {
  text-align: center !important;
}

.profile-card .profile-copy > h1 {
  width: 100% !important;
  margin-inline: auto !important;
  font-size: clamp(22px, 1.9vw, 30px) !important;
  line-height: 1.05 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

.profile-card .steam-id {
  width: 100% !important;
  text-align: center !important;
  overflow-wrap: anywhere !important;
}

.profile-card .status-row,
.profile-card .profile-links {
  justify-content: center !important;
}

.profile-card #profileRefreshButton {
  margin-inline: auto !important;
}

.mini-stat {
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  gap: 4px !important;
  text-align: center !important;
}

.profile-card .mini-stat {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 4px !important;
}

.mini-stat span,
.mini-stat strong {
  width: 100% !important;
  margin: 0 !important;
  text-align: center !important;
}

.mini-stat span {
  min-height: 0 !important;
  overflow-wrap: normal !important;
}

.mini-stat strong {
  overflow-wrap: anywhere !important;
}

.profile-card .mini-stat span,
.profile-card .mini-stat strong {
  width: 100% !important;
  margin: 0 !important;
  text-align: center !important;
}

.metric-card,
.metric-card .metric-title,
.metric-card .metric-label,
.metric-card .metric-note {
  text-align: center !important;
}

.metric-card .metric-title,
.metric-card .metric-label,
.metric-card .metric-note {
  width: 100% !important;
  margin-inline: auto !important;
}

.metric-card .metric-title,
.metric-card .metric-label,
.leetify-grid .perf-item h4,
.leetify-v3-group h3,
.provider-card h3,
.rank-half h3 {
  text-wrap: balance !important;
}

.metric-explainer-title {
  justify-content: center !important;
  gap: 8px 12px !important;
  text-align: center !important;
  flex-wrap: wrap !important;
}

.metric-reasons {
  width: min(100%, 34ch) !important;
  margin-inline: auto !important;
}

.metric-reasons li {
  text-align: left !important;
}

.metric-meta-grid > div {
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  min-width: 0 !important;
  text-align: center !important;
}

.metric-meta-grid span,
.metric-meta-grid strong {
  max-width: 100% !important;
  margin: 0 !important;
  text-align: center !important;
}

.metric-meta-grid strong {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.metric-card.risk .metric-meta-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.metric-card.risk .metric-meta-grid > div:last-child {
  grid-column: 1 / -1 !important;
}

.ttd-scale {
  align-items: center !important;
}

.ttd-scale > span {
  min-width: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.leetify-grid > .perf-item {
  min-width: 0 !important;
  text-align: center !important;
}

.leetify-grid .perf-item h4 {
  display: flex !important;
  justify-content: center !important;
  align-items: baseline !important;
  gap: 4px 6px !important;
  flex-wrap: wrap !important;
  text-align: center !important;
}

.leetify-grid .perf-item h4 small,
.perf-foot,
.leetify-premier-equivalent {
  text-align: center !important;
}

.leetify-grid .perf-bar {
  width: 100% !important;
  margin-inline: auto !important;
}

.leetify-v3-group h3,
.provider-card h3,
.rank-half h3 {
  text-align: center !important;
}

.leetify-v3-metric,
.provider-stat,
.ai-row,
.rank-row,
.rank-half-head > div {
  min-width: 0 !important;
}

.leetify-v3-metric span,
.provider-stat span,
.ai-row span,
.rank-row span,
.leetify-v3-metric strong,
.provider-stat strong,
.ai-row strong,
.rank-row strong {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

.secondary-grid .section-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
}

.secondary-grid .section-title {
  min-width: 0 !important;
  justify-content: center !important;
  text-align: center !important;
}

.secondary-grid .section-title > span:last-child {
  min-width: 0 !important;
  text-align: center !important;
  text-wrap: balance !important;
  overflow-wrap: anywhere !important;
}

.secondary-grid .section-head .ghost-btn {
  min-width: 108px !important;
  padding-inline: 12px !important;
  white-space: normal !important;
}

/* Unified report motion: data arrives first, then gauges reveal their final state. */
#riskRing.ll-ring-reset,
#ttdRing.ll-ring-reset,
#winRing.ll-ring-reset {
  transition: none !important;
}

#riskRing.ll-ring-fill,
#ttdRing.ll-ring-fill,
#winRing.ll-ring-fill {
  transition:
    --value 860ms cubic-bezier(.16, 1, .3, 1) var(--ll-motion-delay, 0ms),
    box-shadow 300ms ease !important;
}

.ll-scale-fill,
.ll-scale-track-fill {
  transform-origin: left center !important;
  animation: llScaleFill 720ms cubic-bezier(.16, 1, .3, 1) var(--ll-motion-delay, 0ms) both !important;
  will-change: transform;
}

.ll-scale-marker-enter {
  animation: llScaleMarkerEnter 260ms ease-out var(--ll-motion-delay, 0ms) both !important;
}

.ll-counting-number {
  font-variant-numeric: tabular-nums lining-nums;
}

@keyframes llScaleFill {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

@keyframes llScaleMarkerEnter {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  #riskRing.ll-ring-reset,
  #ttdRing.ll-ring-reset,
  #winRing.ll-ring-reset,
  #riskRing.ll-ring-fill,
  #ttdRing.ll-ring-fill,
  #winRing.ll-ring-fill {
    transition: none !important;
  }

  .ll-scale-fill,
  .ll-scale-track-fill,
  .ll-scale-marker-enter {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

.inventory-card,
.inventory-value,
.chart-toolbar {
  text-align: center !important;
}

.inventory-card {
  justify-items: center !important;
}

.inventory-card .primary-btn {
  margin-inline: auto !important;
}

.chart-card .chart-toolbar,
.chart-card .chart-toolbar > div {
  width: 100% !important;
  justify-content: center !important;
  text-align: center !important;
}

.chart-card .chart-toolbar .section-title {
  justify-content: center !important;
  text-align: center !important;
}

@media (min-width: 760px) and (max-width: 1099px) {
  .profile-card .profile-main {
    justify-content: center !important;
  }

  .profile-card .profile-copy {
    flex: 0 1 360px !important;
  }
}

@media (max-width: 759px) {
  .profile-card .profile-main {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-content: center !important;
    justify-items: center !important;
    gap: 16px !important;
  }

  .profile-card .profile-copy {
    width: 100% !important;
    align-items: center !important;
  }

  .profile-card .profile-copy > h1 {
    font-size: clamp(22px, 7vw, 30px) !important;
  }

  .metric-card.risk .metric-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .leetify-head,
  .leetify-title-wrap,
  .section-head {
    text-align: center !important;
  }

  .leetify-title-wrap,
  .section-head .section-title {
    justify-content: center !important;
  }

  .leetify-sample {
    text-align: center !important;
  }

  .leetify-view {
    justify-self: center !important;
  }

  .secondary-grid .section-head {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center !important;
  }

  .rank-card .rank-half-head {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    text-align: center !important;
  }

  .ranks-skins-grid > .rank-card .rank-half-premier .profile-premier-chip,
  .ranks-skins-grid > .rank-card .rank-half-premier .profile-premier-chip.current {
    height: auto !important;
    min-height: 116px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-content: center !important;
    justify-items: stretch !important;
    row-gap: 8px !important;
  }

  .rank-card .rank-half-premier .profile-premier-copy {
    justify-items: center !important;
    text-align: center !important;
  }

  .rank-card .rank-half-premier .profile-premier-values {
    width: 100% !important;
    margin-top: 0 !important;
  }

  .site-footer,
  .site-footer .footer-brand,
  .site-footer .footer-links {
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  .site-footer .footer-copy-structured,
  .site-footer .footer-copy {
    width: 100% !important;
    margin-inline: auto !important;
    text-align: center !important;
  }
}

/* Cascade lock for the unified Premier / FACEIT anatomy. */
.secondary-grid > .premier-card,
.secondary-grid > .faceit-card {
  display: grid !important;
  grid-template-rows: 68px minmax(0, 1fr) !important;
  align-items: stretch !important;
  height: 460px !important;
  min-height: 460px !important;
  padding: 20px !important;
  overflow: hidden !important;
}

.secondary-grid > .premier-card .section-head,
.secondary-grid > .faceit-card .section-head {
  width: 100% !important;
  height: 68px !important;
  min-height: 68px !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  box-sizing: border-box !important;
}

.secondary-grid > .premier-card .premier-layout,
.secondary-grid > .faceit-card .faceit-content {
  position: static !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 12px 0 0 !important;
  box-sizing: border-box !important;
}

.secondary-grid > .premier-card .premier-overview,
.secondary-grid > .faceit-card .faceit-content {
  display: grid !important;
  grid-template-rows: 44px 72px 36px 54px 58px !important;
  align-content: space-between !important;
  align-items: center !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  box-sizing: border-box !important;
}

.secondary-grid > .premier-card .provider-player-name,
.secondary-grid > .faceit-card .provider-player-name,
.secondary-grid > .premier-card .rank-hero,
.secondary-grid > .faceit-card .faceit-badge,
.secondary-grid > .premier-card .recent-form-head,
.secondary-grid > .faceit-card .recent-form-head,
.secondary-grid > .premier-card .form-strip,
.secondary-grid > .faceit-card .form-strip,
.secondary-grid > .premier-card .stat-row-compact,
.secondary-grid > .faceit-card .stat-row-compact {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}

.secondary-grid > .premier-card .provider-player-name,
.secondary-grid > .faceit-card .provider-player-name {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 8px !important;
  font-size: clamp(23px, 2vw, 28px) !important;
  line-height: 1.08 !important;
  text-align: center !important;
  text-wrap: balance !important;
  overflow-wrap: anywhere !important;
}

.secondary-grid > .premier-card .rank-hero,
.secondary-grid > .faceit-card .faceit-badge {
  align-self: center !important;
  justify-self: center !important;
  margin: 0 !important;
}

.secondary-grid > .premier-card .recent-form-head,
.secondary-grid > .faceit-card .recent-form-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.secondary-grid > .premier-card .recent-form-head span,
.secondary-grid > .faceit-card .recent-form-head span,
.secondary-grid > .premier-card .recent-form-head strong,
.secondary-grid > .faceit-card .recent-form-head strong {
  margin: 0 !important;
  line-height: 1.2 !important;
}

.secondary-grid > .premier-card .recent-form-head strong,
.secondary-grid > .faceit-card .recent-form-head strong {
  text-align: right !important;
  white-space: nowrap !important;
}

.secondary-grid > .premier-card .form-strip,
.secondary-grid > .faceit-card .form-strip {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 10px !important;
}

.secondary-grid > .premier-card .form-strip .result,
.secondary-grid > .faceit-card .form-strip .result {
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
}

.secondary-grid > .premier-card .stat-row-compact,
.secondary-grid > .faceit-card .stat-row-compact {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: end !important;
  width: 100% !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 10px 0 0 !important;
  border-top: 1px solid var(--ref-line) !important;
}

.secondary-grid > .premier-card .stat-row-compact > div,
.secondary-grid > .faceit-card .stat-row-compact > div {
  display: grid !important;
  grid-template-rows: auto auto !important;
  justify-items: center !important;
  align-content: end !important;
  min-width: 0 !important;
  height: 100% !important;
  gap: 5px !important;
  text-align: center !important;
}

.secondary-grid > .premier-card .stat-row-compact span,
.secondary-grid > .faceit-card .stat-row-compact span,
.secondary-grid > .premier-card .stat-row-compact strong,
.secondary-grid > .faceit-card .stat-row-compact strong {
  position: static !important;
  z-index: auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

.secondary-grid > .premier-card .premier-current-meta,
.secondary-grid > .premier-card .premier-season-detail,
.secondary-grid > .faceit-card .faceit-hidden-meta {
  display: none !important;
}

@media (max-width: 760px) {
  .secondary-grid > .premier-card,
  .secondary-grid > .faceit-card {
    grid-template-rows: 68px auto !important;
    height: auto !important;
    min-height: 450px !important;
  }

  .secondary-grid > .premier-card .premier-layout,
  .secondary-grid > .faceit-card .faceit-content {
    min-height: 342px !important;
  }

  .secondary-grid > .premier-card .premier-overview,
  .secondary-grid > .faceit-card .faceit-content {
    min-height: 330px !important;
  }

  .secondary-grid > .premier-card .provider-player-name,
  .secondary-grid > .faceit-card .provider-player-name {
    font-size: clamp(22px, 7vw, 28px) !important;
  }

  .secondary-grid > .premier-card .form-strip,
  .secondary-grid > .faceit-card .form-strip {
    gap: clamp(6px, 2vw, 10px) !important;
  }

  .secondary-grid > .premier-card .form-strip .result,
  .secondary-grid > .faceit-card .form-strip .result {
    flex-basis: 42px !important;
    width: 42px !important;
    min-width: 42px !important;
  }
}

.secondary-grid > .premier-card #premierForm,
.secondary-grid > .faceit-card #faceitForm {
  position: static !important;
  inset: auto !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  align-content: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 10px !important;
  transform: none !important;
  overflow: visible !important;
}

@media (max-width: 760px) {
  .secondary-grid > .premier-card #premierForm,
  .secondary-grid > .faceit-card #faceitForm {
    gap: clamp(6px, 2vw, 10px) !important;
  }
}

/* ==========================================================
   Top dashboard balance — stable identity and metric anatomy
   ========================================================== */

.dashboard > .profile-card,
.dashboard > .metric-card {
  box-sizing: border-box !important;
}

/* Keep the profile compact even when it spans the full dashboard width. */
.dashboard > .profile-card {
  container-type: inline-size;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  justify-content: stretch !important;
  align-content: stretch !important;
  gap: 18px !important;
}

.dashboard > .profile-card .profile-main {
  align-self: center !important;
  width: 100% !important;
}

.dashboard > .profile-card .profile-copy {
  justify-content: center !important;
}

.dashboard > .profile-card .profile-copy > h1 {
  font-size: clamp(19px, 4.8cqi, 28px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.dashboard > .profile-card .steam-id {
  font-variant-numeric: tabular-nums !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

/* Four account facts form one quiet 2x2 footer instead of four tall rows. */
.dashboard > .profile-card .mini-grid,
html.ll-fluid-desktop body.has-player .dashboard > .profile-card .mini-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(48px, auto)) !important;
  gap: 0 !important;
  width: 100% !important;
  min-height: 104px !important;
  margin-top: 0 !important;
  padding: 4px 14px !important;
}

.dashboard > .profile-card .mini-stat {
  min-height: 48px !important;
  padding: 8px 12px !important;
  border: 0 !important;
}

.dashboard > .profile-card .mini-stat:nth-child(odd) {
  border-right: 1px solid var(--ref-line) !important;
}

.dashboard > .profile-card .mini-stat:nth-child(n + 3) {
  border-top: 1px solid var(--ref-line) !important;
}

/* Grid tracks must fill the card; flex-start previously collapsed them to 260px. */
.dashboard > .metric-card {
  justify-content: stretch !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 18px 130px minmax(24px, auto) minmax(46px, auto) minmax(0, 1fr) !important;
  row-gap: 6px !important;
  padding-block: 14px !important;
}

.dashboard > .metric-card > .metric-title,
.dashboard > .metric-card > .metric-label,
.dashboard > .metric-card > .metric-note,
.dashboard > .metric-card > .metric-explainer {
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

.dashboard > .metric-card > .metric-label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
}

.dashboard > .metric-card > .metric-note {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-height: 46px !important;
  max-width: 32ch !important;
}

.dashboard > .metric-card > .metric-explainer {
  align-self: end !important;
  margin: 0 !important;
}

.dashboard > .metric-card.risk > .metric-explainer {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  gap: 6px !important;
  padding-top: 8px !important;
}

.dashboard > .metric-card.risk .metric-reasons {
  margin-top: 0 !important;
}

.dashboard > .metric-card.ttd > .metric-explainer,
.dashboard > .metric-card.win > .metric-explainer {
  display: grid !important;
  grid-template-rows: auto minmax(56px, auto) !important;
  gap: 12px !important;
}

.dashboard > .metric-card .metric-meta-grid {
  width: 100% !important;
}

@media (min-width: 760px) {
  .dashboard > .profile-card .profile-main {
    grid-template-columns: 122px minmax(0, 1fr) !important;
    gap: clamp(18px, 1.7vw, 26px) !important;
  }
}

@media (max-width: 559px) {
  .dashboard > .profile-card .mini-grid,
  html.ll-fluid-desktop body.has-player .dashboard > .profile-card .mini-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: none !important;
    min-height: 0 !important;
  }

  .dashboard > .profile-card .mini-stat:nth-child(odd) {
    border-right: 0 !important;
  }

  .dashboard > .profile-card .mini-stat:nth-child(n + 2) {
    border-top: 1px solid var(--ref-line) !important;
  }

  .dashboard > .metric-card {
    grid-template-rows: 18px 126px minmax(24px, auto) auto auto !important;
  }
}

/* TTD and winrate use one footer-cell geometry. */
.dashboard > .metric-card.ttd .metric-meta-grid.two-columns,
.dashboard > .metric-card.win .metric-meta-grid.two-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: 46px !important;
  align-items: stretch !important;
  gap: 8px !important;
}

.dashboard > .metric-card.ttd .metric-meta-grid.two-columns > div,
.dashboard > .metric-card.win .metric-meta-grid.two-columns > div {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 10px !important;
  gap: 0 !important;
}

.dashboard > .metric-card.ttd .metric-meta-grid.two-columns > div > strong,
.dashboard > .metric-card.win .metric-meta-grid.two-columns > div > strong,
.dashboard > .metric-card.win .win-source-inline,
.dashboard > .metric-card.win #winSampleMeta {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

.dashboard > .metric-card.win #winSourceIcon[src*="csstats"] {
  display: block !important;
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  height: 16px !important;
  max-height: 16px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

.dashboard > .metric-card.win .metric-meta-grid.two-columns > div:has(> #winSampleMeta) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 10px !important;
}

.dashboard > .metric-card.win .metric-meta-grid.two-columns > div > strong.win-source-inline,
.dashboard > .metric-card.win .metric-meta-grid.two-columns > div > #winSampleMeta {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Both metric scales reserve the same width for labels and the color track. */
.dashboard > .metric-card.ttd .ttd-scale,
.dashboard > .metric-card.win .ttd-scale {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 42% minmax(0, 1fr) !important;
  align-items: center !important;
  width: 100% !important;
  gap: 8px !important;
  margin: 0 !important;
}

.dashboard > .metric-card.ttd .ttd-scale > span,
.dashboard > .metric-card.win .ttd-scale > span {
  min-width: 0 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: 0.035em !important;
  white-space: nowrap !important;
}

.dashboard > .metric-card.ttd .ttd-scale > span:first-child,
.dashboard > .metric-card.win .ttd-scale > span:first-child {
  text-align: right !important;
}

.dashboard > .metric-card.ttd .ttd-scale > span:last-child,
.dashboard > .metric-card.win .ttd-scale > span:last-child {
  text-align: left !important;
}

.dashboard > .metric-card.ttd .ttd-scale-track,
.dashboard > .metric-card.win .ttd-scale-track {
  width: 100% !important;
  min-width: 0 !important;
}

body.has-player #stats .dashboard > .metric-card.ttd .metric-explainer,
body.has-player #stats .dashboard > .metric-card.win .metric-explainer {
  padding-top: 13px !important;
}

body.has-player #stats .dashboard > .metric-card.ttd .ttd-scale > span,
body.has-player #stats .dashboard > .metric-card.win .ttd-scale > span {
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
}

/* Launch Lab ambient backdrop: quiet black header with a violet telemetry bloom. */
:root {
  --ref-ambient-black: #02040b;
  --ref-ambient-navy: #080b1b;
  --ref-ambient-violet: 191, 58, 255;
  --ref-ambient-indigo: 48, 42, 205;
}

html {
  background: var(--ref-ambient-black) !important;
}

body {
  min-height: 100vh;
  background:
    radial-gradient(
      ellipse 82% 62% at -12% 76%,
      rgba(var(--ref-ambient-violet), 0.26) 0%,
      rgba(111, 28, 255, 0.15) 36%,
      transparent 70%
    ),
    radial-gradient(
      ellipse 56% 48% at 104% 62%,
      rgba(var(--ref-ambient-indigo), 0.16) 0%,
      transparent 70%
    ),
    radial-gradient(
      ellipse 74% 42% at 48% 108%,
      rgba(92, 27, 235, 0.2) 0%,
      transparent 72%
    ),
    linear-gradient(
      180deg,
      var(--ref-ambient-black) 0%,
      #030612 25%,
      #070a18 58%,
      var(--ref-ambient-navy) 100%
    ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

@media (min-width: 900px) {
  body {
    background-attachment: fixed !important;
  }
}

@media (max-width: 899px) {
  body {
    background-attachment: scroll !important;
  }
}

/* Panel material follows the violet telemetry backdrop without competing with data. */
:root {
  --ref-panel-shell:
    linear-gradient(
      155deg,
      rgba(15, 29, 43, 0.96) 0%,
      rgba(9, 18, 33, 0.95) 54%,
      rgba(19, 14, 40, 0.93) 100%
    );
  --ref-panel-inset:
    linear-gradient(
      145deg,
      rgba(7, 18, 32, 0.88) 0%,
      rgba(15, 11, 34, 0.82) 100%
    );
  --ref-panel-edge: rgba(112, 132, 174, 0.28);
  --ref-panel-edge-violet: rgba(137, 82, 222, 0.2);
}

.card,
.profile-card,
.metric-card,
.performance,
.section-card,
.inventory-card,
.chart-card,
.rank-card,
.competitive-panel,
.match-card,
.modal-panel,
.project-support-card,
.start-guide {
  border-color: var(--ref-panel-edge) !important;
  background: var(--ref-panel-shell) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    inset 0 -1px 0 var(--ref-panel-edge-violet),
    0 18px 48px rgba(0, 0, 0, 0.18) !important;
  backdrop-filter: blur(12px) saturate(108%) !important;
}

.card::before,
.performance::before,
.section-card::before {
  border-radius: inherit !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.028), transparent 24%),
    radial-gradient(circle at 0% 100%, rgba(131, 50, 255, 0.1), transparent 42%) !important;
}

.mini-grid,
.metric-card .score-badge,
.metric-card .micro-stat,
.metric-card .source-badge,
.metric-meta-grid > div,
.leetify-v3-group,
.provider-card,
.ai-card,
.rank-half,
.inventory-summary,
.inventory-top-skin,
.chart-panel {
  border-color: rgba(112, 132, 174, 0.22) !important;
  background: var(--ref-panel-inset) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.02),
    inset 0 -1px 0 rgba(126, 65, 213, 0.09) !important;
}

@media (max-width: 899px) {
  .card,
  .profile-card,
  .metric-card,
  .performance,
  .section-card,
  .inventory-card,
  .chart-card,
  .rank-card,
  .competitive-panel,
  .match-card,
  .modal-panel,
  .project-support-card,
  .start-guide {
    backdrop-filter: none !important;
  }
}

/* Recent form must stay inside the Premier / FACEIT card with up to 10 results. */
.secondary-grid > .premier-card,
.secondary-grid > .faceit-card,
.secondary-grid > .premier-card .premier-layout,
.secondary-grid > .premier-card .premier-overview,
.secondary-grid > .faceit-card .faceit-content {
  min-width: 0 !important;
}

.secondary-grid > .premier-card .recent-form-head,
.secondary-grid > .faceit-card .recent-form-head {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.secondary-grid > .premier-card .recent-form-head strong,
.secondary-grid > .faceit-card .recent-form-head strong {
  min-width: 0 !important;
  width: max-content !important;
  max-width: none !important;
  justify-self: end !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.secondary-grid > .premier-card #premierForm,
.secondary-grid > .faceit-card #faceitForm {
  padding-inline: 2px !important;
  gap: clamp(4px, 0.55vw, 8px) !important;
  overflow: hidden !important;
}

.secondary-grid > .premier-card #premierForm .result,
.secondary-grid > .faceit-card #faceitForm .result {
  flex: 1 1 44px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 44px !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  font-size: clamp(12px, 1.25vw, 19px) !important;
}

/* Inventory and ranks cleanup: one axis, resilient names, less duplicate chrome. */
.ranks-skins-grid > .bottom-grid > .inventory-card {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  place-items: center !important;
  align-content: center !important;
  gap: 17px !important;
  min-height: 190px !important;
  padding: 24px !important;
  text-align: center !important;
}

.ranks-skins-grid > .bottom-grid > .inventory-card .inventory-value {
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  justify-items: center !important;
  text-align: center !important;
}

.ranks-skins-grid > .bottom-grid > .inventory-card #inventoryValue {
  width: 100% !important;
  max-width: 680px !important;
  margin-inline: auto !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-wrap: balance !important;
}

.ranks-skins-grid > .bottom-grid > .inventory-card #inventoryNote {
  width: min(100%, 620px) !important;
  margin-inline: auto !important;
  overflow-wrap: anywhere !important;
  text-align: center !important;
  text-wrap: pretty !important;
}

.ranks-skins-grid > .bottom-grid > .inventory-card .primary-btn {
  min-width: min(100%, 190px) !important;
  min-height: 44px !important;
  margin: 0 auto !important;
}

.ranks-skins-grid > .bottom-grid > .chart-card {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* The legacy price-history canvas is intentionally dormant until a real
   history provider exists. Author-level canvas rules must not override hidden. */
.ranks-skins-grid > .bottom-grid > .chart-card #inventoryChart[hidden] {
  display: none !important;
}

.ranks-skins-grid > .bottom-grid > .chart-card .chart-toolbar,
.ranks-skins-grid > .bottom-grid > .chart-card .chart-toolbar > div {
  min-width: 0 !important;
  max-width: 100% !important;
}

.ranks-skins-grid > .bottom-grid .inventory-top-skins {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.ranks-skins-grid > .bottom-grid .inventory-top-skin {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 118px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 136px !important;
  height: auto !important;
  padding: 16px !important;
  overflow: visible !important;
}

.ranks-skins-grid > .bottom-grid .inventory-top-skin-image {
  align-self: center !important;
  flex: none !important;
}

.ranks-skins-grid > .bottom-grid .inventory-top-skin-copy {
  display: grid !important;
  min-width: 0 !important;
  max-width: 100% !important;
  align-content: center !important;
  justify-items: start !important;
  overflow: visible !important;
  text-align: left !important;
}

.ranks-skins-grid > .bottom-grid .inventory-top-skin-copy > strong {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  hyphens: auto !important;
  text-wrap: pretty !important;
}

.ranks-skins-grid > .bottom-grid .inventory-top-skin-copy > b,
.ranks-skins-grid > .bottom-grid .inventory-top-skin-copy > small {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

.ranks-skins-grid > .rank-card .rank-half-head {
  justify-content: flex-start !important;
}

.ranks-skins-grid > .rank-card .rank-half-head > div {
  width: 100% !important;
}

.ranks-skins-grid > .rank-card .competitive-rank.is-unranked {
  grid-template-columns: 48px minmax(0, 1fr) !important;
}

.ranks-skins-grid > .rank-card .profile-premier-copy {
  justify-content: center !important;
}

.ranks-skins-grid > .rank-card .profile-premier-no-rating {
  grid-column: 1 / -1 !important;
  align-self: center !important;
  justify-self: center !important;
  color: var(--ref-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  text-align: center !important;
}

@media (max-width: 520px) {
  .ranks-skins-grid > .bottom-grid > .inventory-card {
    min-height: 170px !important;
    padding: 20px 14px !important;
  }

  .ranks-skins-grid > .bottom-grid .inventory-top-skin {
    grid-template-columns: 84px minmax(0, 1fr) !important;
    gap: 12px !important;
    min-height: 112px !important;
    padding: 12px !important;
  }

  .ranks-skins-grid > .bottom-grid .inventory-top-skin-image {
    width: 84px !important;
    height: 76px !important;
  }

  .ranks-skins-grid > .bottom-grid .inventory-top-skin-copy > strong {
    font-size: 14px !important;
  }
}

/* Rank board cleanup: one outer shell, one divider, one row surface. */
.ranks-skins-grid > .rank-card {
  padding: 20px !important;
}

.ranks-skins-grid > .rank-card .competitive-panel {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.ranks-skins-grid > .rank-card .rank-board.rank-board-split {
  gap: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

.ranks-skins-grid > .rank-card .rank-half,
.ranks-skins-grid > .rank-card .rank-half-maps,
.ranks-skins-grid > .rank-card .rank-half-premier {
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ranks-skins-grid > .rank-card .rank-half-maps {
  padding: 0 18px 0 0 !important;
  border: 0 !important;
}

.ranks-skins-grid > .rank-card .rank-half-premier {
  margin: 0 !important;
  padding: 0 0 0 18px !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 1px solid rgba(112, 132, 174, 0.2) !important;
}

.ranks-skins-grid > .rank-card .rank-half-head {
  min-height: 44px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
}

.ranks-skins-grid > .rank-card .rank-half-head strong {
  font-size: 16px !important;
  line-height: 1.15 !important;
}

.ranks-skins-grid > .rank-card .rank-half-head small {
  color: rgba(159, 177, 207, 0.78) !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

.ranks-skins-grid > .rank-card .competitive-grid,
.ranks-skins-grid > .rank-card .profile-premier-history {
  gap: 8px !important;
}

.ranks-skins-grid > .rank-card .competitive-rank,
.ranks-skins-grid > .rank-card .competitive-rank.is-unranked {
  min-height: 62px !important;
  padding: 6px 8px !important;
  border: 1px solid rgba(112, 132, 174, 0.16) !important;
  border-radius: 10px !important;
  background: rgba(7, 17, 31, 0.58) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease !important;
}

.ranks-skins-grid > .rank-card .competitive-rank:hover {
  border-color: rgba(83, 204, 255, 0.34) !important;
  background: rgba(10, 25, 42, 0.76) !important;
  transform: translateY(-2px) !important;
}

.ranks-skins-grid > .rank-card .competitive-rank.is-unranked .competitive-rank-copy {
  opacity: 0.72 !important;
}

.ranks-skins-grid > .rank-card .rank-half-premier .profile-premier-chip,
.ranks-skins-grid > .rank-card .rank-half-premier .profile-premier-chip.current {
  display: grid !important;
  grid-template-columns: minmax(88px, 0.72fr) minmax(0, 1.28fr) !important;
  align-items: center !important;
  min-height: 70px !important;
  height: auto !important;
  padding: 10px 12px !important;
  gap: 10px !important;
  border: 1px solid rgba(112, 132, 174, 0.16) !important;
  border-radius: 10px !important;
  background: rgba(7, 17, 31, 0.58) !important;
  box-shadow: none !important;
}

/* Defeat the legacy ID-scoped violet theme without increasing decoration. */
.ranks-skins-grid > .rank-card #profilePremierHistory .profile-premier-chip,
.ranks-skins-grid > .rank-card #profilePremierHistory .profile-premier-chip.current {
  border-color: rgba(112, 132, 174, 0.16) !important;
  border-left-color: rgba(112, 132, 174, 0.16) !important;
  background: rgba(7, 17, 31, 0.58) !important;
}

.ranks-skins-grid > .rank-card .rank-half-premier .profile-premier-copy {
  display: grid !important;
  align-content: center !important;
  justify-content: start !important;
  justify-items: start !important;
  text-align: left !important;
}

.ranks-skins-grid > .rank-card .rank-half-premier .profile-premier-copy span {
  color: #edf2fb !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0.01em !important;
}

.ranks-skins-grid > .rank-card .rank-half-premier .profile-premier-values {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: center !important;
  width: 100% !important;
  gap: 8px !important;
}

.ranks-skins-grid > .rank-card .rank-half-premier .profile-premier-values > div {
  display: grid !important;
  justify-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.ranks-skins-grid > .rank-card .rank-half-premier .profile-premier-values > div > small {
  margin: 0 !important;
  color: rgba(159, 177, 207, 0.72) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.ranks-skins-grid > .rank-card .rank-half-premier .profile-season-premier-badge {
  width: min(100%, 116px) !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)) !important;
}

.ranks-skins-grid > .rank-card .profile-premier-no-rating {
  color: rgba(159, 177, 207, 0.76) !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 760px) {
  .ranks-skins-grid > .rank-card .rank-board.rank-board-split {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .ranks-skins-grid > .rank-card .rank-half-maps {
    padding-right: 0 !important;
  }

  .ranks-skins-grid > .rank-card .rank-half-premier {
    margin-top: 18px !important;
    padding: 18px 0 0 !important;
    border-top: 1px solid rgba(112, 132, 174, 0.2) !important;
    border-left: 0 !important;
  }
}

@media (max-width: 520px) {
  .ranks-skins-grid > .rank-card {
    padding: 16px !important;
  }

  .ranks-skins-grid > .rank-card .rank-half-premier .profile-premier-chip,
  .ranks-skins-grid > .rank-card .rank-half-premier .profile-premier-chip.current {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    min-height: 94px !important;
    gap: 8px !important;
  }

  .ranks-skins-grid > .rank-card .rank-half-premier .profile-premier-copy {
    justify-items: center !important;
    text-align: center !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ranks-skins-grid > .rank-card .competitive-rank {
    transition: none !important;
  }

  .ranks-skins-grid > .rank-card .competitive-rank:hover {
    transform: none !important;
  }
}