:root {
  font-family: Inter, system-ui, sans-serif;
  color: #edf2ee;
  background: #080b0a;
  font-synthesis: none;
  --lime: #d7ff38;
  --muted: #838d86;
  --line: #252b27;
}
.metric-label {
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  min-width: 0;
}
.info-tip {
  position: relative;
  display: inline-flex !important;
  flex: none;
  vertical-align: middle;
  letter-spacing: normal;
  text-transform: none;
}
.info-tip > button {
  width: 15px;
  height: 15px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: transparent;
  color: #8d9991;
  cursor: help;
}
.info-tip > button:hover,
.info-tip > button:focus-visible {
  color: var(--lime);
  outline: 1px solid #6f7b31;
  outline-offset: 1px;
}
.info-tip > button svg {
  width: 12px !important;
  height: 12px !important;
}
.info-tip > span[role="tooltip"] {
  position: absolute;
  z-index: 50;
  left: 50%;
  bottom: calc(100% + 9px);
  width: 260px;
  max-width: min(260px, 80vw);
  padding: 10px 12px;
  border: 1px solid #49544c;
  background: #111713;
  color: #dce4de !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);
  font:
    10px/1.55 Inter,
    system-ui,
    sans-serif !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  white-space: normal !important;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 4px);
  transition:
    opacity 0.14s,
    transform 0.14s,
    visibility 0.14s;
}
.info-tip > span[role="tooltip"]::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top-color: #49544c;
}
.info-tip:hover > span[role="tooltip"],
.info-tip:focus-within > span[role="tooltip"] {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  min-width: 320px;
  background:
    radial-gradient(ellipse at 72% -10%, #1c2415 0, transparent 32%), #080b0a;
}
button,
textarea {
  font: inherit;
}
button {
  color: inherit;
}
.app-shell {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 100vh;
}
.rail {
  position: fixed;
  z-index: 10;
  width: 68px;
  height: 100vh;
  border-right: 1px solid var(--line);
  background: #0b0e0d;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.logo {
  height: 70px;
  width: 100%;
  display: grid;
  place-items: center;
  color: #080b0a;
  background: var(--lime);
}
.rail nav {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 28px;
}
.rail button {
  width: 42px;
  height: 42px;
  border: 0;
  background: transparent;
  color: #68716b;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.rail button:hover,
.rail button.active {
  color: var(--lime);
  background: #171c18;
}
.rail svg {
  width: 19px;
}
.rail-bottom {
  margin-top: auto;
  margin-bottom: 20px;
  position: relative;
}
.live-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  background: #5cf09a;
  border-radius: 50%;
  right: 6px;
  top: 3px;
  box-shadow: 0 0 8px #5cf09a;
}
main {
  grid-column: 2;
  max-width: 1600px;
  width: 100%;
  margin: auto;
  padding: 0 4.5vw 60px;
}
header {
  height: 92px;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header h1 {
  font-size: 18px;
  letter-spacing: 0.14em;
  margin: 5px 0 0;
  font-weight: 800;
}
header h1 em {
  color: #475049;
  font-style: normal;
}
.eyebrow,
.section-kicker {
  font-family: "DM Mono";
  font-size: 9px;
  letter-spacing: 0.14em;
  color: #7f8982;
}
.pulse {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #5cf09a;
  border-radius: 50%;
  margin-right: 6px;
}
.header-actions {
  display: flex;
  gap: 12px;
  align-items: center;
}
.cache-pill,
.refresh {
  height: 38px;
  border: 1px solid #2d352f;
  background: #111512;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 13px;
  font-family: "DM Mono";
  font-size: 9px;
  letter-spacing: 0.08em;
}
.cache-pill svg {
  color: #5cf09a;
}
.cache-pill b {
  color: #5cf09a;
  font-weight: 500;
}
.refresh {
  cursor: pointer;
  background: var(--lime);
  color: #0b0d0c;
  border: 0;
  font-weight: 600;
}
.refresh:disabled {
  opacity: 0.65;
}
.spin {
  animation: spin 1s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.hero {
  min-height: 310px;
  padding: 63px 0 42px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.hero h2 {
  font-size: clamp(38px, 4.6vw, 70px);
  line-height: 0.98;
  letter-spacing: -0.055em;
  margin: 15px 0 22px;
  max-width: 800px;
}
.hero h2 span {
  color: var(--lime);
}
.hero > div > p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.7;
  max-width: 620px;
}
.hero-metrics {
  display: flex;
  border: 1px solid var(--line);
  background: #0c100e;
  margin-bottom: 3px;
}
.stat {
  padding: 20px 24px;
  min-width: 130px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.stat:last-child {
  border: 0;
}
.stat span,
.stat small {
  font-family: "DM Mono";
  font-size: 8px;
  letter-spacing: 0.12em;
  color: #6f7972;
}
.stat strong {
  font-size: 23px;
}
.section-title {
  border-top: 1px solid var(--line);
  padding: 25px 0 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section-title > div {
  display: flex;
  align-items: center;
  gap: 14px;
}
.section-title span {
  color: var(--lime);
  font: 10px "DM Mono";
}
.section-title h3 {
  font-size: 12px;
  letter-spacing: 0.15em;
}
.section-title p {
  font: 9px "DM Mono";
  color: #657069;
  letter-spacing: 0.08em;
}
.player-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 13px;
}
.player-card {
  --accent: var(--lime);
  min-height: 390px;
  border: 1px solid var(--line);
  background: linear-gradient(145deg, #121613, #0c0f0d);
  padding: 22px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: 0.25s;
}
.player-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--accent), #303730 50%);
  z-index: 4;
  overflow: visible;
}
.card-glow {
  position: absolute;
  width: 160px;
  height: 160px;
  right: -60px;
  top: -60px;
  background: var(--accent);
  filter: blur(100px);
  opacity: 0.1;
}
.card-top {
  height: 105px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.number {
  font: 9px "DM Mono";
  color: #59615c;
}
.avatar {
  position: relative;
  width: 69px;
  height: 69px;
  display: grid;
  place-items: center;
  background: #1b211d;
  border: 1px solid #333c35;
  color: var(--accent);
  font-size: 20px;
  font-weight: 700;
  clip-path: polygon(18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 18%);
}
.avatar i {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 6px;
  height: 6px;
  background: #5cf09a;
  border-radius: 50%;
}
.confidence {
  font: 8px "DM Mono";
  color: #667069;
}
.player-card h3 {
  font-size: 25px;
  letter-spacing: -0.04em;
  margin: 4px 0;
}
.archetype {
  font: 9px "DM Mono";
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--accent);
}
.mini-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 24px 0;
  border-block: 1px solid var(--line);
}
.mini-stats div {
  padding: 14px 5px 14px 0;
}
.mini-stats span,
.bars label {
  display: block;
  font: 8px "DM Mono";
  color: #747f77;
  letter-spacing: 0.09em;
}
.mini-stats b {
  font-size: 18px;
  display: block;
  margin-top: 5px;
}
.bars label {
  display: flex;
  justify-content: space-between;
  margin: 10px 0 5px;
}
.bars > i {
  display: block;
  height: 2px;
  background: #252b27;
}
.bars > i b {
  height: 100%;
  display: block;
  background: var(--accent);
}
.player-card > button {
  position: absolute;
  bottom: 18px;
  left: 22px;
  right: 22px;
  border: 0;
  border-top: 1px solid var(--line);
  background: none;
  text-align: left;
  padding: 15px 0 0;
  font: 9px "DM Mono";
  letter-spacing: 0.1em;
  color: #8b948e;
}
.player-card > button svg {
  width: 14px;
  float: right;
}
.player-card.missing {
  opacity: 0.62;
  cursor: default;
}
.player-card.missing p {
  color: #838b86;
  font-size: 12px;
  line-height: 1.5;
}
.method {
  margin-top: 26px;
  border: 1px solid var(--line);
  background: #0e120f;
  padding: 18px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.method > div {
  display: flex;
  gap: 14px;
  align-items: center;
}
.method svg {
  color: var(--lime);
  width: 19px;
}
.method b,
.method > span {
  font: 9px "DM Mono";
  letter-spacing: 0.1em;
}
.method p {
  margin: 5px 0 0;
  color: #78827b;
  font-size: 11px;
}
.method > span {
  color: #606a63;
}
.loading,
.error {
  min-height: 70vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.loading p,
.error p {
  color: #89928c;
  max-width: 620px;
}
.loading small {
  color: #58615b;
}
.radar-loader {
  position: relative;
  width: 90px;
  height: 90px;
}
.radar-loader span {
  position: absolute;
  inset: 0;
  border: 1px solid var(--lime);
  transform: rotate(45deg);
  animation: scan 2s ease-in-out infinite;
}
.radar-loader span:nth-child(2) {
  inset: 15px;
  animation-delay: 0.2s;
}
.radar-loader span:nth-child(3) {
  inset: 30px;
  animation-delay: 0.4s;
}
@keyframes scan {
  50% {
    opacity: 0.15;
    transform: rotate(135deg);
  }
}
.error svg {
  color: #ff715f;
}
.error button {
  background: var(--lime);
  color: #080b0a;
  border: 0;
  padding: 11px 18px;
}
.compare {
  padding-top: 52px;
}
.compare-table {
  border: 1px solid var(--line);
}
.compare-head,
.compare-row {
  display: grid;
  grid-template-columns: 1.5fr repeat(3, 1fr);
  border-bottom: 1px solid var(--line);
}
.compare-head > span,
.compare-head button {
  padding: 18px;
  border: 0;
  border-right: 1px solid var(--line);
  background: #0d110f;
  text-align: left;
  font: 9px "DM Mono";
  letter-spacing: 0.1em;
  color: #7e8881;
}
.compare-head button {
  color: #dce2de;
  cursor: pointer;
}
.compare-head i {
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 8px;
}
.compare-row > div {
  min-height: 125px;
  padding: 25px;
  border-right: 1px solid var(--line);
}
.compare-row > div:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.compare-row small {
  color: #707973;
  margin-top: 7px;
}
.compare-value {
  display: flex;
  align-items: end !important;
  gap: 16px;
}
.compare-value strong {
  font-size: 26px;
}
.compare-value i {
  height: 76px;
  width: 4px;
  background: #202622;
  display: flex;
  align-items: end;
}
.compare-value i b {
  display: block;
  width: 100%;
}
.profile {
  padding-top: 28px;
}
.back {
  border: 0;
  background: transparent;
  font: 9px "DM Mono";
  letter-spacing: 0.1em;
  color: #79837c;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  margin-bottom: 22px;
}
.back svg {
  width: 14px;
}
.profile-hero {
  --accent: var(--lime);
  border-block: 1px solid var(--line);
  min-height: 205px;
  display: grid;
  grid-template-columns: 150px 1fr 130px;
  align-items: center;
  gap: 30px;
  background: radial-gradient(
    circle at 10% 50%,
    color-mix(in srgb, var(--accent) 9%, transparent),
    transparent 27%
  );
}
.big-avatar {
  width: 115px;
  height: 115px;
  border: 1px solid color-mix(in srgb, var(--accent), #303730 60%);
  display: grid;
  place-items: center;
  color: var(--accent);
  font-size: 34px;
  font-weight: 800;
  clip-path: polygon(15% 0, 100% 0, 100% 85%, 85% 100%, 0 100%, 0 15%);
}
.profile-hero h2 {
  font-size: 48px;
  letter-spacing: -0.05em;
  margin: 7px 0;
}
.profile-hero p {
  color: #7e8881;
  font-size: 12px;
}
.role {
  display: flex;
  align-items: center;
  gap: 14px;
}
.role b {
  color: var(--accent);
  text-transform: uppercase;
  font: 10px "DM Mono";
  letter-spacing: 0.1em;
}
.role span {
  font: 8px "DM Mono";
  color: #6e7771;
}
.score-ring {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: conic-gradient(var(--accent) var(--score), #202722 0);
  padding: 4px;
}
.score-ring > div {
  background: #0b0e0c;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.score-ring strong {
  font-size: 28px;
}
.score-ring span {
  font: 8px "DM Mono";
  color: #78827b;
}
.profile-layout {
  display: grid;
  grid-template-columns: 176px minmax(0, 1fr) 345px;
  gap: 15px;
  margin-top: 15px;
}
.profile-section-nav {
  align-self: start;
  position: sticky;
  top: 15px;
  display: flex;
  flex-direction: column;
  border: 1px solid #39433c;
  background: rgba(12, 16, 14, 0.97);
}
.profile-section-nav button {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 0;
  border-bottom: 1px solid var(--line);
  padding: 0 13px;
  background: transparent;
  color: #7b867e;
  font: 8px "DM Mono";
  letter-spacing: 0.08em;
  text-align: left;
  cursor: pointer;
}
.profile-section-nav button:last-child {
  border-bottom: 0;
}
.profile-section-nav button:hover {
  color: #c6d0c8;
  background: #131a15;
}
.profile-section-nav button.active {
  color: var(--lime);
  background: rgba(215, 255, 56, 0.08);
  box-shadow: inset 3px 0 0 var(--lime);
}
.profile-section-nav svg {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
}
.profile-main,
.profile-side {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.stat-strip {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  border: 1px solid var(--line);
}
.panel {
  border: 1px solid var(--line);
  background: #0d110f;
}
.panel-title {
  height: 53px;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
}
.panel-title > div {
  display: flex;
  gap: 9px;
  align-items: center;
}
.panel-title svg {
  width: 15px;
  color: var(--lime);
}
.panel-title span {
  font: 9px "DM Mono";
  letter-spacing: 0.11em;
}
.panel-title small {
  font: 8px "DM Mono";
  color: #68716b;
}
.signal-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.signal {
  padding: 22px 17px;
  border-right: 1px solid var(--line);
}
.signal:last-child {
  border: 0;
}
.signal span {
  font: 8px "DM Mono";
  text-transform: uppercase;
  color: #747e77;
}
.signal strong {
  font: 13px "DM Mono";
  display: block;
  margin: 12px 0;
}
.signal p {
  font-size: 10px;
  color: #69726c;
  line-height: 1.45;
  margin: 0;
}
.signal.good strong {
  color: #67e79c;
}
.signal.warn strong {
  color: #ffbc5d;
}
.signal.bad strong {
  color: #ff715f;
}
.insights article {
  display: grid;
  grid-template-columns: 35px 1fr auto;
  gap: 13px;
  padding: 19px;
  border-bottom: 1px solid var(--line);
  align-items: center;
  border-left: 2px solid transparent;
}
.insights article:last-child {
  border-bottom: 0;
}
.insights article.risk {
  border-left-color: #ff715f;
}
.insights article.strength {
  border-left-color: #66e899;
}
.insights article.watch {
  border-left-color: #ffbc5d;
}
.insights article > span {
  font: 9px "DM Mono";
  color: #59625c;
}
.insights h4 {
  font-size: 12px;
  margin: 0 0 5px;
}
.insights p {
  font-size: 10px;
  line-height: 1.5;
  color: #7b857e;
  margin: 0;
}
.insights article > b {
  font: 9px "DM Mono";
  color: #a8b1ab;
  white-space: nowrap;
}
.match-row {
  display: grid;
  grid-template-columns: 2.2fr repeat(5, 1fr) 1.5fr repeat(3, 1fr);
  padding: 13px 18px;
  border-bottom: 1px solid var(--line);
  align-items: center;
  font: 11px "DM Mono";
}
.match-row:last-child {
  border: 0;
}
.match-row.head {
  font-size: 8px;
  color: #69736c;
  background: #101512;
}
.match-row span:first-child {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.match-row small {
  font-size: 7px;
  color: #606963;
}
.circle-exit-cell {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.circle-exit-cell b {
  color: #d7ff38;
}
.circle-timing-code {
  display: inline;
  white-space: nowrap;
  font: inherit !important;
  color: inherit !important;
}
.positive {
  color: #71eca2;
}
.score-list {
  padding: 0 18px 14px;
}
.score-list > div {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--line);
  padding: 10px 0;
}
.score-list span {
  font: 9px "DM Mono";
  text-transform: uppercase;
  color: #7b857e;
}
.score-list b {
  font: 11px "DM Mono";
}
.score-list .great {
  color: #66e899;
}
.score-list .mid {
  color: #ffbc5d;
}
.score-list .low {
  color: #ff715f;
}
.notes form {
  padding: 15px;
}
.notes textarea {
  width: 100%;
  height: 75px;
  resize: vertical;
  background: #090c0a;
  border: 1px solid #29302b;
  color: #e8eee9;
  padding: 10px;
  font-size: 11px;
}
.notes form button {
  width: 100%;
  margin-top: 7px;
  border: 0;
  background: var(--lime);
  color: #090b0a;
  padding: 9px;
  font: 9px "DM Mono";
  font-weight: 600;
}
.note {
  padding: 14px 18px;
  border-top: 1px solid var(--line);
}
.note p {
  font-size: 11px;
  line-height: 1.5;
  margin: 0 0 8px;
}
.note small {
  font: 7px "DM Mono";
  color: #626b65;
}
.missing-full {
  text-align: center;
  padding: 15vh 0;
}
.missing-full svg {
  color: #66716a;
}
.missing-full p {
  color: #89928c;
}
.missing-full code {
  color: var(--lime);
}
@media (max-width: 1100px) {
  .player-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .hero {
    display: block;
  }
  .hero-metrics {
    width: max-content;
    margin-top: 30px;
  }
  .profile-layout {
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
  }
  .profile-section-nav {
    position: static;
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .profile-section-nav button {
    border-right: 1px solid var(--line);
  }
  .profile-section-nav button.active {
    box-shadow: inset 0 -3px 0 var(--lime);
  }
  .profile-side {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .cache-pill {
    display: none;
  }
}
@media (max-width: 700px) {
  .profile-section-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .app-shell {
    display: block;
  }
  .rail {
    display: none;
  }
  main {
    grid-column: 1;
    padding: 0 18px 40px;
  }
  header {
    height: 75px;
  }
  .header-actions .refresh {
    font-size: 0;
    padding: 0 12px;
  }
  .hero {
    padding-top: 40px;
  }
  .hero h2 {
    font-size: 42px;
  }
  .hero-metrics {
    width: 100%;
    overflow: auto;
  }
  .stat {
    min-width: 110px;
    padding: 15px;
  }
  .player-grid {
    grid-template-columns: 1fr;
  }
  .method {
    display: block;
  }
  .method > span {
    display: block;
    margin-top: 15px;
  }
  .section-title p {
    display: none;
  }
  .profile-hero {
    grid-template-columns: 80px 1fr;
    padding: 22px 0;
  }
  .big-avatar {
    width: 72px;
    height: 72px;
    font-size: 22px;
  }
  .profile-hero h2 {
    font-size: 33px;
  }
  .score-ring {
    display: none;
  }
  .stat-strip {
    grid-template-columns: repeat(2, 1fr);
  }
  .signal-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .profile-side {
    display: flex;
  }
  .insights article {
    grid-template-columns: 25px 1fr;
  }
  .insights article > b {
    grid-column: 2;
  }
  .match-table {
    overflow: auto;
  }
  .match-row {
    min-width: 1050px;
  }
  .compare-table {
    overflow: auto;
  }
  .compare-head,
  .compare-row {
    min-width: 680px;
  }
}
.rail .logo {
  width: 100%;
  height: 70px;
  border: 0;
  cursor: pointer;
}
.page-intro {
  padding: 55px 0 35px;
  border-bottom: 1px solid var(--line);
}
.page-intro h2 {
  font-size: clamp(38px, 5vw, 68px);
  letter-spacing: -0.055em;
  margin: 10px 0;
}
.page-intro p {
  color: #818b84;
  max-width: 720px;
  font-size: 12px;
  line-height: 1.7;
}
.page-intro p b {
  color: var(--lime);
  font: 10px "DM Mono";
}
.season-tabs {
  display: flex;
  gap: 7px;
  padding: 20px 0;
  overflow: auto;
}
.season-tabs button {
  white-space: nowrap;
  border: 1px solid #2b332d;
  background: #0e120f;
  color: #7c867f;
  padding: 12px 16px;
  font: 9px "DM Mono";
  letter-spacing: 0.08em;
  cursor: pointer;
}
.season-tabs button.active {
  background: var(--lime);
  color: #090b0a;
  border-color: var(--lime);
}
.season-tabs small {
  font-size: 7px;
  color: #087638;
}
.season-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}
.season-card {
  --accent: var(--lime);
  border: 1px solid var(--line);
  background: #0d110f;
  cursor: pointer;
  transition: 0.2s;
}
.season-card:hover {
  border-color: var(--accent);
  transform: translateY(-2px);
}
.season-name {
  display: flex;
  align-items: center;
  padding: 20px;
  gap: 13px;
  border-bottom: 1px solid var(--line);
}
.season-name > i {
  width: 8px;
  height: 38px;
  background: var(--accent);
}
.season-name h3 {
  font-size: 19px;
  margin: 0 0 3px;
}
.season-name span {
  font: 8px "DM Mono";
  color: #6c766f;
}
.season-name > b {
  margin-left: auto;
  font-size: 24px;
}
.season-name > b small {
  display: block;
  font: 7px "DM Mono";
  color: #69736c;
  text-align: right;
}
.season-kpis {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.season-kpis .stat {
  padding: 17px;
  min-width: 0;
  border-bottom: 1px solid var(--line);
}
.season-kpis .stat strong {
  font-size: 18px;
}
.mode-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.mode-split > div {
  padding: 17px 20px;
  border-right: 1px solid var(--line);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 6px;
}
.mode-split > div:last-child {
  border: 0;
}
.mode-split span {
  grid-column: 1/-1;
  font: 8px "DM Mono";
  color: var(--accent);
}
.mode-split b {
  font-size: 11px;
}
.mode-split small {
  font: 8px "DM Mono";
  color: #778179;
}
.season-card footer {
  border-top: 1px solid var(--line);
  padding: 13px 20px;
  display: flex;
  gap: 18px;
  color: #7a847d;
  font: 8px "DM Mono";
}
.season-card footer svg {
  width: 13px;
  margin-left: auto;
}
.squad-total {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  border: 1px solid var(--line);
  margin: 25px 0;
}
.squad-total > div {
  padding: 28px;
  border-right: 1px solid var(--line);
  background: linear-gradient(145deg, #121712, #0b0f0c);
}
.squad-total span {
  display: block;
  font: 8px "DM Mono";
  color: #727d75;
  letter-spacing: 0.1em;
}
.squad-total strong {
  font-size: 32px;
  display: block;
  margin-top: 9px;
  color: var(--lime);
}
.squad-total small {
  display: block;
  margin-top: 7px;
  font: 7px "DM Mono";
  color: #727d75;
}
.contrib {
  border: 1px solid var(--line);
}
.contrib article {
  --accent: var(--lime);
  display: grid;
  grid-template-columns: 40px 1.4fr repeat(3, 0.6fr);
  align-items: center;
  min-height: 95px;
  padding: 18px 22px;
  border-bottom: 1px solid var(--line);
  position: relative;
}
.contrib article:last-child {
  border: 0;
}
.contrib article > span {
  font: 9px "DM Mono";
  color: var(--accent);
}
.contrib h3 {
  margin: 0 0 5px;
  font-size: 17px;
}
.contrib p {
  margin: 0;
  color: #707a73;
  font-size: 10px;
}
.contrib article > div:not(:first-of-type) {
  display: flex;
  flex-direction: column;
}
.contrib article > div > b {
  font-size: 17px;
}
.contrib article > div > small {
  font: 7px "DM Mono";
  color: #69726c;
  margin-top: 4px;
}
.contrib article > i {
  position: absolute;
  height: 2px;
  background: #242b26;
  bottom: 0;
  left: 0;
  right: 0;
}
.contrib article > i b {
  display: block;
  height: 100%;
  background: var(--accent);
}
@media (max-width: 800px) {
  .season-grid {
    grid-template-columns: 1fr;
  }
  .squad-total {
    grid-template-columns: repeat(2, 1fr);
  }
  .contrib article {
    grid-template-columns: 25px 1fr repeat(2, 0.55fr);
  }
  .contrib article > div:nth-of-type(4) {
    display: none;
  }
  .season-kpis {
    grid-template-columns: repeat(2, 1fr);
  }
}
.profile-seasons > div {
  display: grid;
  grid-template-columns: 1.4fr repeat(4, 1fr);
  align-items: center;
  padding: 14px 18px;
  border-bottom: 1px solid var(--line);
}
.profile-seasons > div:last-child {
  border: 0;
}
.profile-seasons > div > span {
  font: 10px "DM Mono";
  color: var(--lime);
}
.profile-seasons > div > span small {
  font-size: 7px;
  color: #5be69a;
}
.profile-seasons b {
  font-size: 13px;
}
.profile-seasons b small {
  display: block;
  margin-top: 4px;
  font: 7px "DM Mono";
  color: #69736c;
}
@media (max-width: 700px) {
  .profile-seasons > div {
    grid-template-columns: 1fr repeat(2, 1fr);
  }
  .profile-seasons b:nth-last-child(-n + 2) {
    display: none;
  }
}
.mode-picker {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
}
.mode-picker > span {
  font: 8px "DM Mono";
  color: #737e76;
  letter-spacing: 0.1em;
}
.mode-picker select {
  appearance: none;
  border: 1px solid #354038;
  background: #111612;
  color: #e9efe9;
  padding: 10px 34px 10px 12px;
  font: 9px "DM Mono";
  text-transform: uppercase;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--lime) 50%),
    linear-gradient(135deg, var(--lime) 50%, transparent 50%);
  background-position:
    calc(100% - 14px) 14px,
    calc(100% - 9px) 14px;
  background-size: 5px 5px;
  background-repeat: no-repeat;
}
.mode-picker.compact {
  margin: 0;
}
.mode-picker.compact select {
  padding-block: 7px;
}
.advanced-stack {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.advanced-kpis {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.advanced-kpis .stat {
  padding: 17px 13px;
  min-width: 0;
  border-bottom: 1px solid var(--line);
}
.advanced-kpis .stat strong {
  font-size: 18px;
}
.micro-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.micro-metrics > div {
  padding: 17px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.micro-metrics > div:last-child {
  border: 0;
}
.micro-metrics span,
.micro-metrics small {
  font: 7px "DM Mono";
  color: #737e76;
}
.micro-metrics b {
  font: 13px "DM Mono";
}
.micro-metrics .up {
  color: #66e899;
}
.micro-metrics .down {
  color: #ff715f;
}
.map-row {
  display: grid;
  grid-template-columns: 1.5fr repeat(6, 0.7fr);
  min-height: 48px;
  align-items: center;
  padding: 0 18px;
  border-bottom: 1px solid var(--line);
  font: 10px "DM Mono";
}
.map-row:last-child {
  border: 0;
}
.map-row.head {
  min-height: 36px;
  background: #101512;
  color: #68736b;
  font-size: 7px;
}
.map-row > span:first-child {
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
}
.map-row > span:first-child i {
  position: absolute;
  height: 2px;
  background: var(--lime);
  bottom: 0;
  left: 0;
}
.sessions details {
  border-bottom: 1px solid var(--line);
}
.sessions details:last-child {
  border: 0;
}
.sessions summary {
  list-style: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: 1.7fr repeat(5, 0.55fr) 0.65fr;
  align-items: center;
  padding: 16px 18px;
  gap: 10px;
}
.sessions summary::-webkit-details-marker {
  display: none;
}
.sessions summary > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.sessions summary > div > b {
  font-size: 12px;
}
.sessions summary small {
  font: 7px "DM Mono";
  color: #6e7871;
}
.sessions summary > span {
  font: 13px "DM Mono";
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sessions summary > strong {
  font: 8px "DM Mono";
  padding: 7px;
  text-align: center;
  border: 1px solid;
}
.sessions .hot {
  color: #66e899;
}
.sessions .steady {
  color: #ffbc5d;
}
.sessions .rough {
  color: #ff715f;
}
.session-games {
  background: #090d0a;
  padding: 6px 18px;
}
.session-games > div {
  display: grid;
  grid-template-columns: 0.7fr 1.4fr 0.7fr repeat(5, 0.55fr);
  padding: 9px;
  border-bottom: 1px solid #1e2420;
  font: 8px "DM Mono";
  color: #89938c;
}
.session-games > div:last-child {
  border: 0;
}
.session-games b {
  color: #dfe6e1;
}
@media (max-width: 900px) {
  .advanced-kpis {
    grid-template-columns: repeat(3, 1fr);
  }
  .micro-metrics {
    grid-template-columns: repeat(2, 1fr);
  }
  .sessions summary {
    grid-template-columns: 1.5fr repeat(2, 0.5fr) 0.6fr;
  }
  .sessions summary > span:nth-of-type(n + 3) {
    display: none;
  }
}
@media (max-width: 600px) {
  .map-stats {
    overflow: auto;
  }
  .map-row {
    min-width: 650px;
  }
  .advanced-kpis {
    grid-template-columns: repeat(2, 1fr);
  }
  .sessions summary {
    grid-template-columns: 1.5fr 0.5fr 0.6fr;
  }
  .sessions summary > span:nth-of-type(n + 2) {
    display: none;
  }
  .session-games {
    overflow: auto;
  }
  .session-games > div {
    min-width: 550px;
  }
}
.server-source {
  font: 8px "DM Mono";
  letter-spacing: 0.1em;
  color: #6f7b73;
  border: 1px solid var(--line);
  padding: 10px 13px;
}
.season-intelligence {
  --accent: var(--lime);
  background:
    radial-gradient(
      circle at 0 0,
      color-mix(in srgb, var(--accent) 8%, transparent),
      transparent 35%
    ),
    #0d110f;
}
.intel-head {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  padding: 22px;
  border-bottom: 1px solid var(--line);
}
.intel-head h3 {
  font-size: 25px;
  margin: 6px 0;
}
.intel-head p {
  font-size: 10px;
  color: #7d8780;
  margin: 0;
  max-width: 570px;
}
.intel-selects {
  display: flex;
  gap: 8px;
}
.intel-selects label {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.intel-selects label > span {
  font: 7px "DM Mono";
  color: #6c776f;
}
.intel-selects select {
  border: 1px solid #343d37;
  background: #0a0e0b;
  color: #e5ebe7;
  padding: 9px 28px 9px 10px;
  font: 9px "DM Mono";
}
.intel-sample {
  display: grid;
  grid-template-columns: 0.7fr 0.7fr 0.8fr 1.4fr 0.9fr;
  border-bottom: 1px solid var(--line);
}
.intel-sample > div {
  padding: 17px 20px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.intel-sample > div:last-child {
  border: 0;
}
.intel-sample strong {
  font-size: 19px;
  color: var(--accent);
  text-transform: uppercase;
}
.intel-sample span {
  font: 7px "DM Mono";
  color: #707a73;
}
.intel-body {
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  border-bottom: 1px solid var(--line);
}
.season-scores {
  padding: 17px 20px;
  border-right: 1px solid var(--line);
}
.season-scores > div {
  margin-bottom: 11px;
}
.season-scores > div:last-child {
  margin: 0;
}
.season-scores label {
  display: flex;
  justify-content: space-between;
  font: 8px "DM Mono";
  text-transform: uppercase;
  color: #89938c;
  margin-bottom: 5px;
}
.season-scores label b {
  color: var(--accent);
}
.season-scores i {
  height: 3px;
  background: #222a24;
  display: block;
}
.season-scores i b {
  display: block;
  height: 100%;
  background: var(--accent);
}
.intel-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.intel-metrics .stat {
  padding: 16px;
  min-width: 0;
}
.intel-metrics .stat strong {
  font-size: 17px;
}
.medal-cabinet {
  padding: 16px 20px;
}
.cabinet-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font: 8px "DM Mono";
  color: #89938c;
  margin-bottom: 12px;
}
.cabinet-title svg {
  width: 14px;
  color: #ffd65a;
}
.medals {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.medals article {
  border: 1px solid #34352b;
  background: linear-gradient(135deg, #18170e, #0d110e);
  display: grid;
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  padding: 10px;
  gap: 9px;
}
.medals article > i {
  width: 31px;
  height: 31px;
  border: 1px solid #8d7426;
  color: #ffd65a;
  display: grid;
  place-items: center;
  font-style: normal;
}
.medals article > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.medals article b {
  font-size: 10px;
}
.medals article span {
  font: 7px "DM Mono";
  color: #8c948f;
}
.medals article em {
  font: 7px "DM Mono";
  color: #ffd65a;
  text-transform: uppercase;
}
.medal-cabinet > p {
  font-size: 10px;
  color: #717b74;
}
.intelligence-loading {
  padding: 25px;
  color: #7d8780;
  font: 9px "DM Mono";
}
@media (max-width: 800px) {
  .intel-head {
    display: block;
  }
  .intel-selects {
    margin-top: 18px;
  }
  .intel-sample {
    grid-template-columns: repeat(2, 1fr);
  }
  .intel-body {
    grid-template-columns: 1fr;
  }
  .season-scores {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .medals {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 500px) {
  .intel-selects {
    display: block;
  }
  .intel-selects label {
    margin-top: 8px;
  }
  .intel-selects select {
    width: 100%;
  }
  .intel-metrics {
    grid-template-columns: repeat(2, 1fr);
  }
}
.exposure-verdict {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  border-bottom: 1px solid var(--line);
}
.exposure-verdict > div {
  padding: 20px;
}
.exposure-verdict > div:first-child {
  border-right: 1px solid var(--line);
}
.exposure-verdict span,
.exposure-metrics span {
  font: 7px "DM Mono";
  color: #707b73;
  letter-spacing: 0.08em;
}
.exposure-verdict strong {
  display: block;
  font-size: 20px;
  color: #ffbc5d;
  text-transform: uppercase;
  margin: 7px 0;
}
.exposure-verdict p {
  font-size: 10px;
  color: #77817a;
  line-height: 1.5;
  margin: 0;
}
.exposure-gauge {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  align-content: center;
  gap: 10px;
}
.exposure-gauge-heading {
  grid-column: 1/-1;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.exposure-gauge-heading strong {
  font: 11px "DM Mono";
  color: #dce4de;
  margin: 0;
}
.exposure-gauge > i {
  grid-column: 1/-1;
  height: 8px;
  background: linear-gradient(
    90deg,
    #86d6a0 0 var(--player-open),
    #ff715f var(--player-open) 100%
  );
  display: block;
}
.exposure-gauge > span:first-of-type b {
  color: #86d6a0;
}
.exposure-gauge > span:last-of-type b {
  color: #ff715f;
}
.exposure-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-bottom: 1px solid var(--line);
}
.exposure-metrics > div {
  padding: 17px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.exposure-metrics > div:nth-child(3n) {
  border-right: 0;
}
.exposure-metrics > div:nth-last-child(-n + 3) {
  border-bottom: 0;
}
.exposure-metrics b {
  font: 18px "DM Mono";
}
.exposure-metrics small {
  font-size: 8px;
  line-height: 1.45;
  color: #717b74;
}
.exposure-method {
  padding: 16px 20px;
  background: #0a0e0b;
}
.exposure-method > b {
  font: 8px "DM Mono";
  color: #94a097;
}
.exposure-method p {
  font-size: 9px;
  color: #717b74;
  line-height: 1.6;
  margin: 7px 0 0;
}
.exposure-method p strong {
  color: #b9c2bc;
}
@media (max-width: 700px) {
  .exposure-verdict {
    grid-template-columns: 1fr;
  }
  .exposure-verdict > div:first-child {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .exposure-metrics {
    grid-template-columns: repeat(2, 1fr);
  }
  .exposure-metrics > div:nth-child(3n) {
    border-right: 1px solid var(--line);
  }
  .exposure-metrics > div:nth-child(2n) {
    border-right: 0;
  }
  .exposure-metrics > div:nth-last-child(-n + 3) {
    border-bottom: 1px solid var(--line);
  }
  .exposure-metrics > div:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
}
.tendency-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.tendency-grid article {
  padding: 20px;
  border-right: 1px solid var(--line);
  position: relative;
}
.tendency-grid article:last-child {
  border: 0;
}
.tendency-grid article.risk {
  background: linear-gradient(145deg, rgba(255, 113, 95, 0.06), transparent);
}
.tendency-icon {
  width: 34px;
  height: 34px;
  border: 1px solid #364039;
  display: grid;
  place-items: center;
  margin-bottom: 14px;
}
.tendency-icon svg {
  width: 15px;
  color: var(--lime);
}
.tendency-grid article > span {
  font: 7px "DM Mono";
  color: #747f77;
  letter-spacing: 0.1em;
}
.tendency-grid h4 {
  font-size: 14px;
  text-transform: uppercase;
  margin: 7px 0;
}
.tendency-grid article.risk h4 {
  color: #ff8a78;
}
.tendency-grid p {
  font-size: 9px;
  line-height: 1.55;
  color: #717b74;
  min-height: 42px;
}
.tendency-grid dl {
  margin: 15px 0 0;
  border-top: 1px solid var(--line);
}
.tendency-grid dl > div {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid var(--line);
}
.tendency-grid dt {
  font: 7px "DM Mono";
  color: #6f7972;
}
.tendency-grid dd {
  font: 10px "DM Mono";
  margin: 0;
  text-align: right;
}
.tendency-grid dd small {
  display: block;
  margin-top: 3px;
  color: #657068;
  font: 6px "DM Mono";
  white-space: nowrap;
}
.tendency-note {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 18px;
  border-top: 1px solid var(--line);
  background: #0a0e0b;
}
.tendency-note svg {
  width: 15px;
  color: var(--lime);
  flex: none;
}
.tendency-note p {
  font-size: 8px;
  line-height: 1.5;
  color: #717b74;
  margin: 0;
}
@media (max-width: 800px) {
  .tendency-grid {
    grid-template-columns: 1fr;
  }
  .tendency-grid article {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
}
.knock-summary {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid var(--line);
}
.knock-summary > div {
  padding: 17px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.knock-summary > div:last-child {
  border: 0;
}
.knock-summary span,
.knock-summary small {
  font: 7px "DM Mono";
  color: #717c74;
}
.knock-summary b {
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.knock-layout {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
}
.knock-layout > div:first-child {
  border-right: 1px solid var(--line);
}
.knock-subhead {
  height: 35px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
  font: 7px "DM Mono";
  color: #737e76;
  background: #101512;
}
.weapon-list > div {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 11px 16px;
  border-bottom: 1px solid var(--line);
}
.weapon-list span,
.weapon-list strong {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.weapon-list b {
  font-size: 10px;
}
.weapon-list small {
  font: 7px "DM Mono";
  color: #717b74;
}
.weapon-list strong {
  font: 14px "DM Mono";
  text-align: right;
}
.weapon-list > div > i {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #202721;
}
.weapon-list > div > i b {
  height: 100%;
  display: block;
  background: #ffbc5d;
}
.range-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.range-strip > div {
  padding: 12px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.range-strip b {
  font: 12px "DM Mono";
}
.range-strip span {
  font: 7px "DM Mono";
  color: #717b74;
}
.knock-log {
  max-height: 390px;
  overflow: auto;
}
.knock-log article {
  display: grid;
  grid-template-columns: 1.15fr 0.65fr 0.7fr 1fr;
  gap: 9px;
  align-items: center;
  padding: 10px 14px;
  border-bottom: 1px solid var(--line);
}
.knock-log article > div:not(.knock-tags) {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.knock-log article b {
  font-size: 9px;
}
.knock-log article span {
  font: 7px "DM Mono";
  color: #747e77;
}
.knock-tags {
  display: flex;
  gap: 3px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.knock-tags em {
  font: 6px "DM Mono";
  font-style: normal;
  color: #ffbc5d;
  border: 1px solid #66532b;
  padding: 3px;
}
.knock-caveat {
  padding: 13px 17px;
  border-top: 1px solid var(--line);
  background: #0a0e0b;
}
.knock-caveat b {
  font: 7px "DM Mono";
  color: #8d9890;
}
.knock-caveat p {
  font-size: 8px;
  line-height: 1.5;
  color: #6f7972;
  margin: 6px 0 0;
}
.knock-caveat code {
  color: #c3cdc6;
}
@media (max-width: 850px) {
  .knock-layout {
    grid-template-columns: 1fr;
  }
  .knock-layout > div:first-child {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
}
@media (max-width: 600px) {
  .knock-summary {
    grid-template-columns: repeat(2, 1fr);
  }
  .knock-log article {
    grid-template-columns: 1fr 1fr;
  }
  .knock-tags {
    justify-content: flex-start;
  }
}
.global-scope {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #3b463e;
  background: linear-gradient(90deg, #121913, #0c100e);
  padding: 13px 16px;
  margin-bottom: 15px;
  position: sticky;
  top: 0;
  z-index: 8;
}
.global-scope > div {
  margin-right: auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.global-scope > div span,
.global-scope label > span {
  font: 7px "DM Mono";
  color: var(--lime);
  letter-spacing: 0.1em;
}
.global-scope > div b {
  font-size: 11px;
}
.global-scope label {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.global-scope select {
  min-width: 170px;
  border: 1px solid #354038;
  background: #090d0a;
  color: #e9efea;
  padding: 9px;
  font: 9px "DM Mono";
}
.scope-lock {
  font: 8px "DM Mono";
  color: #7a857d;
}
.scope-unavailable {
  border: 1px solid #394139;
  background: #101511;
  padding: 20px;
  display: flex;
  gap: 14px;
  align-items: center;
}
.scope-unavailable svg {
  color: #ffbc5d;
}
.scope-unavailable b {
  font-size: 12px;
}
.scope-unavailable p {
  font-size: 9px;
  color: #737d76;
  margin: 5px 0 0;
}
.strategy-lab {
  padding-bottom: 40px;
}
.lab-scope {
  margin: 18px 0;
  top: 0;
}
.lab-summary {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  border: 1px solid var(--line);
  margin-bottom: 15px;
}
.lab-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.lab-grid article {
  border: 1px solid var(--line);
  background: linear-gradient(145deg, #121612, #0c100d);
  padding: 17px;
  min-height: 145px;
  position: relative;
}
.lab-grid article > span {
  font: 8px "DM Mono";
  color: var(--lime);
}
.lab-grid h3 {
  font-size: 12px;
  text-transform: uppercase;
  margin: 13px 0;
}
.lab-grid strong {
  font-size: 18px;
  color: #e5ebe7;
}
.lab-grid p {
  font-size: 9px;
  line-height: 1.5;
  color: #727c75;
  margin: 8px 0 0;
}
.chemistry-panel,
.coaching-board {
  margin-top: 15px;
}
.chem-row {
  display: grid;
  grid-template-columns: 1.4fr repeat(4, 1fr);
  padding: 13px 18px;
  border-bottom: 1px solid var(--line);
  font-size: 9px;
}
.chem-row span {
  font: 8px "DM Mono";
  color: #7a847d;
}
.coaching-board > div:not(.panel-title) {
  display: grid;
  grid-template-columns: 1fr repeat(3, 1fr);
  padding: 14px 18px;
  border-bottom: 1px solid var(--line);
  gap: 12px;
}
.coaching-board > div > b {
  font-size: 12px;
}
.coaching-board span {
  font-size: 9px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.coaching-board span strong {
  color: var(--lime);
}
.coaching-board small {
  font: 7px "DM Mono";
  color: #717b74;
}
@media (max-width: 900px) {
  .lab-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .chem-row {
    grid-template-columns: 1.2fr repeat(2, 1fr);
  }
  .chem-row span:nth-last-child(-n + 2) {
    display: none;
  }
}
@media (max-width: 650px) {
  .global-scope {
    position: static;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .global-scope > div {
    grid-column: 1/-1;
  }
  .global-scope select {
    min-width: 0;
    width: 100%;
  }
  .lab-summary {
    grid-template-columns: repeat(2, 1fr);
  }
  .lab-grid {
    grid-template-columns: 1fr;
  }
  .coaching-board > div:not(.panel-title) {
    grid-template-columns: 1fr;
  }
  .chem-row {
    grid-template-columns: 1fr 1fr;
  }
}
.page-tabs {
  height: 48px;
  display: flex;
  align-items: center;
  gap: 4px;
  border-bottom: 1px solid var(--line);
  overflow: auto;
}
.page-tabs button {
  height: 31px;
  white-space: nowrap;
  border: 0;
  background: transparent;
  color: #78827b;
  padding: 0 11px;
  display: flex;
  align-items: center;
  gap: 7px;
  font: 8px "DM Mono";
  letter-spacing: 0.08em;
  cursor: pointer;
}
.page-tabs button svg {
  width: 13px;
}
.page-tabs button:hover,
.page-tabs button.active {
  background: #171d18;
  color: var(--lime);
}
.page-tabs button > span {
  min-width: 16px;
  height: 16px;
  border-radius: 8px;
  background: var(--lime);
  color: #090b09;
  display: grid;
  place-items: center;
  font-size: 7px;
}
@media (max-width: 700px) {
  .page-tabs {
    margin-inline: -18px;
    padding-inline: 12px;
  }
}
.player-card.advanced-card {
  min-height: 590px;
  padding-bottom: 58px;
}
.card-role {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.card-role > b {
  font: 7px "DM Mono";
  color: #090c09;
  background: var(--accent);
  padding: 4px 6px;
  text-transform: uppercase;
}
.fingerprint {
  border-top: 1px solid var(--line);
  padding-top: 12px;
}
.fingerprint-head {
  display: flex;
  justify-content: space-between;
  font: 7px "DM Mono";
  color: #737e76;
  text-transform: uppercase;
}
.fingerprint-head b {
  color: var(--accent);
}
.fingerprint-bars {
  display: flex;
  gap: 8px;
  height: 58px;
  margin-top: 9px;
}
.fingerprint-bars > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.fingerprint-bars i {
  width: 100%;
  height: 43px;
  background: #222923;
  display: flex;
  align-items: flex-end;
}
.fingerprint-bars i b {
  display: block;
  width: 100%;
  background: var(--accent);
  opacity: 0.78;
}
.fingerprint-bars span {
  font: 7px "DM Mono";
  color: #6f7972;
}
.card-differentiators {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--line);
  margin-top: 12px;
}
.card-differentiators > div {
  padding: 10px 7px 8px 0;
  border-bottom: 1px solid var(--line);
  min-width: 0;
}
.card-differentiators > div:nth-child(odd) {
  border-right: 1px solid var(--line);
}
.card-differentiators > div:nth-child(even) {
  padding-left: 9px;
}
.card-differentiators > div > span {
  display: inline-flex;
  font: 6px "DM Mono";
  color: #69736c;
  margin-bottom: 5px;
}
.card-differentiators b {
  display: block;
  font: 8px "DM Mono";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
.card-advanced-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  margin-top: 10px;
}
.card-advanced-row > span {
  min-width: 0;
  min-height: 43px;
  text-align: center;
  border: 1px solid #303832;
  padding: 6px 3px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.card-advanced-row > span > small {
  font: 6px "DM Mono";
  color: #69736c;
  white-space: nowrap;
}
.card-advanced-row b {
  font: 9px "DM Mono";
  color: #dce4de;
  font-weight: 600;
  white-space: nowrap;
}
.card-advanced-row > .common-exit-stat {
  grid-column: 1 / -1;
  min-height: 48px;
  display: grid;
  grid-template-columns: minmax(70px, auto) 1fr;
  grid-template-rows: auto auto;
  column-gap: 12px;
  text-align: left;
  align-items: center;
  justify-items: start;
  padding: 7px 10px;
}
.card-advanced-row > .common-exit-stat > .metric-label {
  grid-row: 1 / 3;
}
.card-advanced-row > .common-exit-stat > b {
  font-size: 13px;
  color: var(--accent);
}
.card-advanced-row > .common-exit-stat > small {
  white-space: normal;
  line-height: 1.25;
}
.advanced-card:hover .fingerprint-bars i b {
  opacity: 1;
}
@media (max-width: 1250px) and (min-width: 1101px) {
  .player-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* Player-card typography: +4px over the original card scale for comfortable scanning. */
.player-card.advanced-card h3 {
  font-size: 29px;
}
.advanced-card .number {
  font-size: 13px;
}
.advanced-card .confidence {
  font-size: 12px;
}
.advanced-card .archetype {
  font-size: 13px;
}
.advanced-card .card-role > b {
  font-size: 11px;
}
.advanced-card .mini-stats span {
  font-size: 12px;
}
.advanced-card .mini-stats b {
  font-size: 22px;
}
.advanced-card .fingerprint-head {
  font-size: 11px;
}
.advanced-card .fingerprint-bars span {
  font-size: 11px;
}
.advanced-card .card-differentiators span {
  font-size: 10px;
}
.advanced-card .card-differentiators b {
  font-size: 12px;
}
.advanced-card .card-advanced-row small,
.advanced-card .card-advanced-row > .metric-label,
.advanced-card .card-advanced-row > span > .metric-label {
  font: 8px "DM Mono";
  color: #69736c;
  white-space: nowrap;
}
.advanced-card .card-advanced-row b {
  font-size: 12px;
}
.advanced-card > button {
  font-size: 13px;
}
.circle-intelligence {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(
      circle at 100% 0,
      rgba(215, 255, 56, 0.06),
      transparent 30%
    ),
    #0b100c;
}
.circle-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 18px;
  border-bottom: 1px solid var(--line);
}
.circle-title > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.circle-title svg {
  width: 14px;
  color: var(--lime);
}
.circle-title span,
.circle-title small {
  font: 7px "DM Mono";
  color: #7c877f;
  letter-spacing: 0.08em;
}
.circle-metrics {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.circle-metrics > div {
  padding: 15px 12px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.circle-metrics > div:last-child {
  border: 0;
}
.circle-metrics span,
.circle-metrics small {
  font: 7px "DM Mono";
  color: #707a73;
}
.circle-metrics b {
  font: 18px "DM Mono";
  color: var(--lime);
}
.circle-intelligence > p {
  padding: 10px 18px;
  margin: 0;
  border-top: 1px solid var(--line);
  font-size: 8px;
  line-height: 1.5;
  color: #6f7972;
}
.circle-intelligence > p b {
  color: #9aa49d;
}
.circle-intelligence code {
  color: #c0cac3;
}
.circle-unavailable {
  padding: 13px 18px;
  border-block: 1px solid var(--line);
  font: 8px "DM Mono";
  color: #6e7871;
}
@media (max-width: 900px) {
  .circle-metrics {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 520px) {
  .circle-metrics {
    grid-template-columns: repeat(2, 1fr);
  }
}
.scoreboard-intro {
  padding-bottom: 25px;
}
.scoreboard-scope {
  position: static;
}
.scoreboard-scope > div {
  min-width: 210px;
}
.scoreboard-scope select {
  min-width: 145px;
}
.scoreboard-totals {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  border: 1px solid var(--line);
  margin-bottom: 10px;
  background: #0b100d;
}
.scoreboard-totals > div {
  padding: 14px 17px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.scoreboard-totals > div:last-child {
  border: 0;
}
.scoreboard-totals span {
  font: 7px "DM Mono";
  color: #727c75;
  letter-spacing: 0.08em;
}
.scoreboard-totals b {
  font: 18px "DM Mono";
  color: var(--lime);
}
.scoreboard-wrap {
  border: 1px solid #303832;
  overflow: auto;
  max-height: 620px;
  background: #090d0a;
}
.advanced-scoreboard {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 2200px;
  width: 100%;
  font: 10px "DM Mono";
}
.advanced-scoreboard th,
.advanced-scoreboard td {
  height: 47px;
  padding: 0 12px;
  text-align: right;
  border-right: 1px solid #252c27;
  border-bottom: 1px solid #252c27;
  white-space: nowrap;
}
.advanced-scoreboard thead {
  position: sticky;
  top: 0;
  z-index: 5;
}
.advanced-scoreboard th {
  height: 38px;
  background: #121814;
  color: #7f8a82;
  font-size: 8px;
  letter-spacing: 0.06em;
}
.advanced-scoreboard .score-groups th {
  height: 28px;
  background: #1a211b;
  color: var(--lime);
  text-align: center;
  font-size: 7px;
  border-bottom: 1px solid #3a443c;
}
.advanced-scoreboard tbody tr {
  cursor: pointer;
  transition: 0.15s;
}
.advanced-scoreboard tbody tr:nth-child(even) {
  background: #0d120e;
}
.advanced-scoreboard tbody tr:hover {
  background: #192119;
}
.advanced-scoreboard td strong {
  font-size: 13px;
  color: #eaf0eb;
}
.advanced-scoreboard td strong.great {
  color: #70eca3;
}
.advanced-scoreboard td strong.mid {
  color: #ffbf66;
}
.advanced-scoreboard td strong.low {
  color: #ff7c69;
}
.advanced-scoreboard .rank-cell {
  text-align: center;
  position: sticky;
  left: 0;
  background: inherit;
  z-index: 2;
  width: 48px;
}
.advanced-scoreboard .rank-cell b {
  color: var(--lime);
}
.advanced-scoreboard .player-col {
  position: sticky;
  left: 48px;
  text-align: left;
  background: #101511;
  z-index: 2;
  min-width: 205px;
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.18);
}
.advanced-scoreboard th.player-col {
  z-index: 7;
}
.advanced-scoreboard td.player-col {
  display: flex;
  align-items: center;
  gap: 10px;
}
.advanced-scoreboard td.player-col > i {
  width: 5px;
  height: 27px;
}
.advanced-scoreboard td.player-col > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.advanced-scoreboard td.player-col b {
  font: 11px Inter;
}
.advanced-scoreboard td.player-col span {
  font-size: 7px;
  color: #748078;
  text-transform: uppercase;
}
.advanced-scoreboard .weapon-cell {
  color: #ffcf73;
}
.scoreboard-legend {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  padding: 13px 4px;
  font: 7px "DM Mono";
  color: #717b74;
}
.scoreboard-legend b {
  margin-left: auto;
  color: #9ca69f;
}
@media (max-width: 700px) {
  .scoreboard-totals {
    grid-template-columns: repeat(2, 1fr);
  }
  .scoreboard-totals > div:last-child {
    grid-column: 1/-1;
  }
  .scoreboard-scope > div {
    min-width: 0;
  }
}
.advanced-scoreboard thead tr:last-child th[title] {
  cursor: help;
  position: relative;
  text-decoration: underline dotted #566159;
  text-underline-offset: 4px;
}
.advanced-scoreboard thead tr:last-child th[title]::after {
  content: " ⓘ";
  color: #98a49b;
  font-size: 8px;
  text-decoration: none;
}
.advanced-scoreboard thead tr:last-child th[title]::before {
  content: attr(title);
  position: absolute;
  z-index: 30;
  top: calc(100% + 3px);
  right: 4px;
  width: 240px;
  padding: 9px 11px;
  border: 1px solid #49544c;
  background: #111713;
  color: #dce4de;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  font:
    10px/1.5 Inter,
    system-ui,
    sans-serif;
  letter-spacing: 0;
  text-align: left;
  white-space: normal;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(3px);
  transition: 0.14s;
}
.advanced-scoreboard thead tr:last-child th[title]:hover::before {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.session-breakout {
  margin-top: 35px;
  border-top: 1px solid var(--line);
  padding-top: 25px;
}
.session-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 25px;
  margin-bottom: 16px;
}
.session-head h3 {
  font-size: 25px;
  margin: 7px 0;
}
.session-head p {
  font-size: 10px;
  color: #737d76;
  margin: 0;
}
.session-head label {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.session-head label > span {
  font: 7px "DM Mono";
  color: var(--lime);
}
.session-head select {
  min-width: 250px;
  border: 1px solid #354038;
  background: #0a0e0b;
  color: #e9efe9;
  padding: 10px;
  font: 9px "DM Mono";
}
.session-total-strip {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  border: 1px solid var(--line);
  margin-bottom: 10px;
}
.session-total-strip > div {
  padding: 13px 17px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.session-total-strip span {
  font: 7px "DM Mono";
  color: #717b74;
}
.session-total-strip b {
  font: 17px "DM Mono";
  color: var(--lime);
}
.session-score-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.session-score-grid article {
  --accent: var(--lime);
  position: relative;
  border: 1px solid var(--line);
  background: #0d110f;
  cursor: pointer;
  overflow: hidden;
}
.session-score-grid article:hover {
  border-color: var(--accent);
}
.session-rank {
  position: absolute;
  right: 12px;
  top: 10px;
  font: 8px "DM Mono";
  color: #646e67;
}
.session-player {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px;
  border-bottom: 1px solid var(--line);
}
.session-player > i {
  width: 5px;
  height: 35px;
  background: var(--accent);
}
.session-player > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.session-player h4 {
  font-size: 15px;
  margin: 0;
}
.session-player span {
  font: 7px "DM Mono";
  color: #747e77;
}
.session-player > strong {
  margin-left: auto;
  margin-right: 30px;
  font: 8px "DM Mono";
  border: 1px solid;
  padding: 5px 7px;
}
.session-player .hot {
  color: #66e899;
}
.session-player .steady {
  color: #ffbc5d;
}
.session-player .rough {
  color: #ff715f;
}
.session-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.session-stat-grid .stat {
  min-width: 0;
  padding: 12px;
}
.session-stat-grid .stat strong {
  font-size: 16px;
}
@media (max-width: 750px) {
  .session-head {
    display: block;
  }
  .session-head label {
    margin-top: 16px;
  }
  .session-head select {
    width: 100%;
    min-width: 0;
  }
  .session-score-grid {
    grid-template-columns: 1fr;
  }
}

/* Dense secondary-page navigation and progressive disclosure */
.subnav {
  display: flex;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--line);
  background: #0c100e;
  padding: 5px;
  overflow: auto;
}
.subnav button,
.subnav a {
  height: 38px;
  border: 0;
  background: transparent;
  color: #7b867e;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  text-decoration: none;
  font: 8px "DM Mono";
  letter-spacing: 0.08em;
  cursor: pointer;
}
.subnav button:hover,
.subnav button.active,
.subnav a:hover {
  background: #1a211b;
  color: var(--lime);
}
.subnav svg {
  width: 14px;
}
.subnav span {
  min-width: 18px;
  padding: 3px 5px;
  background: #283128;
  color: #aeb8b0;
  text-align: center;
  font-size: 7px;
}
.subnav button.active span {
  background: var(--lime);
  color: #090c09;
}
.profile-subnav {
  position: sticky;
  top: 0;
  z-index: 7;
  margin-top: 14px;
  border-color: #39433c;
  background: rgba(12, 16, 14, 0.96);
  backdrop-filter: blur(12px);
}
.profile-subnav button {
  flex: 1;
  justify-content: center;
}
.profile-side {
  align-self: start;
  position: sticky;
  top: 54px;
}
.scoreboard-view-tabs {
  margin-bottom: 10px;
}
.scoreboard-view-tabs button {
  min-width: 170px;
  justify-content: center;
}
.lab-jump-nav {
  margin: 0 0 14px;
}
.lab-jump-nav a {
  flex: 1;
  justify-content: center;
}

/* Secondary pages favor useful information above decorative whitespace. */
.season-page .page-intro,
.squad-page .page-intro,
.scoreboard-page .page-intro,
.strategy-lab .page-intro {
  padding: 34px 0 24px;
}
.season-page .page-intro h2,
.squad-page .page-intro h2,
.scoreboard-page .page-intro h2,
.strategy-lab .page-intro h2 {
  font-size: clamp(34px, 4vw, 52px);
  margin: 7px 0;
}
.season-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.season-name,
.season-card footer {
  padding-inline: 16px;
}
.season-kpis .stat {
  padding: 14px 12px;
}
.mode-split > div {
  padding: 14px 16px;
}

/* The lab overview now scans in three compact rows; detail boards sit side by side. */
.lab-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.lab-grid article {
  min-height: 128px;
  padding: 14px;
}
.lab-grid h3 {
  margin: 9px 0;
  font-size: 10px;
}
.lab-grid strong {
  font-size: 15px;
}
.lab-detail-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 12px;
  margin-top: 15px;
  align-items: start;
}
.lab-detail-grid .chemistry-panel,
.lab-detail-grid .coaching-board {
  margin-top: 0;
}
.lab-detail-grid .chem-row {
  grid-template-columns: 1.25fr repeat(2, 1fr);
}
.lab-detail-grid .chem-row span:nth-last-child(-n + 2) {
  display: none;
}
.lab-detail-grid .coaching-board > div:not(.panel-title) {
  grid-template-columns: 1fr;
  gap: 8px;
}

/* Keep the home-page cards information-rich without making each card a full screen. */
.player-card.advanced-card {
  min-height: 555px;
  padding: 18px 18px 54px;
}
.advanced-card .card-top {
  height: 84px;
}
.advanced-card .avatar {
  width: 60px;
  height: 60px;
}
.advanced-card .mini-stats {
  margin: 16px 0;
}
.advanced-card .mini-stats div {
  padding: 10px 4px 10px 0;
}
.advanced-card .fingerprint-bars {
  height: 49px;
}
.advanced-card .fingerprint-bars i {
  height: 34px;
}
.advanced-card .card-differentiators > div {
  padding-top: 8px;
  padding-bottom: 7px;
}
.advanced-card .card-advanced-row {
  margin-top: 8px;
}
.advanced-card > button {
  left: 18px;
  right: 18px;
}

.session-breakout {
  margin-top: 0;
  border-top: 0;
  padding-top: 12px;
}
@media (max-width: 1250px) {
  .lab-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .season-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 950px) {
  .lab-detail-grid {
    grid-template-columns: 1fr;
  }
  .profile-side {
    position: static;
  }
  .profile-subnav button {
    flex: 0 0 auto;
  }
  .profile-subnav {
    top: 0;
  }
  .season-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 700px) {
  .lab-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .lab-jump-nav a {
    flex: 0 0 auto;
  }
  .scoreboard-view-tabs button {
    min-width: 0;
  }
  .profile-subnav {
    margin-inline: -18px;
    border-inline: 0;
  }
  .profile-subnav button {
    padding-inline: 11px;
  }
  .profile-subnav button span {
    display: none;
  }
}
@media (max-width: 480px) {
  .lab-grid {
    grid-template-columns: 1fr;
  }
}

/* Player detail readability: raise dense labels and explanatory copy by roughly 2px. */
.profile .global-scope > div span,
.profile .global-scope label > span {
  font-size: 9px;
}
.profile .global-scope > div b {
  font-size: 13px;
}
.profile .global-scope select {
  font-size: 11px;
}
.profile .global-scope select:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.profile .profile-scope label:last-child select {
  min-width: 275px;
}
@media (max-width: 650px) {
  .profile .profile-scope label:last-child select {
    min-width: 0;
  }
}
.profile-subnav button {
  font-size: 10px;
}
.profile-hero .section-kicker {
  font-size: 11px;
}
.profile-hero .role b {
  font-size: 12px;
}
.profile-hero .role span {
  font-size: 10px;
}
.profile-hero p {
  font-size: 14px;
  line-height: 1.55;
}
.profile .stat span,
.profile .stat small {
  font-size: 10px;
}
.profile .panel-title span {
  font-size: 11px;
}
.profile .panel-title small {
  font-size: 10px;
}
.profile .panel-title svg {
  width: 17px;
}
.profile .scope-lock,
.profile .intelligence-loading {
  font-size: 10px;
}
.profile .intel-head p {
  font-size: 12px;
  line-height: 1.55;
}
.profile .intel-sample span,
.profile .season-scores label {
  font-size: 10px;
}
.profile .cabinet-title,
.profile .medals article em {
  font-size: 10px;
}
.profile .medals article b {
  font-size: 12px;
}
.profile .medals article span,
.profile .medal-cabinet > p {
  font-size: 9px;
}
.session-scope-note {
  padding: 13px 18px;
  border-top: 1px solid var(--line);
  background: #0a0e0b;
  color: #77817a;
  font: 10px/1.55 "DM Mono";
}
.session-intelligence .intel-head h3 {
  text-transform: none;
}
.profile .circle-title span,
.profile .circle-title small,
.profile .circle-metrics span,
.profile .circle-metrics small {
  font-size: 9px;
}
.profile .circle-intelligence > p,
.profile .circle-unavailable {
  font-size: 10px;
}
.profile .exposure-verdict span,
.profile .exposure-metrics span,
.profile .tendency-grid article > span,
.profile .tendency-grid dt {
  font-size: 9px;
}
.profile .exposure-verdict p,
.profile .exposure-metrics small,
.profile .tendency-grid p,
.profile .tendency-note p,
.profile .exposure-method p {
  font-size: 11px;
}
.profile .exposure-method > b {
  font-size: 10px;
}
.profile .tendency-grid dd {
  font-size: 12px;
}
.profile .knock-summary span,
.profile .knock-summary small,
.profile .weapon-list small,
.profile .range-strip span,
.profile .knock-log article span,
.profile .knock-caveat b {
  font-size: 9px;
}
.profile .knock-subhead {
  font-size: 9px;
}
.profile .weapon-list b,
.profile .knock-log article b {
  font-size: 12px;
}
.profile .knock-caveat p {
  font-size: 10px;
}
.profile .advanced-kpis .stat strong {
  font-size: 20px;
}
.profile .micro-metrics span,
.profile .micro-metrics small,
.profile .map-row.head,
.profile .sessions summary small,
.profile .session-games > div {
  font-size: 9px;
}
.profile .micro-metrics b {
  font-size: 15px;
}
.profile .map-row {
  font-size: 12px;
}
.profile .sessions summary > div > b {
  font-size: 14px;
}
.profile .sessions summary > span {
  font-size: 15px;
}
.profile .sessions summary > strong {
  font-size: 10px;
}
.profile .signal span {
  font-size: 10px;
}
.profile .signal strong {
  font-size: 15px;
}
.profile .signal p,
.profile .insights p {
  font-size: 12px;
}
.profile .insights h4 {
  font-size: 14px;
}
.profile .insights article > b {
  font-size: 11px;
}
.profile .match-row {
  font-size: 13px;
}
.profile .match-row.head {
  font-size: 10px;
}
.profile .match-row small {
  font-size: 9px;
}
.profile .score-list span {
  font-size: 11px;
}
.profile .score-list b {
  font-size: 13px;
}
.profile .notes textarea,
.profile .note p {
  font-size: 13px;
}
.profile .notes form button {
  font-size: 11px;
}
.profile .note small {
  font-size: 9px;
}

.improvement-plan {
  border-color: #4b5a32;
  background:
    radial-gradient(circle at 0 0, rgba(215, 255, 56, 0.09), transparent 30%),
    #0d110f;
}
.improvement-head {
  min-height: 78px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.improvement-title {
  display: flex;
  align-items: center;
  gap: 13px;
}
.improvement-title > svg {
  width: 28px;
  height: 28px;
  color: var(--lime);
}
.improvement-title h3 {
  margin: 5px 0 0;
  font-size: 24px;
  letter-spacing: -0.025em;
}
.improvement-scope {
  max-width: 360px;
  text-align: right;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.improvement-scope span,
.improvement-rank span,
.improvement-rank b,
.improvement-action b,
.improvement-grid footer span {
  font: 8px "DM Mono";
  letter-spacing: 0.09em;
}
.improvement-scope span,
.improvement-rank span,
.improvement-grid footer span {
  color: #747f77;
}
.improvement-scope b {
  color: var(--lime);
  font: 10px "DM Mono";
  text-transform: uppercase;
}
.improvement-intro {
  margin: 0;
  padding: 13px 20px;
  border-bottom: 1px solid var(--line);
  color: #8a958d;
  font-size: 11px;
  line-height: 1.55;
}
.improvement-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.improvement-grid article {
  padding: 19px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.improvement-grid article:last-child {
  border-right: 0;
}
.improvement-rank {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 9px;
}
.improvement-rank b {
  color: var(--lime);
  text-transform: uppercase;
}
.improvement-rank strong {
  font: 18px "DM Mono";
  color: var(--lime);
}
.improvement-grid h4 {
  margin: 16px 0 8px;
  font-size: 15px;
}
.improvement-grid article > p {
  min-height: 48px;
  margin: 0 0 15px;
  color: #7f8982;
  font-size: 10px;
  line-height: 1.55;
}
.improvement-action {
  padding: 12px;
  border: 1px solid #36422f;
  background: #111712;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: #b8c2ba;
  font-size: 10px;
  line-height: 1.5;
}
.improvement-action svg {
  width: 15px;
  flex: none;
  color: var(--lime);
}
.improvement-action span {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.improvement-action b {
  color: var(--lime);
}
.improvement-grid footer {
  margin-top: auto;
  padding-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.improvement-grid footer b {
  color: #dbe3dd;
  font-size: 10px;
  line-height: 1.45;
}
@media (max-width: 900px) {
  .improvement-grid {
    grid-template-columns: 1fr;
  }
  .improvement-grid article {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .improvement-grid article:last-child {
    border-bottom: 0;
  }
  .improvement-grid article > p {
    min-height: 0;
  }
}
@media (max-width: 600px) {
  .improvement-head {
    display: block;
  }
  .improvement-scope {
    margin-top: 14px;
    text-align: left;
  }
}

.coaching-intelligence {
  border-color: #425039;
  background: #0b100d;
}
.coaching-head,
.coaching-subhead,
.coaching-section-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.coaching-head {
  min-height: 58px;
  justify-content: space-between;
  padding: 0 19px;
  border-bottom: 1px solid var(--line);
}
.coaching-head > div {
  display: flex;
  align-items: center;
  gap: 9px;
}
.coaching-head svg,
.coaching-subhead svg,
.coaching-section-title svg {
  width: 17px;
  color: var(--lime);
  flex: none;
}
.coaching-head span,
.coaching-head small,
.coaching-subhead span,
.coaching-section-title span {
  font: 9px "DM Mono";
  color: #748078;
  letter-spacing: 0.08em;
}
.coaching-head span {
  color: #dce5de;
}
.coaching-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border-bottom: 1px solid var(--line);
}
.coaching-summary > div {
  min-width: 0;
  padding: 15px 13px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.coaching-summary > div:last-child {
  border-right: 0;
}
.coaching-summary span,
.coaching-summary small,
.utility-totals span,
.utility-row.head,
.recovery-total span,
.recovery-grid span {
  font: 8px "DM Mono";
  color: #748078;
}
.coaching-summary b {
  color: var(--lime);
  font: 17px "DM Mono";
}
.coaching-detail-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  border-bottom: 1px solid var(--line);
}
.utility-board {
  border-right: 1px solid var(--line);
}
.coaching-subhead {
  min-height: 52px;
  padding: 0 17px;
  border-bottom: 1px solid var(--line);
}
.coaching-subhead > div,
.coaching-section-title > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.coaching-subhead b,
.coaching-section-title b {
  font: 10px "DM Mono";
  letter-spacing: 0.08em;
}
.utility-totals {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-bottom: 1px solid var(--line);
}
.utility-totals > div {
  padding: 14px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.utility-totals > div:last-child {
  border-right: 0;
}
.utility-totals b,
.recovery-total b {
  color: var(--lime);
  font: 18px "DM Mono";
}
.utility-row {
  display: grid;
  grid-template-columns: 1.3fr repeat(3, 0.7fr);
  align-items: center;
  min-height: 39px;
  padding: 0 16px;
  border-bottom: 1px solid var(--line);
  font: 10px "DM Mono";
}
.utility-row:last-child {
  border-bottom: 0;
}
.utility-row span:not(:first-child) {
  text-align: right;
}
.recovery-total {
  padding: 17px;
  border-bottom: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.recovery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.recovery-grid > div {
  padding: 13px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.recovery-grid b {
  font: 14px "DM Mono";
}
.recovery-board > p {
  margin: 0;
  padding: 13px 16px;
  color: #727d75;
  font-size: 9px;
  line-height: 1.55;
}
.coaching-actions,
.coaching-evidence {
  border-bottom: 1px solid var(--line);
}
.coaching-section-title {
  min-height: 58px;
  padding: 0 18px;
  border-bottom: 1px solid var(--line);
}
.coaching-action-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.coaching-action-grid article {
  padding: 17px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.coaching-action-grid article:nth-child(even) {
  border-right: 0;
}
.coaching-action-grid article > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.coaching-action-grid article > div span {
  color: var(--lime);
  font: 9px "DM Mono";
}
.coaching-action-grid article > div svg {
  width: 17px;
  color: #8e9a91;
}
.coaching-action-grid h4 {
  margin: 12px 0 7px;
  font-size: 14px;
}
.coaching-action-grid p {
  margin: 0;
  color: #818b84;
  font-size: 11px;
  line-height: 1.55;
}
.coaching-action-grid footer {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
  color: var(--lime);
  font: 9px "DM Mono";
}
.coaching-evidence {
  border-bottom: 0;
}
@media (max-width: 950px) {
  .coaching-summary {
    grid-template-columns: repeat(3, 1fr);
  }
  .coaching-detail-grid {
    grid-template-columns: 1fr;
  }
  .utility-board {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
}
@media (max-width: 650px) {
  .coaching-summary,
  .coaching-action-grid {
    grid-template-columns: 1fr;
  }
  .coaching-summary > div,
  .coaching-action-grid article {
    border-right: 0;
  }
  .coaching-head {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding-block: 13px;
  }
  .utility-totals,
  .recovery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.teamwork-coach {
  border-color: #52613b;
  background:
    radial-gradient(
      circle at 100% 0,
      rgba(102, 232, 153, 0.08),
      transparent 28%
    ),
    #0c110e;
}
.teamwork-head {
  min-height: 92px;
  padding: 17px 20px;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}
.teamwork-head > div:first-child {
  display: flex;
  align-items: center;
  gap: 14px;
}
.teamwork-head > div:first-child > svg {
  width: 31px;
  height: 31px;
  color: var(--lime);
}
.teamwork-head h3 {
  margin: 6px 0 0;
  font-size: 25px;
  letter-spacing: -0.025em;
}
.teamwork-rating {
  min-width: 220px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 4px 14px;
  text-align: right;
}
.teamwork-rating span,
.teamwork-rating small,
.teamwork-verdicts > div > span,
.teamwork-pillars footer span {
  font: 8px "DM Mono";
  color: #77827a;
  letter-spacing: 0.08em;
}
.teamwork-rating b {
  grid-row: 1 / 3;
  grid-column: 2;
  color: var(--lime);
  font: 34px "DM Mono";
}
.teamwork-rating small {
  max-width: 250px;
  text-transform: uppercase;
}
.teamwork-intro {
  margin: 0;
  padding: 14px 20px;
  border-bottom: 1px solid var(--line);
  color: #89948c;
  font-size: 11px;
  line-height: 1.6;
}
.teamwork-verdicts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid var(--line);
}
.teamwork-verdicts > div {
  padding: 18px;
}
.teamwork-verdicts > div:first-child {
  border-right: 1px solid var(--line);
}
.teamwork-verdicts > div > span {
  display: block;
  margin-bottom: 10px;
  color: var(--lime);
}
.teamwork-verdicts article {
  display: grid;
  grid-template-columns: 25px 1fr;
  gap: 10px;
  padding: 11px 0;
  border-top: 1px solid var(--line);
}
.teamwork-verdicts article > svg {
  width: 17px;
  color: #66e899;
}
.teamwork-opportunities article > svg {
  color: #ffbc5d;
}
.teamwork-verdicts article b {
  font-size: 12px;
}
.teamwork-verdicts article p {
  margin: 4px 0;
  color: #818c84;
  font-size: 10px;
  line-height: 1.5;
}
.teamwork-verdicts article small {
  color: #a3ada5;
  font: 8px "DM Mono";
}
.teamwork-pillars {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.teamwork-pillars > article {
  min-width: 0;
  padding: 17px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  display: flex;
  flex-direction: column;
}
.teamwork-pillars > article:nth-child(3n) {
  border-right: 0;
}
.teamwork-pillar-head {
  display: grid;
  grid-template-columns: 21px 1fr auto;
  align-items: center;
  gap: 8px;
}
.teamwork-pillar-head svg {
  width: 16px;
  color: var(--lime);
}
.teamwork-pillar-label {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
.teamwork-pillar-label > span {
  font: 10px "DM Mono";
  text-transform: uppercase;
}
.teamwork-pillar-head b {
  color: var(--lime);
  font: 15px "DM Mono";
}
.teamwork-pillars article > i {
  height: 3px;
  margin: 12px 0;
  background: #242c26;
}
.teamwork-pillars article > i b {
  display: block;
  height: 100%;
  background: var(--lime);
}
.teamwork-pillars article > p {
  margin: 0 0 14px;
  color: #818b84;
  font-size: 10px;
  line-height: 1.55;
}
.teamwork-pillars footer {
  margin-top: auto;
  padding-top: 11px;
  border-top: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.teamwork-pillars footer b {
  color: #d8e0da;
  font-size: 10px;
  line-height: 1.45;
}
@media (max-width: 900px) {
  .teamwork-pillars {
    grid-template-columns: repeat(2, 1fr);
  }
  .teamwork-pillars > article:nth-child(3n) {
    border-right: 1px solid var(--line);
  }
  .teamwork-pillars > article:nth-child(2n) {
    border-right: 0;
  }
}
@media (max-width: 650px) {
  .teamwork-head,
  .teamwork-verdicts {
    display: block;
  }
  .teamwork-rating {
    margin-top: 16px;
    text-align: left;
  }
  .teamwork-verdicts > div:first-child {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .teamwork-pillars {
    grid-template-columns: 1fr;
  }
  .teamwork-pillars > article,
  .teamwork-pillars > article:nth-child(3n) {
    border-right: 0;
  }
}

.lobby-difficulty {
  --lobby-color: #66e899;
  border-color: color-mix(in srgb, var(--lobby-color), #303832 65%);
  background:
    radial-gradient(
      circle at 0 0,
      color-mix(in srgb, var(--lobby-color) 9%, transparent),
      transparent 32%
    ),
    #0c110e;
}
.lobby-difficulty.moderate {
  --lobby-color: #d7ff38;
}
.lobby-difficulty.hard {
  --lobby-color: #ffbc5d;
}
.lobby-difficulty.elite {
  --lobby-color: #ff715f;
}
.lobby-head {
  min-height: 54px;
  padding: 0 18px;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.lobby-head > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.lobby-head svg {
  width: 17px;
  color: var(--lobby-color);
}
.lobby-head > div > span {
  font: 10px "DM Mono";
  letter-spacing: 0.1em;
}
.lobby-head small {
  color: #748078;
  font: 9px "DM Mono";
  text-transform: uppercase;
}
.lobby-body {
  display: grid;
  grid-template-columns: 0.8fr 2fr;
}
.lobby-score {
  padding: 19px;
  border-right: 1px solid var(--line);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 7px 10px;
  align-items: end;
}
.lobby-score > span {
  grid-column: 1 / -1;
  color: #78837b;
  font: 8px "DM Mono";
}
.lobby-score > b {
  color: var(--lobby-color);
  font: 34px "DM Mono";
}
.lobby-score > strong {
  color: var(--lobby-color);
  font: 11px "DM Mono";
  text-transform: uppercase;
}
.lobby-score > i {
  grid-column: 1 / -1;
  height: 3px;
  background: #283029;
}
.lobby-score > i b {
  display: block;
  height: 100%;
  background: var(--lobby-color);
}
.lobby-metrics {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.lobby-metrics > div {
  padding: 17px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.lobby-metrics > div:last-child {
  border-right: 0;
}
.lobby-metrics span,
.lobby-metrics small {
  color: #748078;
  font: 8px "DM Mono";
}
.lobby-metrics b {
  font: 18px "DM Mono";
}
.lobby-metrics b svg {
  width: 14px;
  vertical-align: middle;
  color: var(--lobby-color);
}
.lobby-difficulty > p {
  margin: 0;
  padding: 11px 18px;
  border-top: 1px solid var(--line);
  color: #737e76;
  font-size: 9px;
  line-height: 1.5;
}
.lobby-score-pill {
  --lobby-color: #66e899;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: max-content;
  padding: 4px 6px;
  border: 1px solid color-mix(in srgb, var(--lobby-color), #303832 55%);
  color: var(--lobby-color);
  font: 9px "DM Mono";
}
.lobby-score-pill.moderate {
  --lobby-color: #d7ff38;
}
.lobby-score-pill.hard {
  --lobby-color: #ffbc5d;
}
.lobby-score-pill.elite {
  --lobby-color: #ff715f;
}
.lobby-score-pill small {
  color: inherit !important;
  font-size: 7px !important;
  text-transform: uppercase;
}
@media (max-width: 850px) {
  .lobby-body {
    grid-template-columns: 1fr;
  }
  .lobby-score {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .lobby-metrics {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Intelligence-section visualizations */
.body-hit-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--line);
}
.body-hit-toolbar > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.body-hit-toolbar b {
  font: 12px "DM Mono";
  color: var(--lime);
}
.body-hit-toolbar span {
  font: 8px "DM Mono";
  color: #758078;
}
.body-hit-toggle {
  display: flex;
  border: 1px solid #303832;
}
.body-hit-toggle button {
  border: 0;
  border-right: 1px solid #303832;
  background: #0b100d;
  color: #7d8880;
  padding: 8px 13px;
  font: 8px "DM Mono";
  cursor: pointer;
}
.body-hit-toggle button:last-child {
  border-right: 0;
}
.body-hit-toggle button.active {
  background: rgba(215, 255, 56, 0.12);
  color: var(--lime);
}
.body-hit-layout {
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) 1.4fr;
}
.body-map {
  min-height: 430px;
  border-right: 1px solid var(--line);
  padding: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.body-map svg {
  width: min(240px, 100%);
  height: 360px;
  overflow: visible;
}
.body-map .zone {
  fill: var(--accent, var(--lime));
  stroke: #b8c4bc;
  stroke-width: 1.5;
  transition: opacity 0.2s;
}
.body-map > span {
  margin-top: 8px;
  text-align: center;
  font: 7px/1.5 "DM Mono";
  color: #68736b;
}
.body-zone-list {
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}
.body-zone-list label {
  display: flex;
  justify-content: space-between;
  font: 10px "DM Mono";
  text-transform: uppercase;
}
.body-zone-list label span {
  color: var(--lime);
}
.body-zone-list > div > i {
  display: block;
  height: 5px;
  margin: 7px 0 5px;
  background: #202722;
}
.body-zone-list > div > i b {
  display: block;
  height: 100%;
  background: var(--accent, var(--lime));
}
.body-zone-list small {
  font: 8px "DM Mono";
  color: #727c75;
}
.body-hit-note,
.vehicle-intelligence > p {
  border-top: 1px solid var(--line);
  padding: 12px 18px;
}
.body-hit-note b {
  font: 8px "DM Mono";
  color: #a8b2aa;
  text-transform: uppercase;
}
.body-hit-note p,
.vehicle-intelligence > p {
  margin: 5px 0 0;
  font-size: 9px;
  line-height: 1.55;
  color: #77817a;
}
.vehicle-intel-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.vehicle-intel-grid > div {
  min-width: 0;
  padding: 18px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.vehicle-intel-grid > div:last-child {
  border-right: 0;
}
.vehicle-intel-grid b {
  font: 24px "DM Mono";
  color: var(--lime);
}
.vehicle-intel-grid small {
  font: 8px/1.5 "DM Mono";
  color: #737e76;
}
.profile-subnav.intelligence-nav {
  overflow-x: auto;
  justify-content: flex-start;
  scrollbar-width: thin;
}
.profile-subnav.intelligence-nav button {
  flex: 0 0 auto;
  min-width: 128px;
}
@media (max-width: 900px) {
  .body-hit-layout {
    grid-template-columns: 1fr;
  }
  .body-map {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .vehicle-intel-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .vehicle-intel-grid > div:nth-child(2) {
    border-right: 0;
  }
}
@media (max-width: 520px) {
  .body-hit-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .body-hit-toggle button {
    flex: 1;
  }
  .vehicle-intel-grid {
    grid-template-columns: 1fr;
  }
  .vehicle-intel-grid > div {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
}
.weapon-spotlights {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  border-bottom: 1px solid var(--line);
}
.weapon-spotlights > div {
  padding: 17px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
}
.weapon-spotlights > div:last-child {
  border-right: 0;
}
.weapon-spotlights span {
  font: 8px "DM Mono";
  color: #737e76;
}
.weapon-spotlights b {
  color: var(--lime);
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.weapon-spotlights small {
  font: 8px "DM Mono";
  color: #89938c;
}
.weapon-intel-table {
  overflow-x: auto;
}
.weapon-intel-row {
  min-width: 980px;
  display: grid;
  grid-template-columns: 1.6fr repeat(8, 0.75fr);
  border-bottom: 1px solid var(--line);
}
.weapon-intel-row > span {
  padding: 11px 12px;
  border-right: 1px solid var(--line);
  font: 9px "DM Mono";
  display: flex;
  align-items: center;
}
.weapon-intel-row > span:first-child {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.weapon-intel-row > span:last-child {
  border-right: 0;
}
.weapon-intel-row b {
  color: #d6ddd8;
  font-family: "DM Sans";
  font-size: 11px;
}
.weapon-intel-row small {
  color: #657068;
  font: 7px "DM Mono";
}
.weapon-intel-row.head {
  color: #6f7972;
  background: #0b100d;
}
.weapon-intel-row.head > span {
  font-size: 7px;
  flex-direction: row;
}
@media (max-width: 950px) {
  .weapon-spotlights {
    grid-template-columns: repeat(2, 1fr);
  }
  .weapon-spotlights > div {
    border-bottom: 1px solid var(--line);
  }
}
.circle-damage-intelligence {
  border-top: 1px solid var(--line);
}
.circle-damage-title {
  min-height: 48px;
  padding: 0 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--line);
}
.circle-damage-title > div {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--lime);
  font: 9px "DM Mono";
}
.circle-damage-title svg {
  width: 14px;
}
.circle-damage-title small {
  color: #707b73;
  font: 7px "DM Mono";
}
.circle-damage-table {
  overflow-x: auto;
}
.circle-damage-row {
  min-width: 860px;
  display: grid;
  grid-template-columns: 1.25fr repeat(7, 1fr);
  border-bottom: 1px solid var(--line);
}
.circle-damage-row:last-child {
  border-bottom: 0;
}
.circle-damage-row > span {
  min-width: 0;
  padding: 12px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  font: 10px "DM Mono";
  color: #b8c2ba;
}
.circle-damage-row > span:last-child {
  border-right: 0;
}
.circle-damage-row > span:first-child b {
  color: var(--lime);
  font-size: 14px;
}
.circle-damage-row small {
  color: #657068;
  font: 7px/1.45 "DM Mono";
}
.circle-damage-row.head {
  background: #0a0f0c;
}
.circle-damage-row.head > span {
  color: #6f7972;
  font-size: 7px;
}
.circle-damage-row .positive {
  color: #7edc9a;
}
.circle-damage-row .negative {
  color: #ff776d;
}

/* Per-card squad comparison */
.card-compare-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  border: 1px solid #39453e;
  background: #111713;
  color: #aeb9b1;
  padding: 7px 9px;
  font: 8px "DM Mono";
  letter-spacing: 0.08em;
  cursor: pointer;
}
.card-compare-button:hover {
  border-color: var(--acid);
  color: var(--acid);
  background: #151d17;
}
.card-compare-button svg {
  width: 12px;
  height: 12px;
}
.panel-title > small + .card-compare-button,
.lobby-head > small + .card-compare-button {
  margin-left: 10px;
}
.cabinet-title .card-compare-button {
  margin-left: auto;
}
.circle-title,
.intel-head,
.improvement-head,
.coaching-head,
.teamwork-head,
.lobby-head {
  position: relative;
}
.card-compare-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(2, 5, 3, 0.88);
  backdrop-filter: blur(8px);
}
.card-compare-modal {
  width: min(1180px, 96vw);
  max-height: 92vh;
  overflow: hidden;
  border: 1px solid #3c4841;
  background: #090d0a;
  box-shadow: 0 24px 90px rgba(0, 0, 0, 0.65);
}
.card-compare-modal > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 24px;
  border-bottom: 1px solid var(--line);
  background: #0d130f;
}
.card-compare-modal header span {
  color: var(--acid);
  font: 8px "DM Mono";
  letter-spacing: 0.12em;
}
.card-compare-modal header h2 {
  margin: 6px 0 4px;
  font-size: 24px;
  text-transform: uppercase;
}
.card-compare-modal header p {
  margin: 0;
  color: #7f8a82;
  font-size: 10px;
}
.card-compare-modal header button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #3d4841;
  background: transparent;
  color: #aeb8b1;
  padding: 9px 12px;
  font: 8px "DM Mono";
  cursor: pointer;
}
.card-compare-modal header button:hover {
  color: white;
  border-color: #78847b;
}
.card-compare-modal header button svg {
  width: 13px;
  height: 13px;
}
.card-compare-scroll {
  max-height: calc(92vh - 105px);
  overflow: auto;
}
.card-compare-modal table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  table-layout: fixed;
}
.card-compare-modal th,
.card-compare-modal td {
  padding: 15px 18px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  text-align: left;
}
.card-compare-modal th:first-child,
.card-compare-modal td:first-child {
  width: 22%;
  color: #7f8a82;
  font: 8px "DM Mono";
  letter-spacing: 0.06em;
  text-transform: uppercase;
  position: sticky;
  left: 0;
  background: #0b100d;
  z-index: 1;
}
.card-compare-modal th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #101612;
  color: #dce3de;
  font: 10px "DM Mono";
}
.card-compare-modal th:first-child {
  z-index: 3;
}
.card-compare-modal th:not(:first-child) {
  box-shadow: inset 0 2px var(--player-color);
}
.card-compare-modal th i {
  display: inline-grid;
  place-items: center;
  width: 27px;
  height: 27px;
  margin-right: 9px;
  border: 1px solid var(--player-color);
  color: var(--player-color);
  font-style: normal;
  font-size: 8px;
}
.card-compare-modal td:not(:first-child) {
  color: #e1e8e3;
  font: 15px "DM Mono";
}
.card-compare-modal tbody tr:hover td {
  background-color: #111713;
}
@media (max-width: 700px) {
  .card-compare-backdrop {
    padding: 0;
  }
  .card-compare-modal {
    width: 100vw;
    max-height: 100vh;
    height: 100vh;
  }
  .card-compare-scroll {
    max-height: calc(100vh - 105px);
  }
  .panel-title > small {
    display: none;
  }
  .card-compare-button {
    padding: 6px;
  }
  .card-compare-button svg {
    display: none;
  }
}

/* Native component comparison route */
.native-compare-page {
  padding: 22px;
}
.native-compare-header {
  display: flex;
  align-items: flex-start;
  gap: 22px;
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}
.native-compare-header > button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  border: 1px solid #3a463f;
  background: #0d120f;
  color: #aeb8b1;
  padding: 10px 12px;
  font: 8px "DM Mono";
  cursor: pointer;
}
.native-compare-header > button:hover {
  border-color: var(--acid);
  color: var(--acid);
}
.native-compare-header > button svg {
  width: 14px;
  height: 14px;
}
.native-compare-header span {
  color: var(--acid);
  font: 8px "DM Mono";
  letter-spacing: 0.12em;
}
.native-compare-header h2 {
  margin: 5px 0;
  font-size: 26px;
  text-transform: uppercase;
}
.native-compare-header p {
  margin: 0;
  color: #7d8880;
  font-size: 10px;
}
.native-compare-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}
.native-compare-cell {
  min-width: 0;
  border: 1px solid #2e3832;
  border-top: 2px solid var(--player-color);
  background: #080c09;
}
.native-compare-player {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
  background: #0d130f;
}
.native-compare-player > i {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid var(--player-color);
  color: var(--player-color);
  font: 8px "DM Mono";
  font-style: normal;
}
.native-compare-player b {
  display: block;
  font: 11px "DM Mono";
  color: #e0e7e2;
}
.native-compare-player span {
  display: block;
  margin-top: 3px;
  font: 7px "DM Mono";
  color: #6f7a72;
  text-transform: uppercase;
}
.native-compare-component {
  max-height: 720px;
  overflow: auto;
}
.native-compare-component > .panel,
.native-compare-component > .advanced-stack > .panel,
.native-compare-component > .advanced-stack > .lobby-difficulty {
  margin: 0;
  border: 0;
}
.native-compare-component .circle-metrics {
  grid-template-columns: repeat(3, minmax(125px, 1fr));
}
.native-compare-component .circle-damage-table,
.native-compare-component .match-table {
  min-width: 760px;
}
.native-compare-component .card-compare-button {
  display: none;
}
.native-compare-component .panel-title > small,
.native-compare-component .lobby-head > small {
  max-width: 42%;
  text-align: right;
}
@media (max-width: 1100px) {
  .native-compare-grid {
    grid-template-columns: 1fr;
  }
  .native-compare-component {
    max-height: none;
  }
}
@media (max-width: 700px) {
  .native-compare-page {
    padding: 12px;
  }
  .native-compare-header {
    display: block;
  }
  .native-compare-header > button {
    margin-bottom: 14px;
  }
  .native-compare-component .circle-metrics {
    grid-template-columns: repeat(2, minmax(125px, 1fr));
  }
}