/* PvP meta board, version 6. */
.meta-hub-wrapper {
    --mh-night: #07101f;
    --mh-panel: #101a2d;
    --mh-raised: #17243a;
    --mh-gold: #ffbc05;
    --mh-cyan: #4cc9f0;
    --mh-coral: #ff6b6b;
    --mh-mint: #63d6a0;
    --mh-text: #f5f7fb;
    --mh-muted: #9cabc0;
    --mh-line: rgba(148, 163, 184, 0.17);
    --mh-soft-line: rgba(148, 163, 184, 0.09);
    width: 100%;
    color: var(--mh-text);
    font-family: "Noto Sans KR", "Segoe UI", "Malgun Gothic", sans-serif;
    font-variant-numeric: tabular-nums;
}

.meta-hub-wrapper *,
.meta-hub-wrapper *::before,
.meta-hub-wrapper *::after {
    box-sizing: border-box;
}

.meta-hub-wrapper a {
    color: inherit;
}

.meta-hub-wrapper .meta-command-workspace {
    margin-bottom: 10px;
    border-color: var(--mh-line);
    border-radius: 8px;
    background: #0a1321;
    box-shadow: none;
}

.meta-hub-wrapper .meta-command-workspace-head {
    display: none;
}

.meta-hub-wrapper .meta-command-nav-link {
    min-height: 52px;
    padding-block: 7px;
}

.meta-hub-wrapper .meta-trust-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: -1px 0 10px;
    border-color: var(--mh-line);
    border-radius: 0 0 8px 8px;
    background: #0a1321;
}

.meta-hub-wrapper .meta-trust-node:nth-child(n + 3) {
    display: none;
}

.meta-hub-wrapper .meta-trust-node {
    padding-block: 5px;
}

.meta-hub-wrapper .meta-trust-note {
    display: none;
}

.mh-briefing {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px 28px;
    padding: 16px 20px 0;
    border: 1px solid var(--mh-line);
    border-radius: 10px 10px 0 0;
    background:
        linear-gradient(90deg, rgba(255, 188, 5, 0.055), transparent 34%),
        var(--mh-panel);
}

.mh-briefing-copy {
    min-width: 0;
}

.mh-overline,
.mh-section-kicker,
.mh-family {
    color: var(--mh-cyan);
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.mh-briefing h1 {
    margin: 5px 0 0;
    color: var(--mh-text);
    font-size: clamp(1.85rem, 3.6vw, 2.35rem);
    font-weight: 900;
    letter-spacing: -0.055em;
    line-height: 1.08;
}

.mh-briefing-copy > p {
    max-width: 720px;
    margin: 6px 0 0;
    color: var(--mh-muted);
    font-size: 13px;
    line-height: 1.65;
    word-break: keep-all;
}

.mh-server-switch {
    align-self: start;
    display: inline-flex;
    padding: 3px;
    border: 1px solid var(--mh-line);
    border-radius: 7px;
    background: #07101f;
}

.mh-briefing-actions {
    align-self: start;
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.mh-share-button {
    min-height: 38px;
    white-space: nowrap;
}

.mh-server-switch a {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    border-radius: 5px;
    color: var(--mh-muted);
    font-size: 10px;
    font-weight: 800;
    text-decoration: none;
}

.mh-server-switch a:hover,
.mh-server-switch a:focus-visible {
    color: var(--mh-text);
}

.mh-server-switch a.is-active {
    background: var(--mh-gold);
    color: #17120a;
}

.mh-briefing-facts {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 3px -20px 0;
    border-top: 1px solid var(--mh-line);
    background: rgba(7, 16, 31, 0.44);
}

.mh-briefing-facts > span {
    min-width: 0;
    padding: 8px 14px;
    border-left: 1px solid var(--mh-soft-line);
}

.mh-briefing-facts > span:first-child {
    border-left: 0;
}

.mh-briefing-facts small,
.mh-briefing-facts strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-briefing-facts small {
    margin-bottom: 2px;
    color: #74849b;
    font-size: 9px;
    font-weight: 700;
}

.mh-briefing-facts strong {
    color: #e8eef7;
    font-size: 12px;
    font-weight: 900;
}

.mh-intelligence {
    min-width: 0;
}

.mh-movers,
.mh-mode-workspace {
    margin-bottom: 22px;
}

.mh-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 12px;
}

.mh-section-heading h2 {
    margin: 3px 0 0;
    color: var(--mh-text);
    font-size: 19px;
    font-weight: 900;
    letter-spacing: -0.035em;
}

.mh-section-heading > p {
    max-width: 480px;
    margin: 0;
    color: var(--mh-muted);
    font-size: 10px;
    line-height: 1.5;
    text-align: right;
}

.mh-mover-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid var(--mh-line);
    border-radius: 9px;
    background: var(--mh-panel);
    overflow: hidden;
}

.mh-mover-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 16px;
    border-left: 1px solid var(--mh-line);
    color: inherit;
    text-decoration: none;
    transition: background 150ms ease;
}

.mh-mover-card:first-child {
    border-left: 0;
}

.mh-mover-card:hover,
.mh-mover-card:focus-visible {
    background: var(--mh-raised);
}

.mh-mover-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: var(--mh-muted);
    font-size: 9px;
    font-weight: 800;
}

.mh-status-badge {
    display: inline-flex;
    min-height: 21px;
    align-items: center;
    padding: 0 7px;
    border: 1px solid rgba(76, 201, 240, 0.3);
    border-radius: 4px;
    background: rgba(76, 201, 240, 0.08);
    color: var(--mh-cyan);
    font-size: 9px;
    font-weight: 900;
}

.mh-mover-card.is-mixed .mh-status-badge {
    border-color: rgba(255, 188, 5, 0.36);
    background: rgba(255, 188, 5, 0.08);
    color: var(--mh-gold);
}

.mh-mover-card.is-down .mh-status-badge {
    border-color: rgba(255, 107, 107, 0.34);
    background: rgba(255, 107, 107, 0.08);
    color: var(--mh-coral);
}

.mh-mover-weapon {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 14px;
}

.mh-weapon-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border: 1px solid var(--mh-line);
    border-radius: 7px;
    background: #07101f;
    object-fit: contain;
}

.mh-mover-weapon > div {
    min-width: 0;
}

.mh-mover-weapon strong,
.mh-mover-weapon small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-mover-weapon strong {
    color: var(--mh-text);
    font-size: 15px;
    font-weight: 900;
}

.mh-mover-weapon small {
    margin-top: 3px;
    color: var(--mh-muted);
    font-size: 9px;
    font-weight: 700;
}

.mh-mover-deltas {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-top: 13px;
}

.mh-delta {
    min-width: 0;
    padding: 8px 9px;
    border: 1px solid var(--mh-soft-line);
    border-radius: 6px;
    background: rgba(7, 16, 31, 0.54);
}

.mh-delta small,
.mh-delta strong {
    display: block;
}

.mh-delta small {
    color: var(--mh-muted);
    font-size: 8px;
    font-weight: 700;
}

.mh-delta strong {
    margin-top: 2px;
    color: #dfe8f4;
    font-size: 13px;
    font-weight: 900;
}

.mh-delta.is-up strong,
.is-up {
    color: var(--mh-mint) !important;
}

.mh-delta.is-down strong,
.is-down {
    color: var(--mh-coral) !important;
}

.mh-delta.is-flat strong {
    color: var(--mh-muted);
}

.mh-mover-card > p {
    flex: 1;
    margin: 11px 0 0;
    color: var(--mh-muted);
    font-size: 10px;
    line-height: 1.5;
}

.mh-mover-card > footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 11px;
    color: #8191a8;
    font-size: 9px;
    font-weight: 700;
}

.mh-mover-card > footer i {
    color: var(--mh-cyan);
}

.mh-empty-state {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 20px;
    border: 1px dashed rgba(76, 201, 240, 0.32);
    border-radius: 8px;
    background: rgba(16, 26, 45, 0.62);
}

.mh-empty-state > i {
    color: var(--mh-cyan);
    font-size: 19px;
}

.mh-empty-state strong {
    display: block;
    color: var(--mh-text);
    font-size: 12px;
}

.mh-empty-state p {
    margin: 4px 0 0;
    color: var(--mh-muted);
    font-size: 10px;
    line-height: 1.5;
}

.mh-mode-workspace {
    border: 1px solid var(--mh-line);
    border-radius: 9px;
    background: var(--mh-panel);
    overflow: hidden;
}

.mh-mode-workspace > .mh-section-heading {
    margin: 0;
    padding: 10px 14px;
    border-bottom: 1px solid var(--mh-line);
    background: #0a1321;
}

.mh-mode-switch {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    border-bottom: 1px solid var(--mh-line);
    background: #0c1626;
}

.mh-mode-tab {
    min-width: 0;
    min-height: 62px;
    padding: 9px 10px;
    border: 0;
    border-left: 1px solid var(--mh-soft-line);
    border-bottom: 3px solid transparent;
    background: transparent;
    color: var(--mh-muted);
    cursor: pointer;
    font-family: inherit;
    text-align: left;
}

.mh-mode-tab:first-child {
    border-left: 0;
}

.mh-mode-tab > span,
.mh-mode-tab > strong,
.mh-mode-tab > small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-mode-tab > span {
    color: #6f8098;
    font-size: 8px;
    font-weight: 700;
}

.mh-mode-tab > strong {
    margin-top: 3px;
    color: #d7e0ec;
    font-size: 10px;
    font-weight: 900;
}

.mh-mode-tab > small {
    margin-top: 3px;
    color: #7789a1;
    font-size: 8px;
}

.mh-mode-tab:hover,
.mh-mode-tab:focus-visible {
    background: rgba(76, 201, 240, 0.04);
}

.mh-mode-tab[aria-selected="true"] {
    border-bottom-color: var(--mh-gold);
    background: var(--mh-raised);
}

.mh-mode-tab[aria-selected="true"] > span,
.mh-mode-tab[aria-selected="true"] > small {
    color: var(--mh-gold);
}

.mh-mode-panel[hidden] {
    display: none;
}

.mh-mode-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 14px 18px 11px;
}

.mh-mode-header > div:first-child {
    min-width: 0;
}

.mh-mode-header h3 {
    margin: 3px 0 5px;
    color: var(--mh-text);
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -0.045em;
}

.mh-mode-header p {
    max-width: 720px;
    margin: 0;
    color: var(--mh-muted);
    font-size: 10px;
    line-height: 1.55;
}

.mh-mode-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}

.mh-button {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    border: 1px solid var(--mh-line);
    border-radius: 6px;
    background: #0a1321;
    color: #d8e2ef;
    font-size: 9px;
    font-weight: 900;
    text-decoration: none;
}

.mh-button:hover,
.mh-button:focus-visible {
    border-color: var(--mh-cyan);
    color: var(--mh-cyan);
}

.mh-button-primary {
    border-color: rgba(255, 188, 5, 0.5);
    background: rgba(255, 188, 5, 0.11);
    color: var(--mh-gold);
}

.mh-mode-facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 18px 16px;
    border: 1px solid var(--mh-soft-line);
    border-radius: 6px;
    background: #0b1525;
    overflow: hidden;
}

.mh-mode-facts > span {
    min-width: 0;
    padding: 6px 10px;
    border-left: 1px solid var(--mh-soft-line);
}

.mh-mode-facts > span:first-child {
    border-left: 0;
}

.mh-mode-facts small,
.mh-mode-facts strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-mode-facts small {
    color: #708198;
    font-size: 8px;
}

.mh-mode-facts strong {
    margin-top: 2px;
    color: #dfe7f2;
    font-size: 10px;
    font-weight: 900;
}

.mh-current-meta {
    margin: 0 18px 18px;
    border: 1px solid var(--mh-line);
    border-radius: 8px;
    background: #0a1423;
    overflow: hidden;
}

.mh-current-meta > header {
    min-height: 58px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    padding: 11px 13px;
    border-bottom: 1px solid var(--mh-line);
    background: #0b1525;
}

.mh-current-meta h4,
.mh-current-meta header p {
    margin: 0;
}

.mh-current-meta h4 {
    margin-top: 2px;
    color: var(--mh-text);
    font-size: 13px;
    font-weight: 900;
}

.mh-current-meta header p {
    max-width: 620px;
    color: #75869d;
    font-size: 8px;
    line-height: 1.5;
    text-align: right;
}

.mh-meta-table-head,
.mh-meta-table-row {
    display: grid;
    grid-template-columns: 42px minmax(180px, 1.5fr) 62px minmax(84px, 0.75fr) minmax(92px, 0.8fr) minmax(76px, 0.65fr) 52px;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
}

.mh-meta-table-head {
    min-height: 34px;
    background: #07101f;
    color: #718198;
    font-size: 8px;
    font-weight: 800;
}

.mh-meta-table-row {
    min-height: 58px;
    border-top: 1px solid var(--mh-soft-line);
}

.mh-meta-table-head + .mh-meta-table-row {
    border-top: 0;
}

.mh-meta-table-row:hover {
    background: rgba(76, 201, 240, 0.025);
}

.mh-meta-rank {
    color: #74859c;
    font-family: "SFMono-Regular", Consolas, monospace;
    font-size: 10px;
    font-weight: 800;
}

.mh-meta-weapon {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    text-decoration: none;
}

.mh-meta-weapon .mh-weapon-icon {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
}

.mh-meta-weapon strong {
    overflow: hidden;
    color: #e8eef7;
    font-size: 10px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-meta-weapon:hover strong,
.mh-meta-weapon:focus-visible strong {
    color: var(--mh-gold);
}

.mh-meta-table-row > span[role="cell"] > small,
.mh-meta-metric strong,
.mh-meta-metric small {
    display: block;
}

.mh-tier {
    min-width: 28px;
    min-height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--mh-line);
    border-radius: 5px;
    background: rgba(148, 163, 184, 0.08);
    color: #dbe5f0;
    font-size: 11px;
    font-weight: 900;
}

.mh-tier.tier-s,
.mh-tier.tier-a {
    border-color: rgba(255, 188, 5, 0.38);
    background: rgba(255, 188, 5, 0.08);
    color: var(--mh-gold);
}

.mh-tier.tier-b {
    border-color: rgba(76, 201, 240, 0.28);
    background: rgba(76, 201, 240, 0.06);
    color: var(--mh-cyan);
}

.mh-meta-table-row > span[role="cell"] > small {
    margin-top: 2px;
    color: #72839a;
    font-size: 7px;
}

.mh-meta-metric strong {
    color: #e1e9f3;
    font-size: 11px;
    font-weight: 900;
}

.mh-meta-metric small {
    margin-top: 3px;
    color: #718198;
    font-size: 8px;
    font-weight: 800;
}

.mh-meta-detail {
    min-height: 29px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--mh-line);
    border-radius: 5px;
    color: #aebed0;
    font-size: 8px;
    font-weight: 900;
    text-decoration: none;
}

.mh-meta-detail:hover,
.mh-meta-detail:focus-visible {
    border-color: var(--mh-gold);
    color: var(--mh-gold);
}

.mh-current-fallback {
    padding: 20px;
    color: var(--mh-muted);
    text-align: center;
}

.mh-current-fallback strong {
    display: block;
    color: #e2eaf4;
    font-size: 11px;
}

.mh-current-fallback p {
    margin: 4px 0 0;
    font-size: 9px;
}

/* Signature: an Albion matchup lane, not another dashboard card. */
.mh-pressure {
    margin: 0 18px 18px;
    border: 1px solid rgba(76, 201, 240, 0.22);
    border-radius: 8px;
    background:
        linear-gradient(rgba(76, 201, 240, 0.028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(76, 201, 240, 0.028) 1px, transparent 1px),
        #091321;
    background-size: 26px 26px;
    overflow: hidden;
}

.mh-pressure-title {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(76, 201, 240, 0.14);
}

.mh-pressure-title h4,
.mh-pressure-title p {
    margin: 0;
}

.mh-pressure-title h4 {
    color: #e9f2fb;
    font-size: 11px;
    font-weight: 900;
}

.mh-pressure-title p {
    margin-top: 2px;
    color: #75869d;
    font-size: 8px;
}

.mh-pressure-line {
    display: grid;
    grid-template-columns: minmax(180px, 0.9fr) minmax(240px, 1.2fr) minmax(180px, 0.9fr);
    align-items: stretch;
}

.mh-pressure-weapon {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 16px;
    text-decoration: none;
}

.mh-pressure-weapon.is-response {
    justify-content: flex-end;
    text-align: right;
}

.mh-pressure-weapon.is-response .mh-weapon-icon {
    order: 2;
    border-color: rgba(99, 214, 160, 0.45);
}

.mh-pressure-weapon > span {
    min-width: 0;
}

.mh-pressure-weapon small,
.mh-pressure-weapon strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-pressure-weapon small {
    color: #718198;
    font-size: 8px;
    font-weight: 700;
}

.mh-pressure-weapon strong {
    margin-top: 3px;
    color: #eef4fb;
    font-size: 12px;
    font-weight: 900;
}

.mh-pressure-weapon:hover strong,
.mh-pressure-weapon:focus-visible strong {
    color: var(--mh-gold);
}

.mh-pressure-edge {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-content: center;
    align-items: center;
    gap: 8px;
    padding: 13px 10px;
    border-inline: 1px solid rgba(76, 201, 240, 0.13);
    color: var(--mh-muted);
    text-align: center;
}

.mh-pressure-edge > span,
.mh-pressure-edge > strong {
    font-size: 9px;
}

.mh-pressure-edge > strong {
    color: var(--mh-mint);
}

.mh-pressure-edge > i {
    color: var(--mh-gold);
}

.mh-pressure-edge > small {
    grid-column: 1 / -1;
    color: #72839a;
    font-size: 8px;
}

.mh-mode-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    border-top: 1px solid var(--mh-line);
}

.mh-change-ledger,
.mh-evidence {
    min-width: 0;
}

.mh-evidence {
    border-left: 1px solid var(--mh-line);
}

.mh-change-ledger > header,
.mh-evidence > header {
    min-height: 58px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 13px;
    border-bottom: 1px solid var(--mh-line);
    background: #0b1525;
}

.mh-change-ledger h4,
.mh-evidence h4 {
    margin: 2px 0 0;
    color: var(--mh-text);
    font-size: 12px;
    font-weight: 900;
}

.mh-change-ledger header > small,
.mh-evidence header > small {
    color: #718198;
    font-size: 8px;
}

.mh-change-ledger ol,
.mh-evidence ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mh-change-ledger li {
    min-height: 58px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 72px 72px;
    align-items: center;
    gap: 9px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--mh-soft-line);
}

.mh-change-ledger li:last-child {
    border-bottom: 0;
}

.mh-list-weapon {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

.mh-list-weapon .mh-weapon-icon {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
}

.mh-list-weapon > span {
    min-width: 0;
}

.mh-list-weapon strong,
.mh-list-weapon small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-list-weapon strong {
    color: #e5edf7;
    font-size: 10px;
    font-weight: 900;
}

.mh-list-weapon small {
    margin-top: 3px;
    color: #76879e;
    font-size: 8px;
}

.mh-list-weapon:hover strong,
.mh-list-weapon:focus-visible strong {
    color: var(--mh-gold);
}

.mh-ledger-deltas {
    min-width: 0;
    text-align: right;
}

.mh-ledger-deltas strong,
.mh-ledger-deltas small {
    display: block;
}

.mh-ledger-deltas strong {
    color: #dce5f0;
    font-size: 10px;
    font-weight: 900;
}

.mh-ledger-deltas small {
    margin-top: 2px;
    color: #6f8097;
    font-size: 7px;
}

.mh-list-empty {
    padding: 18px 12px !important;
    color: var(--mh-muted);
    font-size: 9px;
    line-height: 1.5;
    text-align: center;
}

.mh-evidence-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mh-evidence-columns > div {
    min-width: 0;
    border-left: 1px solid var(--mh-soft-line);
}

.mh-evidence-columns > div:first-child {
    border-left: 0;
}

.mh-evidence h5 {
    margin: 0;
    padding: 8px 10px;
    border-bottom: 1px solid var(--mh-soft-line);
    color: #8495aa;
    font-size: 8px;
    font-weight: 800;
}

.mh-evidence li {
    min-height: 54px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px;
    padding: 7px 9px;
    border-bottom: 1px solid var(--mh-soft-line);
}

.mh-evidence li:last-child {
    border-bottom: 0;
}

.mh-evidence li > strong {
    color: #dce5f0;
    font-size: 10px;
}

.mh-evidence-columns > div:last-child li {
    grid-template-columns: 22px minmax(0, 1fr) auto;
}

.mh-rank {
    color: #76879e;
    font-family: "SFMono-Regular", Consolas, monospace;
    font-size: 9px;
    font-weight: 800;
}

.mh-player {
    min-width: 0;
}

.mh-player a,
.mh-player small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-player a {
    color: #e4ecf6;
    font-size: 9px;
    font-weight: 900;
    text-decoration: none;
}

.mh-player a:hover,
.mh-player a:focus-visible {
    color: var(--mh-gold);
}

.mh-player small {
    margin-top: 2px;
    color: #72839a;
    font-size: 7px;
}

.mh-evidence li > .mh-weapon-icon {
    width: 31px;
    height: 31px;
    flex-basis: 31px;
}

.mh-scoreboard,
.mh-method {
    margin-bottom: 18px;
    border: 1px solid var(--mh-line);
    border-radius: 8px;
    background: #0a1321;
    overflow: hidden;
}

.mh-scoreboard > summary,
.mh-method > summary {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 14px;
    cursor: pointer;
    list-style: none;
}

.mh-scoreboard > summary::-webkit-details-marker,
.mh-method > summary::-webkit-details-marker {
    display: none;
}

.mh-scoreboard > summary span > strong,
.mh-scoreboard > summary span > small {
    display: block;
}

.mh-scoreboard > summary span > strong {
    color: #e5edf7;
    font-size: 11px;
}

.mh-scoreboard > summary span > small {
    margin-top: 2px;
    color: var(--mh-muted);
    font-size: 8px;
}

.mh-scoreboard > summary > i,
.mh-method > summary > i {
    color: var(--mh-muted);
    transition: transform 150ms ease;
}

.mh-scoreboard[open] > summary > i,
.mh-method[open] > summary > i {
    transform: rotate(180deg);
}

.mh-board-head,
.mh-board-row {
    display: grid;
    grid-template-columns: 1.25fr 0.7fr 0.8fr 0.65fr 1.25fr 0.6fr;
    align-items: center;
    gap: 10px;
    padding: 10px 13px;
}

.mh-board-head {
    border-top: 1px solid var(--mh-line);
    border-bottom: 1px solid var(--mh-line);
    background: #07101f;
    color: #718198;
    font-size: 8px;
    font-weight: 800;
}

.mh-board-row {
    min-height: 48px;
    border-bottom: 1px solid var(--mh-soft-line);
    color: #a9b7c9;
    font-size: 9px;
}

.mh-board-row:last-child {
    border-bottom: 0;
}

.mh-board-row > strong {
    color: #e1e9f3;
    font-size: 10px;
}

.mh-board-row > a {
    color: var(--mh-cyan);
    font-weight: 800;
    text-decoration: none;
}

.mh-follow-up {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
    padding: 14px 16px;
    border-left: 3px solid var(--mh-gold);
    background: rgba(16, 26, 45, 0.72);
}

.mh-follow-up > div {
    min-width: 0;
}

.mh-follow-up strong {
    display: block;
    margin-top: 3px;
    color: #ebf1f8;
    font-size: 11px;
}

.mh-follow-up p {
    margin: 3px 0 0;
    color: var(--mh-muted);
    font-size: 9px;
    line-height: 1.5;
}

.mh-follow-up nav {
    flex: 0 0 auto;
    display: flex;
    gap: 6px;
}

.mh-method > summary {
    color: #dbe5f0;
    font-size: 10px;
    font-weight: 800;
}

.mh-method > summary span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.mh-method > summary span i {
    color: var(--mh-cyan);
}

.mh-method-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid var(--mh-line);
}

.mh-method-grid > div {
    padding: 12px;
    border-left: 1px solid var(--mh-soft-line);
}

.mh-method-grid > div:first-child {
    border-left: 0;
}

.mh-method-grid strong {
    color: #e6eef7;
    font-size: 9px;
}

.mh-method-grid p,
.mh-method-foot {
    margin: 4px 0 0;
    color: var(--mh-muted);
    font-size: 8px;
    line-height: 1.55;
}

.mh-method-foot {
    margin: 0;
    padding: 9px 12px;
    border-top: 1px solid var(--mh-soft-line);
}

.mh-method-foot a {
    color: var(--mh-cyan);
}

.meta-hub-wrapper a:focus-visible,
.meta-hub-wrapper button:focus-visible,
.meta-hub-wrapper summary:focus-visible {
    outline: 2px solid var(--mh-gold);
    outline-offset: 2px;
}

@media (max-width: 1050px) {
    .mh-mode-switch {
        display: flex;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x proximity;
    }

    .mh-mode-tab {
        flex: 0 0 156px;
        scroll-snap-align: center;
    }

    .mh-mode-grid {
        grid-template-columns: 1fr;
    }

    .mh-evidence {
        border-top: 1px solid var(--mh-line);
        border-left: 0;
    }

    .mh-pressure-line {
        grid-template-columns: minmax(150px, 0.85fr) minmax(210px, 1.3fr) minmax(150px, 0.85fr);
    }
}

@media (max-width: 760px) {
    .mh-briefing {
        grid-template-columns: 1fr;
        padding: 18px 16px 0;
    }

    .mh-briefing-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .mh-server-switch {
        justify-self: stretch;
    }

    .mh-server-switch a {
        flex: 1;
    }

    .mh-briefing-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-inline: -16px;
    }

    .mh-briefing-facts > span:nth-child(odd) {
        border-left: 0;
    }

    .mh-briefing-facts > span:nth-child(n + 3) {
        border-top: 1px solid var(--mh-soft-line);
    }

    .mh-mover-grid {
        grid-template-columns: 1fr;
    }

    .mh-mover-card {
        border-top: 1px solid var(--mh-line);
        border-left: 0;
    }

    .mh-mover-card:first-child {
        border-top: 0;
    }

    .mh-mode-header {
        flex-direction: column;
    }

    .mh-current-meta > header {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .mh-current-meta header p {
        text-align: left;
    }

    .mh-mode-actions {
        justify-content: flex-start;
    }

    .mh-pressure-line {
        grid-template-columns: 1fr;
    }

    .mh-pressure-edge {
        grid-template-columns: 1fr auto 1fr;
        border-block: 1px solid rgba(76, 201, 240, 0.13);
        border-inline: 0;
    }

    .mh-pressure-weapon.is-response {
        justify-content: flex-start;
        text-align: left;
    }

    .mh-pressure-weapon.is-response .mh-weapon-icon {
        order: 0;
    }

    .mh-method-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mh-method-grid > div:nth-child(3) {
        border-left: 0;
    }

    .mh-method-grid > div:nth-child(n + 3) {
        border-top: 1px solid var(--mh-soft-line);
    }
}

@media (max-width: 640px) {
    .meta-hub-wrapper .meta-command-nav-link {
        min-height: 54px;
    }

    .meta-hub-wrapper .meta-trust-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mh-briefing h1 {
        font-size: 1.85rem;
    }

    .mh-briefing-copy > p {
        font-size: 11px;
    }

    .mh-section-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .mh-section-heading > p {
        text-align: left;
    }

    .mh-mode-workspace > .mh-section-heading {
        padding: 13px;
    }

    .mh-mode-header {
        gap: 12px;
        padding: 16px 13px 12px;
    }

    .mh-mode-header h3 {
        font-size: 20px;
    }

    .mh-mode-actions {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    .mh-mode-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 0 13px 13px;
    }

    .mh-mode-facts > span:nth-child(odd) {
        border-left: 0;
    }

    .mh-mode-facts > span:nth-child(n + 3) {
        border-top: 1px solid var(--mh-soft-line);
    }

    .mh-current-meta {
        margin: 0 13px 14px;
    }

    .mh-meta-table-head {
        display: none;
    }

    .mh-meta-table-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        padding: 11px 9px;
    }

    .mh-meta-rank {
        grid-column: 1;
    }

    .mh-meta-weapon {
        grid-column: 2 / 4;
    }

    .mh-meta-table-row > span[data-label] {
        position: relative;
        padding-top: 12px;
    }

    .mh-meta-table-row > span[data-label]::before {
        content: attr(data-label);
        position: absolute;
        top: 0;
        left: 0;
        color: #6f8097;
        font-size: 7px;
        font-weight: 700;
    }

    .mh-meta-tier-cell { grid-column: 1; }
    .mh-meta-metric.is-pick { grid-column: 2; }
    .mh-meta-metric.is-win { grid-column: 3; }
    .mh-meta-metric.is-sample { grid-column: 1; }

    .mh-meta-detail {
        grid-column: 2 / 4;
    }

    .mh-pressure {
        margin: 0 13px 14px;
    }

    .mh-pressure-title {
        align-items: flex-start;
    }

    .mh-change-ledger li {
        grid-template-columns: minmax(0, 1fr) 59px 59px;
        gap: 6px;
        padding-inline: 9px;
    }

    .mh-list-weapon .mh-weapon-icon {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .mh-evidence-columns {
        grid-template-columns: 1fr;
    }

    .mh-evidence-columns > div {
        border-top: 1px solid var(--mh-soft-line);
        border-left: 0;
    }

    .mh-evidence-columns > div:first-child {
        border-top: 0;
    }

    .mh-board-head {
        display: none;
    }

    .mh-board-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px 12px;
        padding-block: 12px;
    }

    .mh-board-row > strong,
    .mh-board-row > a {
        grid-column: 1 / -1;
    }

    .mh-board-row > span {
        position: relative;
        padding-top: 12px;
    }

    .mh-board-row > span::before {
        content: attr(data-label);
        position: absolute;
        top: 0;
        left: 0;
        color: #6f8097;
        font-size: 7px;
    }

    .mh-follow-up {
        align-items: flex-start;
        flex-direction: column;
    }

    .mh-follow-up nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .mh-method-grid {
        grid-template-columns: 1fr;
    }

    .mh-method-grid > div,
    .mh-method-grid > div:nth-child(3) {
        border-top: 1px solid var(--mh-soft-line);
        border-left: 0;
    }

    .mh-method-grid > div:first-child {
        border-top: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .meta-hub-wrapper *,
    .meta-hub-wrapper *::before,
    .meta-hub-wrapper *::after {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}

/*
 * Readability scale.
 * Meta is a reading surface, so it follows the site's regular content density
 * instead of compressing a whole ranking into one desktop viewport.
 */
.meta-hub-wrapper .meta-command-nav-link {
    min-height: 70px;
    gap: 12px;
    padding: 11px 16px;
}

.meta-hub-wrapper .meta-command-nav-code {
    min-width: 40px;
    min-height: 34px;
    font-size: 12px;
}

.meta-hub-wrapper .meta-command-nav-link strong {
    font-size: 15px;
}

.meta-hub-wrapper .meta-command-nav-link small {
    font-size: 12px;
}

.meta-hub-wrapper .meta-trust-node {
    padding: 10px 16px;
}

.meta-hub-wrapper .meta-trust-key {
    font-size: 11px;
}

.meta-hub-wrapper .meta-trust-node strong {
    font-size: 14px;
}

.mh-briefing {
    gap: 22px 32px;
    padding: 26px 30px 0;
}

.mh-overline,
.mh-section-kicker,
.mh-family {
    font-size: 11px;
}

.mh-briefing h1 {
    margin-top: 8px;
    font-size: clamp(2.3rem, 4vw, 3rem);
}

.mh-briefing-copy > p {
    max-width: 850px;
    margin-top: 10px;
    font-size: 16px;
}

.mh-server-switch a {
    min-height: 40px;
    padding-inline: 15px;
    font-size: 13px;
}

.mh-briefing-facts {
    margin: 10px -30px 0;
}

.mh-briefing-facts > span {
    padding: 13px 20px;
}

.mh-briefing-facts small {
    font-size: 11px;
}

.mh-briefing-facts strong {
    font-size: 16px;
}

.mh-section-heading h2 {
    font-size: 26px;
}

.mh-section-heading > p {
    max-width: 620px;
    font-size: 14px;
}

.mh-mode-workspace > .mh-section-heading {
    padding: 18px 22px;
}

.mh-mode-tab {
    min-height: 86px;
    padding: 13px 14px;
}

.mh-mode-tab > span {
    font-size: 11px;
}

.mh-mode-tab > strong {
    margin-top: 4px;
    font-size: 15px;
}

.mh-mode-tab > small {
    margin-top: 5px;
    font-size: 12px;
}

.mh-mode-header {
    gap: 30px;
    padding: 26px 24px 20px;
}

.mh-mode-header h3 {
    margin: 5px 0 8px;
    font-size: 29px;
}

.mh-mode-header p {
    max-width: 920px;
    font-size: 15px;
    line-height: 1.65;
}

.mh-button {
    min-height: 44px;
    padding-inline: 16px;
    font-size: 13px;
}

.mh-mode-facts {
    margin: 0 24px 22px;
}

.mh-mode-facts > span {
    padding: 12px 16px;
}

.mh-mode-facts small {
    font-size: 11px;
}

.mh-mode-facts strong {
    margin-top: 4px;
    font-size: 15px;
}

.mh-current-meta {
    margin: 0 24px 24px;
}

.mh-current-meta > header {
    min-height: 78px;
    padding: 16px 18px;
}

.mh-current-meta h4 {
    margin-top: 4px;
    font-size: 21px;
}

.mh-current-meta header p {
    font-size: 12px;
}

.mh-meta-table-head,
.mh-meta-table-row {
    grid-template-columns: 56px minmax(240px, 1.55fr) 72px minmax(110px, 0.72fr) minmax(126px, 0.82fr) minmax(110px, 0.68fr) 72px;
    gap: 12px;
    padding-inline: 18px;
}

.mh-meta-table-head {
    min-height: 46px;
    font-size: 11px;
}

.mh-meta-table-row {
    min-height: 84px;
    padding-block: 12px;
}

.mh-meta-rank {
    font-size: 13px;
}

.mh-meta-weapon {
    gap: 13px;
}

.mh-meta-weapon .mh-weapon-icon {
    width: 52px;
    height: 52px;
    flex-basis: 52px;
}

.mh-meta-weapon strong {
    font-size: 16px;
}

.mh-tier {
    min-width: 38px;
    min-height: 34px;
    font-size: 16px;
}

.mh-meta-table-row > span[role="cell"] > small {
    margin-top: 4px;
    font-size: 11px;
}

.mh-meta-metric strong {
    font-size: 18px;
}

.mh-meta-metric small {
    margin-top: 5px;
    font-size: 12px;
}

.mh-meta-metric .is-unavailable,
.mh-ledger-deltas .is-unavailable {
    color: #8190a4 !important;
}

.mh-meta-detail {
    min-height: 42px;
    font-size: 13px;
}

.mh-status-badge {
    min-height: 28px;
    padding-inline: 10px;
    font-size: 11px;
}

.mh-pressure {
    margin: 0 24px 24px;
}

.mh-pressure-title {
    gap: 14px;
    padding: 15px 18px;
}

.mh-pressure-title h4 {
    font-size: 17px;
}

.mh-pressure-title p {
    margin-top: 4px;
    font-size: 12px;
}

.mh-pressure-weapon {
    gap: 14px;
    padding: 21px 18px;
}

.mh-pressure-weapon .mh-weapon-icon {
    width: 52px;
    height: 52px;
    flex-basis: 52px;
}

.mh-pressure-weapon small {
    font-size: 11px;
}

.mh-pressure-weapon strong {
    font-size: 16px;
}

.mh-pressure-edge > span,
.mh-pressure-edge > strong {
    font-size: 13px;
}

.mh-pressure-edge > small {
    font-size: 11px;
}

.mh-change-ledger > header,
.mh-evidence > header {
    min-height: 76px;
    padding: 16px 18px;
}

.mh-change-ledger h4,
.mh-evidence h4 {
    margin-top: 4px;
    font-size: 17px;
}

.mh-change-ledger header > small,
.mh-evidence header > small {
    font-size: 11px;
}

.mh-change-ledger li {
    min-height: 78px;
    grid-template-columns: minmax(0, 1fr) 82px 82px;
    padding: 12px 16px;
}

.mh-list-weapon {
    gap: 12px;
}

.mh-list-weapon .mh-weapon-icon {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
}

.mh-list-weapon strong {
    font-size: 14px;
}

.mh-list-weapon small {
    font-size: 11px;
}

.mh-ledger-deltas strong {
    font-size: 14px;
}

.mh-ledger-deltas small {
    font-size: 10px;
}

.mh-list-empty {
    padding: 28px 18px !important;
    font-size: 13px;
}

.mh-evidence h5 {
    padding: 12px 14px;
    font-size: 12px;
}

.mh-evidence li {
    min-height: 72px;
    padding: 11px 13px;
}

.mh-evidence li > strong {
    font-size: 14px;
}

.mh-rank,
.mh-player a {
    font-size: 12px;
}

.mh-player small {
    font-size: 10px;
}

.mh-evidence li > .mh-weapon-icon {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
}

.mh-scoreboard > summary,
.mh-method > summary {
    min-height: 66px;
    padding: 13px 18px;
}

.mh-scoreboard > summary span > strong,
.mh-follow-up strong {
    font-size: 15px;
}

.mh-scoreboard > summary span > small,
.mh-follow-up p {
    font-size: 12px;
}

.mh-board-head,
.mh-board-row {
    padding: 13px 18px;
}

.mh-board-head {
    font-size: 11px;
}

.mh-board-row {
    min-height: 62px;
    font-size: 13px;
}

.mh-board-row > strong {
    font-size: 14px;
}

.mh-follow-up {
    padding: 19px 20px;
}

.mh-method > summary {
    font-size: 14px;
}

.mh-method-grid > div {
    padding: 17px;
}

.mh-method-grid strong {
    font-size: 13px;
}

.mh-method-grid p,
.mh-method-foot {
    font-size: 12px;
}

.mh-method-foot {
    padding: 13px 17px;
}

.mh-timeline {
    margin: 0 24px 22px;
    border: 1px solid rgba(130, 151, 181, 0.2);
    border-radius: 18px;
    background: rgba(9, 18, 31, 0.58);
    overflow: hidden;
}

.mh-timeline-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 20px;
    border-bottom: 1px solid rgba(130, 151, 181, 0.16);
}

.mh-timeline-head h4 {
    margin: 3px 0 0;
    font-size: 20px;
}

.mh-timeline-head p,
.mh-timeline-note {
    margin: 0;
    color: #8fa1b9;
    font-size: 12px;
}

.mh-timeline-scroll {
    overflow-x: auto;
    scrollbar-width: thin;
}

.mh-timeline-swipe {
    display: none;
}

.mh-timeline-table {
    min-width: 940px;
}

.mh-timeline-row {
    display: grid;
    grid-template-columns: minmax(210px, 1.35fr) minmax(150px, 0.9fr) repeat(3, minmax(160px, 1fr));
    align-items: stretch;
    border-bottom: 1px solid rgba(130, 151, 181, 0.11);
}

.mh-timeline-row:last-child {
    border-bottom: 0;
}

.mh-timeline-row.is-head {
    color: #7f91a9;
    background: rgba(255, 255, 255, 0.025);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.mh-timeline-row.is-head > span {
    padding: 10px 13px;
}

.mh-timeline-weapon,
.mh-timeline-current,
.mh-timeline-delta {
    min-width: 0;
    padding: 13px;
    border-right: 1px solid rgba(130, 151, 181, 0.09);
}

.mh-timeline-weapon {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #eef4ff;
    text-decoration: none;
}

.mh-timeline-weapon .mh-weapon-icon {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
}

.mh-timeline-weapon span,
.mh-timeline-current,
.mh-timeline-delta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

.mh-timeline-weapon small,
.mh-timeline-current small,
.mh-timeline-delta small {
    color: #889ab1;
    font-size: 11px;
    line-height: 1.35;
}

.mh-timeline-current .mh-tier {
    width: fit-content;
}

.mh-timeline-delta strong {
    color: #dfe8f5;
    font-size: 13px;
}

.mh-timeline-delta.is-up strong {
    color: #68d8a4;
}

.mh-timeline-delta.is-down strong {
    color: #ff8b92;
}

.mh-timeline-delta.is-mixed strong {
    color: #f3c96b;
}

.mh-timeline-delta.is-empty {
    opacity: 0.68;
}

.mh-timeline-note {
    padding: 12px 20px 14px;
    border-top: 1px solid rgba(130, 151, 181, 0.1);
}

@media (max-width: 1050px) {
    .mh-mode-tab {
        flex-basis: 190px;
    }
}

@media (max-width: 820px) {
    .mh-timeline-swipe {
        display: block;
        margin: 0;
        padding: 10px 15px;
        border-bottom: 1px solid rgba(130, 151, 181, 0.11);
        color: #8fa1b9;
        font-size: 11px;
    }

    .mh-meta-table-head {
        display: none;
    }

    .mh-meta-table-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        padding: 16px 14px;
    }

    .mh-meta-rank {
        grid-column: 1;
    }

    .mh-meta-weapon {
        grid-column: 2 / 4;
    }

    .mh-meta-table-row > span[data-label] {
        position: relative;
        padding-top: 18px;
    }

    .mh-meta-table-row > span[data-label]::before {
        content: attr(data-label);
        position: absolute;
        top: 0;
        left: 0;
        color: #7c8da4;
        font-size: 10px;
        font-weight: 800;
    }

    .mh-meta-tier-cell { grid-column: 1; }
    .mh-meta-metric.is-pick { grid-column: 2; }
    .mh-meta-metric.is-win { grid-column: 3; }
    .mh-meta-metric.is-sample { grid-column: 1; }

    .mh-meta-detail {
        grid-column: 2 / 4;
    }
}

@media (max-width: 640px) {
    .meta-hub-wrapper .meta-command-nav-link {
        flex-basis: 184px;
        min-height: 72px;
    }

    .mh-briefing {
        padding: 22px 17px 0;
    }

    .mh-briefing h1 {
        font-size: 2.1rem;
    }

    .mh-briefing-copy > p {
        font-size: 14px;
    }

    .mh-briefing-facts {
        margin-inline: -17px;
    }

    .mh-briefing-facts > span {
        padding: 12px 13px;
    }

    .mh-section-heading h2 {
        font-size: 23px;
    }

    .mh-section-heading > p {
        font-size: 13px;
    }

    .mh-mode-workspace > .mh-section-heading {
        padding: 17px 14px;
    }

    .mh-mode-tab {
        min-height: 82px;
        padding: 12px;
    }

    .mh-mode-header {
        padding: 22px 15px 17px;
    }

    .mh-mode-header h3 {
        font-size: 27px;
    }

    .mh-mode-header p {
        font-size: 14px;
    }

    .mh-button {
        min-height: 42px;
        padding-inline: 9px;
        font-size: 12px;
    }

    .mh-mode-facts {
        margin: 0 14px 16px;
    }

    .mh-mode-facts > span {
        padding: 11px 12px;
    }

    .mh-current-meta {
        margin: 0 14px 18px;
    }

    .mh-timeline {
        margin: 0 14px 18px;
    }

    .mh-timeline-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
        padding: 15px;
    }

    .mh-timeline-head h4 {
        font-size: 19px;
    }

    .mh-timeline-note {
        padding-inline: 15px;
    }

    .mh-current-meta > header {
        min-height: 0;
        padding: 15px;
    }

    .mh-current-meta h4 {
        font-size: 19px;
    }

    .mh-current-meta header p {
        font-size: 11px;
    }

    .mh-meta-table-row {
        gap: 12px 8px;
        padding: 17px 13px;
    }

    .mh-meta-weapon .mh-weapon-icon {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }

    .mh-meta-weapon strong {
        font-size: 15px;
    }

    .mh-meta-metric strong {
        font-size: 16px;
    }

    .mh-pressure {
        margin: 0 14px 18px;
    }

    .mh-change-ledger li {
        grid-template-columns: minmax(0, 1fr) 66px 66px;
        padding: 12px;
    }

    .mh-list-weapon .mh-weapon-icon {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
    }
}