.map { position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 0 0 1px var(--n-line), 0 40px 90px -40px rgba(0, 0, 0, .7); }
.map-svg { width: 100%; height: auto; }
.map-search {
  position: absolute; top: 16px; left: 16px; right: 16px; z-index: 2; display: flex; align-items: center; gap: 10px;
  padding: 11px 16px; border-radius: 999px; background: #fff; color: var(--ink); font-size: 15px; font-weight: 500;
  box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .6);
}
.map-search svg { width: 18px; flex: none; }
.grid circle { fill: #1f2c4b; stroke: #3c4f7c; stroke-width: 1.5; }
.grid text { fill: #cfd7e8; }
.grid .you circle { fill: var(--yellow); stroke: #fff; stroke-width: 3; }
.grid .you text { fill: var(--ink); font-size: 16px; }
.beam { transform-origin: 76px 318px; }
.plaque {
  position: absolute; left: 51%; top: 50.2%; z-index: 2; display: grid; justify-items: center;
  padding: 5px 14px 6px; border-radius: 5px; background: var(--plaque); color: #fff;
  font: 600 clamp(12px, 1.3vw, 15px)/1.05 var(--head); letter-spacing: .02em;
  box-shadow: inset 0 0 0 2px var(--plaque), inset 0 0 0 3.5px #fff, 0 0 0 2px #2f6b45;
}
.plaque small { font-size: .7em; font-weight: 500; opacity: .9; }
.map figcaption { padding: 12px 16px; background: var(--night-2); font-size: 13.5px; color: var(--n-muted); }


.rivals { max-width: calc(var(--max) + 2 * var(--gut)); margin: 0 auto; padding-block: clamp(80px, 10vw, 128px); }
.rivals-lead { margin-top: 18px; max-width: 56ch; color: var(--muted); }
.table-wrap { margin-top: 36px; overflow-x: auto; }
table { width: 100%; min-width: 600px; border-collapse: collapse; }
th, td { padding: 16px 14px; text-align: left; border-bottom: 1px solid var(--line); }
thead th { font: 600 15px/1.2 var(--body); color: var(--muted); border-bottom: 2px solid var(--ink); }
tbody th { font-weight: 600; }
td { font-variant-numeric: tabular-nums; }
tbody td:nth-child(2), tbody td:nth-child(3) { font: 700 1.35rem/1 var(--head); }
tr.me { background: #fff8e0; }
tr.me small { margin-left: 8px; padding: 2px 8px; border-radius: 4px; background: var(--ink); color: #fff; font-size: 12px; font-weight: 600; }
.rivals .small { margin-top: 12px; }