/* Classic High Point Man card (V5.1) for the homepage. Scoped under .hpmc so
   it carries its own tokens without loading the full v51 stylesheet. */
.hpmc {
  --bg-2: #111111; --line: rgba(255, 215, 128, 0.14); --line-strong: rgba(255, 215, 128, 0.32);
  --gold: #d9b25a; --gold-hi: #ffe08a; --gold-dim: #8f7534;
  --ink: #f4f2ec; --ink-2: #d8d4c6; --ink-3: #a19d8f; --radius: 14px; --radius-lg: 22px;
  max-width: 1180px; margin: 28px auto 8px; padding: 0 24px; color: var(--ink);
  width: 100%; min-width: 0; box-sizing: border-box; overflow: hidden;
}
.hpmc *, .hpmc *::before, .hpmc *::after { box-sizing: border-box; }
.hpmc .hpm, .hpmc .hpm-board, .hpmc .hpm-prev { max-width: 100%; min-width: 0; }
.hpmc .hpm > div { min-width: 0; }
.hpmc .hpmc-head { margin-bottom: 16px; }
.hpmc .hpmc-eyebrow { font-family: 'JetBrains Mono', monospace; font-size: 10.5px; letter-spacing: .26em; text-transform: uppercase; color: var(--gold); }
.hpmc .hpmc-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(40px, 5vw, 64px); line-height: .95; letter-spacing: .01em; margin-top: 6px; }
.hpmc .mini-lab { font-family: 'JetBrains Mono', monospace; font-size: 9.5px; letter-spacing: .24em; text-transform: uppercase; color: var(--gold); }
.hpmc .hpmc-ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.hpmc .hpmc-cta { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; text-decoration: none; padding: 10px 14px; border-radius: 3px; }
.hpmc .hpmc-cta-primary { background: #d9b25a; color: #0a0806; }
.hpmc .hpmc-cta-secondary { color: #f4f2ec; border: 1px solid rgba(217,178,90,0.45); }
.hpmc .hpm {
  position: relative;
  border: 1px solid var(--line);
  border-left: 4px solid var(--gold);
  border-radius: var(--radius-lg);
  background: linear-gradient(100deg, color-mix(in srgb, var(--fc, var(--gold)) 12%, var(--bg-2)), var(--bg-2) 60%);
  padding: 26px 28px;
  display: grid;
  grid-template-columns: 130px 1fr auto;
  gap: 26px;
  align-items: center;
}
.hpmc .hpm .crest-lg { width: 130px; height: 130px; filter: drop-shadow(0 0 34px color-mix(in srgb, var(--fc, #d9b25a) 40%, transparent)); }
.hpmc .hpm .crest-lg svg { width: 100%; height: 100%; }
.hpmc .hpm .lab { font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .26em; text-transform: uppercase; color: var(--gold); }
.hpmc .hpm .team { font-family: 'Bebas Neue', sans-serif; font-size: clamp(28px, 3.4vw, 46px); letter-spacing: .02em; line-height: 1; margin-top: 6px; }
.hpmc .hpm .owner { font-family: 'JetBrains Mono', monospace; font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--ink-3); margin-top: 6px; }
.hpmc .hpm .score { font-family: 'Bebas Neue', sans-serif; font-size: clamp(56px, 7vw, 96px); line-height: 0.9; color: var(--gold-hi); margin-top: 8px; }
.hpmc .hpm .prize { text-align: center; }
.hpmc .hpm .prize .amt {
  font-family: 'Bebas Neue', sans-serif; font-size: 78px; line-height: 0.9;
  color: transparent; -webkit-text-stroke: 2px var(--gold);
}
.hpmc .hpm .prize .cap { font-family: 'JetBrains Mono', monospace; font-size: 9px; letter-spacing: .26em; text-transform: uppercase; color: var(--gold); }
.hpmc .hpm-prev { display: flex; gap: 10px; overflow-x: auto; padding: 4px 0 2px; margin-top: 16px; }
.hpmc .hpm-prev .p {
  flex: 0 0 auto; display: flex; align-items: center; gap: 8px;
  border: 1px solid var(--line); border-radius: 999px; padding: 6px 12px 6px 8px;
  background: var(--bg-2);
}
.hpmc .hpm-prev .p .c { width: 22px; height: 22px; }
.hpmc .hpm-prev .p .c svg { width: 100%; height: 100%; }
.hpmc .hpm-prev .p .wk { font-family: 'JetBrains Mono', monospace; font-size: 9px; letter-spacing: .18em; color: var(--ink-3); }
.hpmc .hpm-prev .p .sc { font-family: 'Bebas Neue', sans-serif; font-size: 17px; color: var(--gold-hi); }
.hpmc .hpm-board { margin-top: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg-2); overflow: hidden; }
.hpmc .hpm-board .row {
  display: grid; grid-template-columns: 26px 1fr 90px 54px;
  gap: 10px; align-items: center; padding: 8px 14px;
  border-bottom: 1px solid var(--line);
}
.hpmc .hpm-board .row:last-child { border-bottom: 0; }
.hpmc .hpm-board .row .c { width: 22px; height: 22px; }
.hpmc .hpm-board .row .c svg { width: 100%; height: 100%; }
.hpmc .hpm-board .row .tn { font-family: 'Bebas Neue', sans-serif; font-size: 15.5px; letter-spacing: .03em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hpmc .hpm-board .row .bar { height: 6px; border-radius: 4px; background: rgba(255,215,128,0.1); overflow: hidden; }
.hpmc .hpm-board .row .bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--gold-dim), var(--gold-hi)); }
.hpmc .hpm-board .row .w { font-family: 'JetBrains Mono', monospace; font-size: 10.5px; color: var(--ink-3); text-align: right; }
.hpmc .hpm-board .row.has .w { color: var(--gold-hi); }
@media (max-width: 860px) {
  .hpmc .hpm { grid-template-columns: 1fr; text-align: left; }
  .hpmc .hpm .crest-lg { width: 92px; height: 92px; }
  .hpmc .hpm .prize { text-align: left; }
}
@media (max-width: 640px) {
  .hpmc { padding: 0 16px; }
  .hpmc .hpm { padding: 20px; }
  .hpmc .hpm .score { font-size: 62px; }
  .hpmc .hpm .prize .amt { font-size: 58px; }
}
@media (max-width: 520px) { .hpmc .hpm-board .row .mini-lab { letter-spacing: .12em; font-size: 9px; white-space: nowrap; } .hpmc .hpm-board .row { grid-template-columns: 24px 1fr 70px 44px; } }