.page-rankings{
  --rk-bg:#061814;
  --rk-bg2:#09231d;
  --rk-surface:#071d18;
  --rk-card:#08231d;
  --rk-line:rgba(117,222,195,.18);
  --rk-soft-line:rgba(117,222,195,.1);
  --rk-text:#f3f9f5;
  --rk-muted:#aac3b8;
  --rk-accent:#64f1d9;
  --rk-accent-2:#4cd8ff;
  background:
    linear-gradient(rgba(100,241,217,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(100,241,217,.022) 1px,transparent 1px),
    linear-gradient(180deg,#071813,#03100d);
  background-size:54px 54px,54px 54px,auto;
  color:var(--rk-text);
}
.page-rankings .rk-main{padding-top:0}

.rk-hero{
  position:relative;
  min-height:640px;
  padding:92px 0 0;
  border-bottom:1px solid var(--rk-line);
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 78%,rgba(100,241,217,.24),transparent 28%),
    radial-gradient(circle at 84% 18%,rgba(76,216,255,.10),transparent 24%),
    linear-gradient(180deg,#0b211b,#061611);
}
.rk-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,15,13,.40) 0%,rgba(3,15,13,.28) 23%,rgba(3,15,13,.08) 44%,rgba(3,15,13,.03) 66%),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.22));
  z-index:1;
}
.rk-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:var(--hero-art);
  background-size:cover;
  background-position:center center;
  z-index:0;
}
.rk-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,510px) 1fr;align-items:center;min-height:548px}
.rk-hero-copy{padding:34px 0 44px}
.rk-kicker{display:flex;align-items:center;gap:14px;color:#bfeee3;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.32em;text-transform:uppercase;margin-bottom:22px}
.rk-kicker::before{content:"";width:16px;height:2px;background:var(--rk-accent);border-radius:999px;box-shadow:0 0 18px rgba(100,241,217,.45)}
.rk-hero-copy h1{margin:0 0 18px;font-size:88px;line-height:.88;letter-spacing:-.05em;font-weight:780;max-width:460px}
.rk-hero-copy h1 span{display:block;color:var(--rk-accent)}
.rk-hero-copy p{margin:0;max-width:520px;font-size:17px;line-height:1.56;color:#e4f0eb;text-wrap:pretty}
.rk-hero-actions{display:flex;gap:14px;margin-top:22px}
.rk-hero-actions .button.primary{font-size:16px;padding:16px 26px;border-radius:18px;background:linear-gradient(135deg,#65f1d8,#66efb2);box-shadow:0 16px 34px rgba(45,231,177,.20);color:#042a1f;border:0}
.rk-hero-actions .button.primary:hover{transform:translateY(-1px)}

.rk-partners{position:relative;margin-top:-6px;padding-top:14px;padding-bottom:36px}
.rk-partners::before{content:"";position:absolute;left:-120px;top:12px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(100,241,217,.22),transparent 62%);filter:blur(10px);pointer-events:none}
.rk-headline-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.rk-headline-main{display:flex;align-items:flex-start;gap:16px}
.rk-section-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(100,241,217,.28);background:rgba(8,37,29,.88);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.rk-section-icon svg{width:22px;height:22px;fill:none;stroke:var(--rk-accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.rk-headline-main h2{margin:0;font-size:28px;line-height:1.05;letter-spacing:-.03em}
.rk-headline-main p{margin:6px 0 0;color:var(--rk-muted);font-size:14px;line-height:1.5}
.rk-link-more{display:inline-flex;align-items:center;gap:8px;color:var(--rk-accent);font-weight:700;text-decoration:none;white-space:nowrap}

.rk-partner-grid{display:grid;grid-template-columns:1.08fr 1fr 1fr;gap:16px}
.rk-promo-card{position:relative;min-height:182px;border:1px solid rgba(117,222,195,.18);border-radius:18px;overflow:hidden;background:#09241d;display:flex;align-items:flex-end;box-shadow:0 20px 34px rgba(0,0,0,.14)}
.rk-promo-card::before{content:"";position:absolute;inset:0;background-image:var(--promo);background-size:cover;background-position:center center;opacity:.72;transform:scale(1.01)}
.rk-promo-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,20,47,.90),rgba(18,20,47,.52) 44%,rgba(18,20,47,.16) 100%)}
.rk-promo-card.blue::after{background:linear-gradient(90deg,rgba(16,36,78,.88),rgba(16,36,78,.50) 44%,rgba(16,36,78,.12) 100%)}
.rk-promo-card.green::after{background:linear-gradient(90deg,rgba(12,54,46,.88),rgba(12,54,46,.48) 44%,rgba(12,54,46,.12) 100%)}
.rk-promo-top,.rk-promo-body{position:relative;z-index:2}
.rk-promo-top{position:absolute;top:14px;left:14px}
.rk-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(11,21,29,.60);border:1px solid rgba(255,255,255,.14);color:#d9f8ef;font-size:11px;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(8px)}
.rk-promo-body{padding:20px;max-width:68%}
.rk-promo-body h3{margin:0 0 8px;font-size:22px;line-height:1.08;letter-spacing:-.03em}
.rk-promo-body p{margin:0;color:#e4f1eb;font-size:14px;line-height:1.48}
.rk-promo-cta{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(6,18,24,.38);text-decoration:none;color:#fff;font-weight:650}

.rk-board{padding-top:8px;padding-bottom:96px}
.rk-board-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}
.rk-board-kicker{display:flex;align-items:center;gap:10px;font-size:24px;line-height:1;letter-spacing:-.03em;font-weight:780;color:#fff}
.rk-board-kicker span{font-size:28px}
.rk-board-kicker::after{content:"";display:inline-flex;margin-left:2px;color:var(--rk-accent)}
.rk-board p{margin:6px 0 0;color:var(--rk-muted);font-size:14px;line-height:1.5}
.rk-board-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.rk-search{display:flex;align-items:center;gap:10px;min-width:280px;padding:12px 16px;border-radius:999px;border:1px solid rgba(135,201,175,.24);background:rgba(2,13,11,.56);color:#bcd4ca}
.rk-search input{width:100%;min-width:140px;background:transparent;border:0;outline:0;color:#f6fffa;font:inherit}
.rk-tabs{display:flex;gap:8px;flex-wrap:wrap}
.rk-tabs button{cursor:pointer;padding:11px 18px;border:1px solid rgba(255,255,255,.10);background:rgba(6,18,15,.76);color:#d6e9e1;font:inherit;border-radius:999px;transition:.18s ease}
.rk-tabs button.active{background:linear-gradient(135deg,#66efb2,#65f1d8);border-color:transparent;color:#083025;font-weight:700}

.rk-table-panel{border:1px solid rgba(117,222,195,.18);border-radius:18px;overflow:hidden;background:radial-gradient(circle at 20% 0%,rgba(100,241,217,.07),transparent 30%),linear-gradient(180deg,rgba(8,31,26,.96),rgba(4,18,15,.98));box-shadow:0 18px 44px rgba(0,0,0,.16)}
.rk-table-wrap{overflow:auto;max-height:860px}
.rk-table{width:100%;min-width:1180px;border-collapse:collapse;text-align:left}
.rk-table thead th{position:sticky;top:0;z-index:2;background:#0b2721;padding:16px 14px;color:#b8ddd2;font-size:13px;font-weight:700;white-space:nowrap;border-bottom:1px solid rgba(117,222,195,.18)}
.rk-table th[data-sort]{cursor:pointer}
.rk-table tbody td{padding:13px 14px;border-top:1px solid rgba(131,193,166,.10);color:#dbe8e3;font-size:14px;vertical-align:middle}
.rk-table tbody tr:nth-child(even){background:rgba(13,45,37,.22)}
.rk-table tbody tr:hover{background:rgba(32,88,73,.20)}
.rk-rank{font-weight:800;color:#f6f9f8}
.rk-rank .medal{display:inline-flex;align-items:center;gap:8px;font-weight:800}
.rk-rank .gold{color:#ffcf58}.rk-rank .silver{color:#dfe5ef}.rk-rank .bronze{color:#ffaf64}
.rk-player{display:flex;align-items:center;gap:12px;min-width:210px}.rk-avatar{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;border:1px solid rgba(100,241,217,.25);background:linear-gradient(145deg,rgba(100,241,217,.15),rgba(100,241,217,.04));color:#a4ffe4;font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;flex:0 0 auto}
.rk-player strong{display:block;font-size:14px;color:#f1fbf5}.rk-player small{display:block;color:#8aa79c;font-size:11px;margin-top:3px}
.rk-world-badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:650;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}
.rk-world-badge.aetheris{color:#92c3ff;background:rgba(60,106,214,.18)}
.rk-world-badge.valtherra{color:#ffb660;background:rgba(166,92,0,.18)}
.rk-world-badge.nekoria{color:#ee8fff;background:rgba(120,0,124,.18)}
.rk-world-badge.cinderfall{color:#ff8260;background:rgba(157,44,20,.18)}
.rk-world-badge.lunacrest{color:#89f0ff;background:rgba(0,108,125,.18)}
.rk-energy{font-weight:750;color:#fff;white-space:nowrap}.rk-energy small{margin-left:7px;font-size:11px;color:#88a49a}
.rk-energy.ge::before,.rk-energy.me::before,.rk-energy.ae::before,.rk-energy.ce::before,.rk-energy.cre::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}
.rk-energy.ge::before{background:#ffd15b;box-shadow:0 0 8px rgba(255,209,91,.34)}
.rk-energy.me::before{background:#5cf4c8;box-shadow:0 0 8px rgba(92,244,200,.34)}
.rk-energy.ae::before{background:#6dc1ff;box-shadow:0 0 8px rgba(109,193,255,.34)}
.rk-energy.ce::before{background:#be87ff;box-shadow:0 0 8px rgba(190,135,255,.34)}
.rk-energy.cre::before{background:#ff9a42;box-shadow:0 0 8px rgba(255,154,66,.34)}
.rk-activity{color:#b9d2c8;font-size:14px;white-space:nowrap}
.rk-status{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:750;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
.rk-status.live{background:rgba(71,196,91,.18);color:#80ff96}
.rk-status.away{background:rgba(62,195,125,.16);color:#72f08c}
.rk-status.stale{background:rgba(156,170,178,.14);color:#d0dde3}
.rk-status.new{background:rgba(41,139,249,.17);color:#8cc1ff}
.rk-table-footer{display:flex;justify-content:space-between;gap:15px;padding:14px 18px;border-top:1px solid var(--rk-line);color:#a6c4b8;font-size:12px;background:rgba(2,13,11,.38)}
.rk-search-message{margin:12px 2px 0;color:#8eb5a6;font-size:13px}

@media(max-width:1180px){
  .rk-hero-copy h1{font-size:76px}
  .rk-partner-grid{grid-template-columns:1fr 1fr}
  .rk-promo-card:first-child{grid-column:1/-1}
}
@media(max-width:980px){
  .rk-hero{min-height:unset;padding-top:110px}
  .rk-hero-grid{grid-template-columns:1fr;min-height:520px;align-items:end}
  .rk-hero::before{background:linear-gradient(180deg,rgba(3,15,13,.32) 0%,rgba(3,15,13,.20) 28%,rgba(3,15,13,.72) 86%,rgba(3,15,13,.88) 100%)}
  .rk-hero-copy h1{font-size:58px;max-width:360px}
  .rk-headline-row,.rk-board-head{flex-direction:column;align-items:flex-start}
  .rk-board-controls{width:100%;justify-content:flex-start}
}
@media(max-width:720px){
  .rk-hero{padding-top:98px}
  .rk-hero-copy h1{font-size:44px}
  .rk-hero-copy p{font-size:15px}
  .rk-hero-actions{width:100%}
  .rk-hero-actions .button.primary{width:100%;justify-content:center}
  .rk-headline-main{flex-direction:column;gap:12px}
  .rk-partner-grid{grid-template-columns:1fr}
  .rk-promo-body{max-width:100%}
  .rk-search{min-width:0;width:100%}
  .rk-board-controls{align-items:stretch}
  .rk-tabs{width:100%}
  .rk-tabs button{flex:1}
  .rk-table-footer{flex-direction:column}
}


/* v53 alignment audit: one hierarchy and matching 470px hero across Worlds / Players / Rankings. */
.page-rankings{--rk-type-hero:40px;--rk-type-section:24px;--rk-type-body:16px;--rk-type-meta:13px}
.page-rankings .rk-hero{height:470px!important;min-height:470px!important;padding:0!important}
.page-rankings .rk-hero-grid{height:100%!important;min-height:0!important;align-items:center!important;padding-top:72px!important}
.page-rankings .rk-hero-copy{padding:0!important;max-width:630px!important}
.page-rankings .rk-hero-copy h1{font-size:var(--rk-type-hero)!important;line-height:1.08!important;letter-spacing:-.03em!important;font-weight:730!important;max-width:620px!important;margin-bottom:16px!important}
.page-rankings .rk-hero-copy h1 span{display:inline!important}
.page-rankings .rk-hero-copy p{font-size:var(--rk-type-body)!important;line-height:1.55!important;max-width:575px!important;color:#f0f8f4!important;text-shadow:0 1px 7px rgba(0,0,0,.52)}
.page-rankings .rk-hero:before{background:linear-gradient(90deg,rgba(1,13,12,.91) 0%,rgba(1,13,12,.80) 25%,rgba(1,13,12,.50) 44%,rgba(1,13,12,.06) 73%),linear-gradient(0deg,rgba(1,12,11,.30),transparent 35%)!important}
.page-rankings .rk-hero:after{background-position:center 51%!important}
.page-rankings .rk-kicker{font-size:var(--rk-type-meta)!important;letter-spacing:.14em!important;margin-bottom:15px!important;color:#8ef4df!important}
.page-rankings .rk-hero-actions{margin-top:18px!important}
.page-rankings .rk-hero-actions .button.primary{font-size:var(--rk-type-meta)!important;padding:13px 19px!important;border-radius:10px!important}
.page-rankings .rk-partners{padding-top:34px!important;padding-bottom:30px!important;margin-top:0!important}
.page-rankings .rk-headline-main h2,.page-rankings .rk-board-kicker{font-size:var(--rk-type-section)!important;font-weight:720!important;letter-spacing:-.02em!important;line-height:1.2!important}
.page-rankings .rk-board-kicker span{font-size:var(--rk-type-section)!important}
.page-rankings .rk-headline-main p,.page-rankings .rk-board-head p{font-size:var(--rk-type-meta)!important;line-height:1.5!important}
.page-rankings .rk-headline-row{margin-bottom:16px!important}
.page-rankings .rk-promo-card{min-height:196px!important;border-radius:15px!important}
.page-rankings .rk-promo-card:before{opacity:.75!important}
.page-rankings .rk-promo-card:after{background:linear-gradient(90deg,rgba(17,13,40,.95) 0%,rgba(17,13,40,.78) 56%,rgba(17,13,40,.21) 100%)!important}
.page-rankings .rk-promo-card.blue:after{background:linear-gradient(90deg,rgba(8,29,55,.96) 0%,rgba(8,29,55,.77) 56%,rgba(8,29,55,.21) 100%)!important}
.page-rankings .rk-promo-card.green:after{background:linear-gradient(90deg,rgba(5,43,32,.96) 0%,rgba(5,43,32,.77) 56%,rgba(5,43,32,.21) 100%)!important}
.page-rankings .rk-promo-body{padding:17px!important;max-width:83%!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important}
.page-rankings .rk-promo-body h3{font-size:var(--rk-type-body)!important;line-height:1.25!important;font-weight:730!important;margin:0!important}
.page-rankings .rk-promo-body p{font-size:var(--rk-type-meta)!important;line-height:1.4!important;margin:0!important;color:#f0f5f3!important}
.page-rankings .rk-pill{font-size:11px!important}
.page-rankings .rk-promo-top{top:12px!important;left:16px!important}
.page-rankings .rk-promo-cta{font-size:var(--rk-type-meta)!important;line-height:1.2!important;padding:8px 12px!important;margin-top:8px!important}
.page-rankings .rk-link-more{font-size:var(--rk-type-meta)!important}
.page-rankings .rk-sponsor-disclaimer{font-size:var(--rk-type-meta);color:#86a498;margin:10px 0 0;line-height:1.4}
.page-rankings .rk-board{padding-top:22px!important}
.page-rankings .rk-board-head{margin-bottom:16px!important}
.page-rankings .rk-search,.page-rankings .rk-tabs button{font-size:var(--rk-type-meta)!important}
.page-rankings .rk-search{padding:10px 14px!important}
.page-rankings .rk-tabs button{padding:10px 15px!important}
.page-rankings .rk-table thead th{font-size:var(--rk-type-meta)!important;padding:12px 13px!important}
.page-rankings .rk-table tbody td{font-size:var(--rk-type-meta)!important;padding:11px 13px!important}
.page-rankings .rk-player strong,.page-rankings .rk-energy,.page-rankings .rk-activity,.page-rankings .rk-world-badge,.page-rankings .rk-rank{font-size:var(--rk-type-meta)!important}
.page-rankings .rk-player small{font-size:11px!important}
.page-rankings .rk-table{min-width:1120px!important}
.page-rankings .rk-table-wrap{max-height:580px!important}
.page-rankings .rk-table-footer,.page-rankings .rk-status{font-size:var(--rk-type-meta)!important}
@media(max-width:980px){.page-rankings .rk-hero{height:470px!important;min-height:470px!important}.page-rankings .rk-hero-grid{padding-top:70px!important;align-items:center!important}.page-rankings .rk-hero-copy h1{font-size:36px!important}.page-rankings .rk-hero-copy p{max-width:475px!important}}
@media(max-width:680px){.page-rankings .rk-hero{height:530px!important;min-height:530px!important}.page-rankings .rk-hero-grid{padding-top:70px!important}.page-rankings .rk-hero-copy h1{font-size:30px!important}.page-rankings .rk-hero-copy p{font-size:14px!important}.page-rankings .rk-partner-grid{grid-template-columns:1fr!important}.page-rankings .rk-promo-card{min-height:185px!important}.page-rankings .rk-promo-body{max-width:90%!important}}

/* v54 — approved safe-composition ranking hero; preserve the v53 470px section and layout */
.page-rankings .rk-hero::after { background-position: center bottom; }
@media (max-width:980px) { .page-rankings .rk-hero::after { background-position: 60% bottom; } }
@media (max-width:680px) { .page-rankings .rk-hero::after { background-position: 64% bottom; } }

/* v56: sponsor inventory & stable leaderboard viewport */
.page-rankings .rk-promo-vacant{background:linear-gradient(140deg,rgba(8,41,34,.96),rgba(4,24,21,.98));border:1px dashed rgba(112,234,192,.46)}
.page-rankings .rk-promo-vacant::before,.page-rankings .rk-promo-vacant::after{display:none}
.page-rankings .rk-vacant-inner{padding:19px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}
.page-rankings .rk-vacant-inner h3{margin:0;font-size:18px}.page-rankings .rk-vacant-inner p{margin:0;color:#bad6ca;font-size:13px;line-height:1.4}
.page-rankings .rk-vacant-symbol{color:#64f1d9;font-size:25px;line-height:1}
.page-rankings .rk-book-button{border:1px solid rgba(100,241,217,.45);padding:11px 16px;border-radius:11px;background:rgba(100,241,217,.08)}
.page-rankings .rk-booking-note{margin:10px 0 0;font-size:12px;line-height:1.5;color:#a0c3b4;scroll-margin-top:85px}
.page-rankings .rk-table{min-width:0!important;width:100%!important;table-layout:fixed}
.page-rankings .rk-table thead th:nth-child(1){width:6%}.page-rankings .rk-table thead th:nth-child(2){width:20%}.page-rankings .rk-table thead th:nth-child(3){width:11%}
.page-rankings .rk-table thead th:nth-child(4),.page-rankings .rk-table thead th:nth-child(5),.page-rankings .rk-table thead th:nth-child(6),.page-rankings .rk-table thead th:nth-child(7),.page-rankings .rk-table thead th:nth-child(8){width:8%}
.page-rankings .rk-table thead th:nth-child(9){width:14%}.page-rankings .rk-table thead th:nth-child(10){width:9%}
.page-rankings .rk-table-wrap{max-height:645px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable!important}
.page-rankings .rk-table th,.page-rankings .rk-table td{overflow:hidden;text-overflow:ellipsis;padding-left:10px!important;padding-right:8px!important}
.page-rankings .rk-table th[data-sort]{user-select:none;cursor:pointer;white-space:nowrap}
.page-rankings .rk-table th[aria-sort=ascending],.page-rankings .rk-table th[aria-sort=descending]{color:#64f1d9!important}
.page-rankings .rk-world-link{text-decoration:none;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.page-rankings .rk-world-link:hover{text-decoration:underline}
.page-rankings .rk-player{min-width:0;gap:7px}.page-rankings .rk-player strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px!important}
.page-rankings .rk-player small{font-size:11px!important}.page-rankings .rk-energy{white-space:nowrap;font-size:12px!important}
.page-rankings .rk-energy::before{width:7px!important;height:7px!important;margin-right:4px!important}
.page-rankings .rk-rank{white-space:nowrap}
.page-rankings .rk-status{white-space:nowrap;padding:6px 8px!important;font-size:11px!important}
@media(max-width:1050px){.page-rankings .rk-table{min-width:1040px!important}.page-rankings .rk-table-wrap{overflow-x:auto!important}}

.page-rankings .rk-player-number{display:inline-flex;margin-left:6px;vertical-align:middle;font:650 10px/1.2 ui-monospace,monospace;color:#96e6d1;border:1px solid rgba(100,241,217,.24);padding:2px 4px;border-radius:4px}

/* v67: subtle truthful two-state palette and legible GE heading */
.page-rankings .rk-status.online{background:rgba(43,148,96,.17)!important;color:#91dfab!important;border:1px solid rgba(68,181,125,.22)!important;}
.page-rankings .rk-status.offline{background:rgba(175,72,74,.14)!important;color:#e6a6a8!important;border:1px solid rgba(191,90,94,.20)!important;}
.page-rankings .rk-sort[data-sort="ge"],.page-rankings th[data-sort="ge"]{font-weight:850!important;}