.rankings-wrap{--rk-charcoal:#141414;--rk-crimson:#B71C1C;--rk-crimson-light:#EF5350;--rk-cream:#F7F6F3;--rk-light:#E8E6E1;--rk-mid:#888;--rk-green:#2E7D32;--rk-red:#C62828;--rk-gold:#FFD600;--rk-silver:#B0BEC5;--rk-bronze:#FF8F00;--rk-font:'Outfit',sans-serif;--rk-serif:'Source Serif 4',serif;font-family:var(--rk-font);color:var(--rk-charcoal);max-width:1000px;margin:0 auto;padding:0 16px}
.rankings-wrap *{box-sizing:border-box}

/* Hero banner */
.rk-hero{background:var(--rk-charcoal);border-radius:16px;padding:48px 32px;margin:0 0 32px;text-align:center;position:relative;overflow:hidden}
.rk-hero::before{content:"";position:absolute;top:-40%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(239,83,80,.15),transparent 70%);pointer-events:none}
.rk-hero h1{font-family:var(--rk-font);font-size:clamp(28px,5vw,42px);font-weight:800;color:#fff;margin:0 0 8px;line-height:1.1}
.rk-hero h1 span{color:var(--rk-crimson-light)}
.rk-hero p{font-family:var(--rk-serif);font-size:17px;color:#999;margin:0;line-height:1.6}
.rk-updated{font-size:11px;color:#666;letter-spacing:1.5px;text-transform:uppercase;margin-top:12px;display:inline-block}

/* Top 3 podium */
.rk-podium{display:flex;justify-content:center;align-items:flex-end;gap:16px;margin:0 0 32px;padding:0 16px}
.rk-podium-card{background:#fff;border-radius:12px;padding:20px 16px 16px;text-align:center;position:relative;box-shadow:0 2px 12px rgba(0,0,0,.06);flex:1;max-width:200px;transition:transform .2s}
.rk-podium-card:hover{transform:translateY(-4px)}
.rk-podium-card.rk-p1{order:2;margin-bottom:16px}
.rk-podium-card.rk-p2{order:1}
.rk-podium-card.rk-p3{order:3}
.rk-podium-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff}
.rk-p1 .rk-podium-badge{background:var(--rk-gold);color:#333;width:34px;height:34px;font-size:15px;top:-14px}
.rk-p2 .rk-podium-badge{background:var(--rk-silver);color:#333}
.rk-p3 .rk-podium-badge{background:var(--rk-bronze);color:#fff}
.rk-podium-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;margin:8px auto 10px;display:block;border:3px solid var(--rk-light)}
.rk-p1 .rk-podium-photo{width:88px;height:88px;border-color:var(--rk-gold)}
.rk-podium-name{font-weight:700;font-size:15px;margin:0 0 4px;line-height:1.2}
.rk-podium-country{display:none}
.rk-podium-avatar{position:relative;display:inline-block}
.rk-podium-avatar .rk-flag{width:20px;height:14px;bottom:3px;right:3px;border:2px solid #fff}
.rk-p1 .rk-podium-avatar .rk-flag{width:22px;height:16px;bottom:4px;right:4px}
.rk-podium-money{font-size:18px;font-weight:800;color:var(--rk-crimson);margin:0}
.rk-p1 .rk-podium-money{font-size:22px}

/* Controls */
.rk-controls{display:flex;gap:12px;margin:0 0 20px;flex-wrap:wrap;align-items:center}
.rk-search{flex:1;min-width:200px;padding:12px 16px;border:2px solid var(--rk-light);border-radius:10px;font-size:15px;font-family:var(--rk-font);outline:none;transition:border .2s;background:#fff}
.rk-search:focus{border-color:var(--rk-crimson-light)}
.rk-search::placeholder{color:#bbb}
.rk-per-page{padding:12px 16px;border:2px solid var(--rk-light);border-radius:10px;font-size:14px;font-family:var(--rk-font);background:#fff;cursor:pointer}

/* Player row - card style */
.rk-list{display:flex;flex-direction:column;gap:4px;margin:0 0 20px}
.rk-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:10px;transition:all .15s;border:1px solid transparent}
.rk-row:hover{border-color:var(--rk-crimson-light);box-shadow:0 2px 8px rgba(183,28,28,.08);transform:translateX(4px)}
.rk-row:nth-child(even){background:var(--rk-cream)}

/* Rank number */
.rk-pos{min-width:36px;text-align:center;font-weight:800;font-size:18px;color:var(--rk-mid);line-height:1}
.rk-row.rk-top10 .rk-pos{color:var(--rk-charcoal);font-size:20px}

/* Player photo */
.rk-photo{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--rk-light);background:var(--rk-cream)}
.rk-row.rk-top10 .rk-photo{width:50px;height:50px;border-color:var(--rk-crimson-light)}
.rk-no-photo{width:44px;height:44px;border-radius:50%;background:var(--rk-light);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--rk-mid);flex-shrink:0}
.rk-row.rk-top10 .rk-no-photo{width:50px;height:50px}

/* Player info */
.rk-info{flex:1;min-width:0}
.rk-name{font-weight:700;font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-country{display:none}
.rk-avatar{position:relative;flex-shrink:0}
.rk-flag{position:absolute;bottom:2px;right:2px;width:16px;height:11px;border-radius:2px;border:1.5px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.2);display:block;object-fit:cover}
.rk-row.rk-top10 .rk-flag{width:18px;height:13px;bottom:2px;right:2px}

/* Prize money */
.rk-money{font-weight:700;font-size:16px;font-variant-numeric:tabular-nums;min-width:90px;text-align:right;white-space:nowrap}
.rk-row.rk-top10 .rk-money{font-size:18px;color:var(--rk-charcoal)}

/* Change */
.rk-change{min-width:56px;text-align:center;font-weight:700;font-size:13px;padding:4px 8px;border-radius:6px}
.rk-up{color:var(--rk-green);background:rgba(46,125,50,.08)}
.rk-down{color:var(--rk-red);background:rgba(198,40,40,.08)}
.rk-flat{color:var(--rk-mid)}
.rk-new{color:var(--rk-crimson-light);font-style:italic;font-size:11px;font-weight:600}

/* Sort header */
.rk-sort-bar{display:flex;gap:8px;margin:0 0 12px;padding:0 16px;align-items:center}
.rk-sort-bar span{font-size:12px;color:var(--rk-mid);text-transform:uppercase;letter-spacing:1px;font-weight:600}
.rk-sort-btn{padding:6px 12px;border:1px solid var(--rk-light);border-radius:6px;background:#fff;font-family:var(--rk-font);font-size:12px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .15s}
.rk-sort-btn:hover,.rk-sort-btn.active{background:var(--rk-charcoal);color:#fff;border-color:var(--rk-charcoal)}

/* Pagination */
.rk-pagination{display:flex;justify-content:center;align-items:center;gap:6px;padding:16px 0 48px}
.rk-pagination button{padding:8px 14px;border:1px solid var(--rk-light);border-radius:8px;background:#fff;font-family:var(--rk-font);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}
.rk-pagination button:hover{border-color:var(--rk-crimson-light);color:var(--rk-crimson)}
.rk-pagination button.rk-active{background:var(--rk-charcoal);color:#fff;border-color:var(--rk-charcoal)}
.rk-pagination button:disabled{opacity:.3;cursor:default}
.rk-page-info{font-size:13px;color:var(--rk-mid);margin-left:8px}

/* Loading */
.rk-loading{text-align:center;padding:80px 0;color:var(--rk-mid);font-size:16px}

/* Insights section */
.rk-insights{margin:48px 0 0;padding:48px 0 0;border-top:2px solid var(--rk-light)}
.rk-insights-header{text-align:center;margin:0 0 32px}
.rk-insights-header h2{font-family:var(--rk-font);font-size:28px;font-weight:800;margin:0 0 8px}
.rk-insights-header p{font-family:var(--rk-serif);color:var(--rk-mid);font-size:16px;margin:0}

.rk-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 32px}
.rk-stat-card{background:var(--rk-charcoal);border-radius:10px;padding:20px 16px;text-align:center;color:#fff}
.rk-stat-num{font-family:var(--rk-font);font-size:26px;font-weight:800;margin:0 0 4px}
.rk-stat-lbl{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#999}

.rk-chart-section{margin:0 0 32px}
.rk-chart-wrap h3{font-family:var(--rk-font);font-size:20px;font-weight:700;margin:0 0 20px}
.rk-chart-row{display:flex;align-items:center;gap:32px}
.rk-pie{flex-shrink:0}
.rk-pie svg{display:block}
.rk-legend{flex:1;display:flex;flex-direction:column;gap:8px}
.rk-legend-item{display:flex;align-items:center;gap:8px;font-size:14px}
.rk-legend-item strong{margin-left:auto}
.rk-legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}
.rk-legend-item .rk-flag{position:static;border:none;box-shadow:none;width:20px;height:14px}

.rk-facts{margin:0 0 16px}
.rk-facts h3{font-family:var(--rk-font);font-size:20px;font-weight:700;margin:0 0 16px}
.rk-facts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.rk-fact-card{background:var(--rk-cream);border-radius:10px;padding:20px;display:flex;gap:14px;align-items:flex-start}
.rk-fact-icon{font-size:24px;flex-shrink:0;line-height:1}
.rk-fact-text{font-family:var(--rk-serif);font-size:15px;line-height:1.6;color:var(--rk-charcoal)}
.rk-fact-text strong{font-family:var(--rk-font);font-weight:700}

@media(max-width:640px){
  .rk-stats-grid{grid-template-columns:repeat(2,1fr)}
  .rk-stat-card{padding:14px 10px}
  .rk-stat-num{font-size:20px}
  .rk-chart-row{flex-direction:column;gap:20px}
  .rk-pie svg{width:160px;height:160px}
  .rk-facts-grid{grid-template-columns:1fr}
  .rk-insights-header h2{font-size:22px}
}

/* Mobile */
@media(max-width:640px){
  .rk-hero{padding:32px 20px;border-radius:12px}
  .rk-podium{gap:8px;padding:0}
  .rk-podium-card{padding:14px 8px 12px}
  .rk-podium-photo{width:56px;height:56px}
  .rk-p1 .rk-podium-photo{width:68px;height:68px}
  .rk-podium-name{font-size:13px}
  .rk-podium-money{font-size:15px}
  .rk-p1 .rk-podium-money{font-size:18px}
  .rk-controls{flex-direction:column}
  .rk-search{min-width:100%}
  .rk-row{padding:10px 12px;gap:8px}
  .rk-photo,.rk-no-photo{width:36px;height:36px}
  .rk-row.rk-top10 .rk-photo,.rk-row.rk-top10 .rk-no-photo{width:40px;height:40px}
  .rk-pos{min-width:28px;font-size:15px}
  .rk-name{font-size:13px}
  .rk-money{font-size:14px;min-width:70px}
  .rk-change{min-width:44px;font-size:11px;padding:3px 6px}
  .rk-sort-bar{flex-wrap:wrap;padding:0;gap:6px}
}
