:root{--bg:#0f0d0a;--surface:#17140f;--surface-2:#1d1913;--line:rgba(224,177,87,.17);--gold:#d7a444;--gold-light:#f2d397;--text:#f6f1e8;--muted:#9d9589;--green:#78d080}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;color:var(--text);background:radial-gradient(circle at 88% 5%,rgba(143,86,29,.14),transparent 30rem),var(--bg);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.5}.ranking-page{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:42px 0 60px}.ranking-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:50px;min-height:290px;padding:46px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(90deg,rgba(10,8,6,.94),rgba(10,8,6,.48) 55%,rgba(10,8,6,.13)),url("../assets/tantra-artwork/tantra-hall-of-champions-banner.png") center/cover}.ranking-hero::after{position:absolute;inset:0;content:"";background:linear-gradient(0deg,rgba(9,7,5,.8),transparent 60%);pointer-events:none}.ranking-hero>div,.season-card{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 15px;color:var(--gold-light);font-size:9px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.eyebrow span{width:30px;height:1px;background:var(--gold)}h1{margin:0;font:700 clamp(45px,7vw,78px)/.9 Georgia,serif;letter-spacing:-.055em}h1 em{color:var(--gold-light);font-weight:400}.hero-copy{max-width:540px;margin:22px 0 0;color:#c9c1b6;font-size:13px}.season-card{display:flex;flex-direction:column;min-width:210px;padding:22px;border:1px solid rgba(242,211,151,.2);background:rgba(15,12,8,.76);backdrop-filter:blur(10px)}.season-card small{color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.season-card strong{margin:5px 0;color:#fff;font:700 30px Georgia,serif}.season-card span{color:var(--muted);font-size:9px}.filters,.leaderboard{margin-top:28px;padding:30px;border:1px solid var(--line);background:var(--surface)}.filter-heading,.leaderboard-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.filter-heading>div,.leaderboard-heading>div{display:flex;align-items:center;gap:16px}.section-number{color:rgba(215,164,68,.45);font:400 28px Georgia,serif}.filter-heading small,.leaderboard-heading small{display:block;color:var(--gold);font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.filter-heading h2,.leaderboard-heading h2{margin:2px 0 0;font:700 21px Georgia,serif}.reset-filter{padding:8px 11px;color:var(--muted);border:1px solid rgba(255,255,255,.1);font-size:8px;font-weight:800;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;transition:.2s}.reset-filter:hover{color:var(--gold-light);border-color:var(--gold)}.filter-group{display:grid;grid-template-columns:70px 1fr;align-items:start;gap:18px;padding:17px 0;border-top:1px solid rgba(255,255,255,.06)}.filter-label{padding-top:14px;color:#777066;font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.filter-options{display:flex;flex-wrap:wrap;gap:7px}.filter-option{display:flex;align-items:center;gap:8px;min-height:43px;padding:7px 12px;color:var(--muted);border:1px solid rgba(255,255,255,.08);background:#13110d;text-decoration:none;transition:.2s}.filter-option img{width:24px;height:24px;object-fit:contain;image-rendering:auto}.filter-option strong{font-size:9px;letter-spacing:.05em}.filter-option:hover{color:var(--text);border-color:rgba(215,164,68,.45);background:var(--surface-2)}.filter-option.active{color:#1a1208;border-color:var(--gold);background:linear-gradient(135deg,var(--gold-light),var(--gold));box-shadow:0 7px 20px rgba(215,164,68,.12)}.all-icon{display:grid;place-items:center;width:24px;height:24px;font-size:15px}.live-indicator{display:flex;align-items:center;gap:8px;color:var(--green);font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.live-indicator i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(120,208,128,.08),0 0 10px var(--green)}.table-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.07)}table{width:100%;border-collapse:collapse;text-align:left}thead{background:#110f0c}th,td{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06)}thead th{color:#777066;font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}tbody tr{transition:background .2s}tbody tr:hover{background:rgba(215,164,68,.045)}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}tbody th{font-weight:400}.rank-position span{display:grid;place-items:center;width:31px;height:31px;color:var(--muted);border:1px solid rgba(255,255,255,.1);font:700 12px Georgia,serif}tbody tr:nth-child(1) .rank-position span{color:#211707;border-color:var(--gold-light);background:linear-gradient(135deg,#f7dfa9,var(--gold))}tbody tr:nth-child(2) .rank-position span{color:#242424;border-color:#c4c2bd;background:linear-gradient(135deg,#eee,#999)}tbody tr:nth-child(3) .rank-position span{color:#26150c;border-color:#b87749;background:linear-gradient(135deg,#d79b6b,#8b4f2d)}.character-name{display:block;color:var(--text);font:700 14px Georgia,serif}.character-name+small,.points small{display:block;margin-top:3px;color:#6e685f;font-size:7px;letter-spacing:.12em;text-transform:uppercase}.points strong{display:block;color:var(--gold-light);font-size:12px}.guild-name{color:#c4bbae;font-size:10px}.symbol{text-align:center}.symbol img{display:block;margin:auto}.ranking-note{margin:18px 0 0;color:#777066;font-size:9px;text-align:right}@media(max-width:720px){.ranking-page{width:calc(100% - 24px);padding-top:12px}.ranking-hero{align-items:flex-start;flex-direction:column;min-height:360px;padding:28px;background-position:62% center}.season-card{min-width:0;width:100%}.filters,.leaderboard{padding:20px}.filter-group{grid-template-columns:1fr}.filter-label{padding-top:0}.filter-option{flex:1 0 115px}.filter-heading,.leaderboard-heading{align-items:flex-start}.table-wrap{border:0}table,tbody{display:block}thead{display:none}tbody tr{display:grid;grid-template-columns:48px minmax(120px,1fr) 1fr 40px 40px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07)}tbody td,tbody th{padding:6px;border:0}tbody tr>td:nth-of-type(3){grid-column:3}.guild-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-note{text-align:left}}@media(max-width:470px){.filter-option{flex-basis:100px;padding-inline:9px}.reset-filter{display:none}.leaderboard{padding-inline:13px}tbody tr{grid-template-columns:42px minmax(100px,1fr) 82px 34px 34px}.guild-name{font-size:8px}.character-name{font-size:12px}}