/* Reversible dark esports layer. Data, sorting and existing light theme remain unchanged. */
:root {
  --es-bg: #0b1016;
  --es-bg-2: #101821;
  --es-card: #151f2a;
  --es-card-2: #1a2632;
  --es-line: #2a3948;
  --es-line-soft: rgba(150, 177, 201, .14);
  --es-ink: #edf4f8;
  --es-muted: #8fa3b3;
  --es-blue: #4ab7e8;
  --es-blue-2: #207eb6;
  --es-cyan: #52e0df;
  --es-gold: #f0b74a;
  --es-orange: #e8873c;
  --es-red: #ef6d69;
  --es-green: #4bd28a;
}

/* Only the home page is covered; other routes keep their existing skin. */
html[data-theme-resolved="dark"] body.pc-portal-home {
  background: radial-gradient(circle at 50% -10%, #1a2c3d 0, var(--es-bg) 42%, #080c11 100%) !important;
  color: var(--es-ink) !important;
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif !important;
}
html[data-theme-resolved="dark"] body.pc-portal-home .header {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  width: 100% !important;
  background: rgba(10, 16, 23, .94) !important;
  border-bottom: 1px solid #314456 !important;
  box-shadow: 0 5px 24px rgba(0,0,0,.28) !important;
  backdrop-filter: blur(12px);
}
html[data-theme-resolved="dark"] body.pc-portal-home .headerbody { max-width: 1400px !important; min-height: 68px !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .brand-title { color: #f2f7fa !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .brand-subtitle { color: #8ea4b4 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .header-actions a { color: #c4d3de !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .header-actions a:hover { color: var(--es-cyan) !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .home-login input { color: var(--es-ink) !important; background: #121c25 !important; border-color: #34495b !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .home-login button { background: linear-gradient(135deg, #287fad, #175373) !important; color: #fff !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .pavlov-theme-toggle { color: #f4c965 !important; background: #292519 !important; border-color: #856522 !important; }

html[data-theme-resolved="dark"] body.pc-portal-home .pc-portal-hero {
  border-bottom: 1px solid #26394a !important;
  box-shadow: 0 16px 35px rgba(0,0,0,.32) !important;
}
html[data-theme-resolved="dark"] body.pc-portal-home .pc-portal-hero::before {
  background: linear-gradient(90deg, rgba(5,10,15,.90), rgba(8,18,28,.60) 48%, rgba(5,10,15,.84)) !important;
}
html[data-theme-resolved="dark"] body.pc-portal-home .pc-portal-title-row h1 { color: #f4f8fa !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .pc-portal-hero-copy { color: #bfd0da !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .pc-portal-mark { color: #bfeeff !important; background: #17384a !important; border-color: #347ca5 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .pc-portal-hud { background: rgba(6,13,20,.72) !important; border-color: #3c5870 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .pc-portal-hud-label { color: #cfe8ef !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .pc-portal-hud-live strong { color: #f4f8fa !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .pc-portal-hud-stats b { color: var(--es-cyan) !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .pc-portal-hud-hot b { color: #e9c77d !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .pc-portal-hero-rail { background: rgba(8,14,20,.92) !important; border-top-color: #354b5c !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .pc-portal-hero-rail a { color: #adc2cf !important; border-color: #2b3e4e !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .pc-portal-hero-rail a:hover { color: var(--es-cyan) !important; background: #172938 !important; }

html[data-theme-resolved="dark"] body.pc-portal-home .middle,
html[data-theme-resolved="dark"] body.pc-portal-home .rank { background: transparent !important; color: var(--es-ink) !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .pcvr-notice-banner {
  background: linear-gradient(135deg, #302715, #211d17) !important;
  border: 1px solid #705724 !important;
  border-left: 4px solid var(--es-gold) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.22) !important;
}
html[data-theme-resolved="dark"] body.pc-portal-home .notice-title { color: #f5d78d !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .notice-text { color: #cbbd99 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .notice-guide-btn { background: #a36c21 !important; color: #fff5dc !important; }

/* Donation wall: compact badge strip instead of a light block. */
html[data-theme-resolved="dark"] body.pc-portal-home .recharge {
  background: linear-gradient(135deg, rgba(24,38,51,.92), rgba(15,24,34,.94)) !important;
  border: 1px solid var(--es-line) !important;
  box-shadow: 0 9px 24px rgba(0,0,0,.20) !important;
}
html[data-theme-resolved="dark"] body.pc-portal-home .donors-title { color: #dce8ef !important; border-bottom-color: var(--es-line-soft) !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .donors-count { color: var(--es-gold) !important; background: #382b19 !important; border-color: #695126 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .top-donor-item { background: #1a2732 !important; border: 1px solid #2b3d4c !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .top-donor-item:hover { border-color: #b37e32 !important; background: #252e34 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .donor-name { color: #d7e4eb !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .donor-amount { color: #efb85c !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rest-donor-cell { background: #131e28 !important; border-color: #293a49 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rest-donor-cell .donor-name { color: #aebfca !important; }

/* Server board */
html[data-theme-resolved="dark"] body.pc-portal-home .server-section-title,
html[data-theme-resolved="dark"] body.pc-portal-home .rank-title,
html[data-theme-resolved="dark"] body.pc-portal-home .community-head { color: var(--es-ink) !important; border-color: #3c6179 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .pc-section-heading-copy small,
html[data-theme-resolved="dark"] body.pc-portal-home .community-head > span { color: #91a9b9 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .pc-section-heading-copy strong,
html[data-theme-resolved="dark"] body.pc-portal-home .community-head h2 { color: #e9f1f5 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .server-live-overview { background: #141f29 !important; border-color: #304454 !important; box-shadow: 0 7px 20px rgba(0,0,0,.22) !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .server-live-copy strong { color: #f0f6f8 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .server-live-copy small { color: #8ea3b1 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .server-live-stats { border-color: #324655 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .server-live-stats > div { background: #1a2732 !important; border-color: #304350 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .server-live-stats b { color: #edf5f8 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .server-live-stats span { color: #8da1ae !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .server-card,
html[data-theme-resolved="dark"] body.pc-portal-home .server-card--hot,
html[data-theme-resolved="dark"] body.pc-portal-home .server-card--active { background: #151f29 !important; border-color: #2b3f50 !important; box-shadow: 0 6px 18px rgba(0,0,0,.24) !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .server-card:hover { border-color: #477c9b !important; box-shadow: 0 10px 25px rgba(0,0,0,.34) !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-header { background: #1a2834 !important; border-bottom-color: #2d4353 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-name { color: #e9f2f5 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-status { color: #94a9b5 !important; background: #25343e !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .server-card--active .server-status { color: #81e7b1 !important; background: #173529 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-map-summary,
html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-details,
html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-metrics { background: #151f29 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-map-summary span,
html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-metric span { color: #8399a8 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-map-summary b,
html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-metric b { color: #d9e8ee !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .server-player-btn { color: #dbf2f8 !important; background: #205b78 !important; }

/* Honor wall: cards with a stronger MVP/readout hierarchy. */
html[data-theme-resolved="dark"] body.pc-portal-home .community-card { background: #131d27 !important; border-color: #2b3e4e !important; box-shadow: 0 8px 22px rgba(0,0,0,.24) !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .community-head { background: #1a2833 !important; border-bottom-color: #2d4352 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .honor-grid { background: transparent !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .honor-item { background: linear-gradient(145deg, #192733, #131d27) !important; border: 1px solid #2c4151 !important; box-shadow: 0 5px 15px rgba(0,0,0,.18) !important; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .honor-item:hover { transform: translateY(-3px); border-color: #4a8caf !important; box-shadow: 0 10px 24px rgba(0,0,0,.3) !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .honor-item:first-child { border-color: #9a702b !important; background: linear-gradient(145deg, #302a1d, #1b252a) !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .honor-kind { color: var(--es-blue) !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .honor-value { color: var(--es-gold) !important; text-shadow: 0 0 14px rgba(240,183,74,.18); }
html[data-theme-resolved="dark"] body.pc-portal-home .honor-name { color: #e8f2f5 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .honor-sub { color: #8ca2b0 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .honor-avatar-shell { border-color: #47657a !important; }

/* Season controls */
html[data-theme-resolved="dark"] body.pc-portal-home .pc-season-summary,
html[data-theme-resolved="dark"] body.pc-portal-home .rank-controls,
html[data-theme-resolved="dark"] body.pc-portal-home .rank-sort-mobile { background: #141f29 !important; border-color: #2c4050 !important; box-shadow: 0 6px 18px rgba(0,0,0,.18) !important; color: #b3c3cd !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .pc-season-summary strong,
html[data-theme-resolved="dark"] body.pc-portal-home .pc-season-summary b { color: #e1edf1 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .pc-season-summary .pc-season-label { background: #713c37 !important; color: #ffd5c2 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-controls button,
html[data-theme-resolved="dark"] body.pc-portal-home .rank-controls select { color: #c4d5df !important; background: #1b2935 !important; border-color: #385062 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-controls button.is-active,
html[data-theme-resolved="dark"] body.pc-portal-home .rank-controls #session_btn { color: #fff !important; background: linear-gradient(135deg, #267da9, #18506d) !important; border-color: #3e9bc8 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-sort-chip { color: #b9ccd7 !important; background: #192631 !important; border-color: #324a5c !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-sort-chip.active { color: #fff !important; background: linear-gradient(135deg, #9b6626, #674316) !important; border-color: #d19a3b !important; }

/* Leaderboard: flat data density, strong first-three rail, readable numeric hierarchy. */
html[data-theme-resolved="dark"] body.pc-portal-home .rank-table { background: #101922 !important; border: 1px solid #2b4050 !important; border-radius: 9px !important; box-shadow: 0 9px 25px rgba(0,0,0,.26) !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-header { background: linear-gradient(135deg, #1e526f, #16374b) !important; border-color: #36718f !important; color: #eaf6fa !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-header > * { color: #d9edf3 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-header .sortable.active { color: #ffd478 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list { background: #141e28 !important; border: 0 !important; border-bottom: 1px solid rgba(135,165,187,.13) !important; border-radius: 0 !important; box-shadow: none !important; color: #dce8ed !important; transition: background .18s ease, box-shadow .18s ease, transform .18s ease !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list:hover { background: #1c2b37 !important; box-shadow: inset 4px 0 0 #3da5ce !important; transform: translateX(2px); }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list > .rank_no { color: #9eb2bf !important; font-family: Consolas, monospace; font-weight: 900 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list > .rank_detail { color: #e8f1f4 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-name-text { color: #79cbf0 !important; font-weight: 850 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_detail_kda { color: #c4d4dd !important; font-family: Consolas, "Microsoft YaHei", monospace; font-weight: 750 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_detail_kda.rank-kda-val { color: #ff8b86 !important; font-size: 1.06em !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_detail_kda:nth-last-child(2) { color: #f0bd60 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-avatar-shell img,
html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_detail_head img { border: 2px solid #36546a !important; border-radius: 8px !important; box-shadow: 0 3px 12px rgba(0,0,0,.35) !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list:hover img { border-color: #56b9df !important; transform: scale(1.05); }
html[data-theme-resolved="dark"] body.pc-portal-home .mr-badge { color: #9fe2bc !important; background: #173a31 !important; border: 1px solid #2b745c !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .mr-hours { color: #8ea7b5 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-row.rank-1 { background: linear-gradient(90deg, rgba(117,82,28,.38), #18232b) !important; box-shadow: inset 5px 0 0 var(--es-gold), inset 0 1px 0 rgba(240,183,74,.35) !important; border-bottom-color: rgba(240,183,74,.3) !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-row.rank-2 { background: linear-gradient(90deg, rgba(103,124,138,.26), #17222b) !important; box-shadow: inset 5px 0 0 #a5bcc7 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-row.rank-3 { background: linear-gradient(90deg, rgba(142,78,42,.25), #17222b) !important; box-shadow: inset 5px 0 0 var(--es-orange) !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-row.rank-1 .rank_no { color: #ffd36e !important; text-shadow: 0 0 12px rgba(240,183,74,.35); }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-row.rank-2 .rank_no { color: #d6e4e9 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-row.rank-3 .rank_no { color: #f2a36c !important; }

html[data-theme-resolved="dark"] body.pc-portal-home .site-footer { color: #9aadb9 !important; background: #0b1219 !important; border-top-color: #2a3e4e !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .site-footer a { color: #b9d4df !important; }

@media (max-width: 768px) {
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-table { border-radius: 8px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list:hover { transform: none; }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-mobile-stats span { background: #1a2935 !important; border-color: #304859 !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-mobile-stats strong { color: #d6e5eb !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-mobile-stats .score strong { color: #f4c35e !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-mobile-stats .kda strong { color: #ff8a85 !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .honor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* Desktop readability pass: use the wider original-site rhythm and larger type. */
@media (min-width: 721px) {
  html[data-theme-resolved="dark"] body.pc-portal-home .middle,
  html[data-theme-resolved="dark"] body.pc-portal-home .rank {
    width: 100% !important;
    max-width: 1480px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html[data-theme-resolved="dark"] body.pc-portal-home .pc-portal-hero-inner,
  html[data-theme-resolved="dark"] body.pc-portal-home .pc-portal-hero-rail {
    max-width: 1480px !important;
  }
  html[data-theme-resolved="dark"] body.pc-portal-home .pc-portal-hero-copy { font-size: 17px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .pc-portal-hero-rail a { font-size: 13px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .server-section-title,
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-title { min-height: 66px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .pc-section-heading-copy strong,
  html[data-theme-resolved="dark"] body.pc-portal-home .community-head h2 { font-size: 24px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .pc-section-heading-copy small,
  html[data-theme-resolved="dark"] body.pc-portal-home .community-head > span { font-size: 13px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-name { font-size: 15px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-status { font-size: 13px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-map-summary b { font-size: 14px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-map-summary span,
  html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-metric span { font-size: 10px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-metric b { font-size: 13px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .server-player-btn { font-size: 13px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .honor-kind { font-size: 14px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .honor-name { font-size: 16px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .honor-value { font-size: 21px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .honor-sub { font-size: 12px !important; line-height: 1.5 !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .donors-title { font-size: 14px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .donor-name,
  html[data-theme-resolved="dark"] body.pc-portal-home .donor-amount { font-size: 13px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-header > * { font-size: 14px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list { min-height: 72px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list > .rank_no { font-size: 22px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list > .rank_detail { font-size: 15px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_detail_kda { font-size: 14px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-name-text { font-size: 15px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .mr-badge { font-size: 12px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .mr-hours { font-size: 12px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .pc-season-summary,
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-controls { font-size: 14px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-controls button,
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-controls select { font-size: 14px !important; min-height: 40px !important; }
}

/* Align every lower section with the hero's 1400px centered frame on desktop. */
@media (min-width: 721px) {
  html[data-theme-resolved="dark"] body.pc-portal-home .middle,
  html[data-theme-resolved="dark"] body.pc-portal-home .rank,
  html[data-theme-resolved="dark"] body.pc-portal-home #pc-servers-section,
  html[data-theme-resolved="dark"] body.pc-portal-home #honorWallSection,
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-title,
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-table,
  html[data-theme-resolved="dark"] body.pc-portal-home .servers-block,
  html[data-theme-resolved="dark"] body.pc-portal-home .recharge,
  html[data-theme-resolved="dark"] body.pc-portal-home .pcvr-notice-banner {
    width: min(1400px, 100%) !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}

/* Mobile keeps the compact layout, but restores comfortable reading sizes. */
@media (max-width: 720px) {
  html[data-theme-resolved="dark"] body.pc-portal-home .pc-portal-hero-copy { font-size: 13px !important; line-height: 1.65 !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .pc-portal-hero-actions a { font-size: 14px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .pc-portal-hero-actions a span { font-size: 12px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .pc-section-heading-copy strong,
  html[data-theme-resolved="dark"] body.pc-portal-home .community-head h2 { font-size: 20px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .pc-section-heading-copy small,
  html[data-theme-resolved="dark"] body.pc-portal-home .community-head > span { font-size: 11px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-name { font-size: 14px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-map-summary b { font-size: 14px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-map-summary span,
  html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-metric span { font-size: 10px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-metric b { font-size: 12px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .server-player-btn { font-size: 12px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .honor-kind { font-size: 12px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .honor-name { font-size: 15px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .honor-value { font-size: 19px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .honor-sub { font-size: 11px !important; line-height: 1.5 !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list > .rank_no { font-size: 20px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list > .rank_detail { font-size: 15px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-name-text { font-size: 15px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-mobile-stats b { font-size: 10px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-mobile-stats strong { font-size: 13px !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-sort-chip { font-size: 12px !important; }
}