.data-frost-page .ranking-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--ctl-border) 70%, transparent);
  background:
    linear-gradient(90deg, rgba(2, 8, 20, .98) 0 48%, rgba(6, 22, 42, .78)),
    url("../../images/patterns/frost-cartography.10770b7800ad.svg") center/cover;
}
.data-frost-page .ranking-hero::before {
  content: "";
  position: absolute;
  inset: -35% -5% auto auto;
  z-index: -1;
  width: min(46vw, 660px);
  aspect-ratio: 1;
  opacity: .12;
  background: url("../../images/patterns/dong-son-sun.cef9fbd3a687.svg") center/contain no-repeat;
}
.data-frost-page .ranking-toolbar,
.data-frost-page .command-summary,
.data-frost-page .command-toolbar {
  border-color: color-mix(in srgb, var(--ctl-border) 72%, transparent);
  background: linear-gradient(145deg, rgba(13, 29, 49, .9), rgba(3, 11, 24, .94));
  box-shadow: 0 20px 56px rgba(0, 0, 0, .2);
}
.data-frost-page .ranking-table-wrap {
  overflow: auto;
  border: 1px solid color-mix(in srgb, var(--ctl-border) 72%, transparent);
  background: rgba(3, 11, 24, .9);
  scrollbar-color: var(--ctl-border) var(--ctl-abyss);
}
.data-frost-page .ranking-table { min-width: 1100px; font-variant-numeric: tabular-nums; }
.data-frost-page .current-roster-table { min-width: 640px; }
.data-frost-page .current-roster-table .player-cell { width: 52%; }
.data-frost-page .ranking-table thead { position: sticky; top: 0; z-index: 2; }
.data-frost-page .ranking-table th {
  color: var(--ctl-ice);
  border-color: var(--ctl-border);
  background: linear-gradient(180deg, #102945, #0b1d32);
}
.data-frost-page .ranking-table td { border-color: rgba(36, 68, 95, .42); }
.data-frost-page .ranking-table tbody tr { transition: background var(--motion-fast) ease, box-shadow var(--motion-fast) ease; }
.data-frost-page .ranking-table tbody tr:hover,
.data-frost-page .ranking-table tbody tr:focus-within { background: rgba(40, 119, 255, .08); }
.data-frost-page .ranking-table tbody tr:nth-child(-n + 3) {
  box-shadow: inset 3px 0 color-mix(in srgb, var(--ctl-bronze-bright) 74%, transparent);
}
.data-frost-page .rank-number { color: var(--ctl-bronze-bright); }
.data-frost-page .player-cell a { color: var(--ctl-ivory); }
.data-frost-page .player-cell a:hover,
.data-frost-page .player-cell a:focus-visible { color: var(--ctl-frost); }
.data-frost-page .ranking-filters a,
.data-frost-page .ranking-search button {
  border-color: rgba(115, 204, 255, .2);
}
.data-frost-page .ranking-filters a.active,
.data-frost-page .ranking-search button {
  color: var(--ctl-void);
  border-color: var(--ctl-frost);
  background: linear-gradient(135deg, var(--ctl-ice), var(--ctl-frost));
}
.officer-view-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
  padding: 10px;
  border: 1px solid rgba(36, 68, 95, .65);
  background: rgba(3, 11, 24, .8);
}
.officer-view-tabs button {
  min-height: 38px;
  padding: 0 16px;
  color: var(--ctl-muted);
  border: 1px solid transparent;
  background: transparent;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
}
.officer-view-tabs button[aria-selected="true"] {
  color: var(--ctl-ice);
  border-color: rgba(115, 204, 255, .45);
  background: rgba(20, 84, 200, .16);
}
.officers-command-grid { gap: 12px; }
.officer-command-card {
  border-color: rgba(36, 68, 95, .72);
  background: linear-gradient(145deg, rgba(13, 29, 49, .92), rgba(3, 11, 24, .96));
  transition: border-color var(--motion-normal) ease, box-shadow var(--motion-normal) ease;
}
.officer-command-card:hover,
.officer-command-card:focus-within { border-color: rgba(115, 204, 255, .52); box-shadow: 0 18px 50px rgba(0, 0, 0, .24); }
.officer-command-card.is-missing { border-color: color-mix(in srgb, var(--ctl-lacquer-bright) 72%, transparent); }
.officer-command-card.has-alert:not(.is-missing) { border-color: color-mix(in srgb, var(--ctl-bronze) 65%, transparent); }
.officer-command-card[hidden] { display: none; }
.command-status { color: var(--ctl-success); border-color: color-mix(in srgb, var(--ctl-jade) 72%, transparent); }
.is-missing .command-status { color: #ffaaaa; border-color: var(--ctl-lacquer-bright); }
.officer-alerts { color: var(--ctl-warning); border-color: color-mix(in srgb, var(--ctl-bronze) 55%, transparent); background: rgba(197, 155, 75, .08); }
.officer-clear { color: var(--ctl-success); border-color: color-mix(in srgb, var(--ctl-jade) 54%, transparent); background: rgba(45, 121, 95, .09); }

@media (max-width: 760px) {
  .data-frost-page .ranking-hero { padding-inline: 22px; }
  .data-frost-page .ranking-toolbar,
  .data-frost-page .command-toolbar { align-items: stretch; }
  .data-frost-page .ranking-search { width: 100%; }
  .data-frost-page .ranking-search input { min-width: 0; flex: 1; }
  .officer-view-tabs { position: sticky; top: 64px; z-index: 9; overflow-x: auto; flex-wrap: nowrap; }
  .officer-view-tabs button { white-space: nowrap; }
}

@media (prefers-reduced-motion: reduce) {
  .data-frost-page .ranking-table tbody tr,
  .officer-command-card { transition: none; }
}