:root{--rank-bg:#eef3f1;--panel:#ffffff;--panel-soft:#f8fbfa;--accent-2:#496b7c;--danger:#a84545}
    body{background:linear-gradient(180deg,#eef3f1 0,#f7f8f5 260px,#f7f8f5 100%)}
    main{min-width:0;padding-top:20px}
    #rankings-content,.wide-section,.split,.split section,.table-wrap{min-width:0}
    .summary-section{padding:18px}
    .grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
    .tile{padding:12px 14px;background:linear-gradient(180deg,#fff,#f8fbfa)}
    .metric{font-size:24px}
    .pill{display:inline-flex;align-items:center;min-height:28px;padding:2px 10px;border:1px solid #cfdadd;border-radius:999px;background:#fff;color:#52616a;font-size:13px;white-space:nowrap}
    .status-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
    .section-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:26px 0 12px}
    .section-title h2{margin:0;border:0;padding:0;font-size:22px}
    .section-title .muted{font-size:14px}
    .split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
    .split section{margin:0;padding:16px;border-radius:8px;background:var(--panel);box-shadow:0 8px 20px rgba(23,32,38,.05)}
    .split section.span-wide{grid-column:1/-1}
    .split h2{font-size:18px;margin-bottom:10px;padding-bottom:8px}
    .wide-section{padding:18px}
    .table-wrap{width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}
    .table-wrap table{margin:0}
    table{border-collapse:separate;border-spacing:0;font-size:14px;line-height:1.45;table-layout:auto}
    th,td{padding:9px 12px;border:0;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:middle}
    th{position:sticky;top:0;z-index:1;background:#eaf0f1;color:#25353b;font-size:13px;font-weight:700}
    tr:last-child td{border-bottom:0}
    tbody tr:nth-child(even),tr:nth-child(even) td{background:#fbfdfc}
    .num{text-align:right;font-variant-numeric:tabular-nums}
    .rank{width:58px;color:#7b6120}
    .main-table table{min-width:1120px}
    .rank-table table{min-width:460px}
    .event-table table{min-width:820px}
    .level-table table{min-width:760px}
    .timeline-table table{min-width:900px}
    .daily-table table{min-width:720px}
    .updated{margin-bottom:0}
    @media(max-width:720px){
      .split{grid-template-columns:1fr}
      .split section.span-wide{grid-column:auto}
      .section-title{display:block}
      th,td{padding:8px 10px}
    }