*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
        :root{--bg:#08060f;--surface:#100d1a;--violet:#6d28d9;--violet2:#7c3aed;--gold:#f59e0b;--gold2:#fbbf24;--magenta:#c026d3;--frost:#f0e6ff;--muted:#7c6f99;--border:rgba(109,40,217,.25);--radius:18px;--font-display:'Cinzel',serif;--font-body:'Inter',sans-serif}
        html{overflow-x:hidden}body{background:var(--bg);color:var(--frost);font-family:var(--font-body);min-height:100vh;width:100%;margin:0}.page-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 15% 0%,rgba(109,40,217,.18) 0%,transparent 70%),radial-gradient(ellipse 50% 60% at 85% 100%,rgba(192,38,211,.14) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 50% 50%,rgba(245,158,11,.05) 0%,transparent 60%)}.page-bg::after{content:'';position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 15%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 60% 30%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 80% 70%,rgba(255,255,255,.35) 0%,transparent 100%),radial-gradient(1px 1px at 35% 80%,rgba(255,255,255,.25) 0%,transparent 100%),radial-gradient(1px 1px at 90% 10%,rgba(255,255,255,.4) 0%,transparent 100%);background-size:400px 400px;opacity:.6}.ranking-section{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:64px 24px 96px}.ranking-section>h2{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.2rem);font-weight:900;text-align:center;letter-spacing:.02em;line-height:1.1;background:linear-gradient(135deg,#fff 0%,var(--frost) 40%,var(--gold2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:48px}.ranking-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.ranking-box{background:linear-gradient(160deg,rgba(16,13,26,.95) 0%,rgba(24,18,40,.9) 100%);border:1px solid rgba(109,40,217,.2);border-radius:var(--radius);padding:26px 24px;backdrop-filter:blur(8px);transition:transform .25s,border-color .25s,box-shadow .25s}.ranking-box:hover{transform:translateY(-4px);border-color:var(--violet2);box-shadow:0 12px 40px rgba(0,0,0,.4),0 0 40px -15px var(--violet2)}.ranking-box h3{font-family:var(--font-display);font-size:1.1rem;color:var(--gold2);margin-bottom:18px;letter-spacing:.02em;text-align:center}table{width:100%;border-collapse:collapse}th{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-weight:600;text-align:left;padding:0 8px 10px;border-bottom:1px solid rgba(109,40,217,.2)}th:first-child{text-align:center;width:34px}td{font-size:14px;color:rgba(240,230,255,.85);padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.04)}tr:last-child td{border-bottom:none}td.rank{text-align:center;font-weight:700;color:var(--muted)}td.rank img{width:22px;height:22px;vertical-align:middle}td.no-data{text-align:center;color:var(--muted);padding:24px 8px;font-style:italic}@media(max-width:1100px){.ranking-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.ranking-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}