:root{--bg: #0c0a1a;--bg-2: #151030;--ink: #f3f0ff;--ink-dim: #a29cc9;--seam: #fff6b0;--live: #ff4d4d;--track: #231b45;--stroke: #2e2557}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(1200px 700px at 20% -10%,rgba(139,92,246,.2),transparent 60%),radial-gradient(1200px 700px at 82% -12%,rgba(255,45,142,.18),transparent 60%),linear-gradient(180deg,var(--bg-2),var(--bg) 42%);background-attachment:fixed;color:var(--ink);font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}.wrap{max-width:640px;margin:0 auto;padding:20px 18px 40px}.topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.02em;font-size:20px}.brand .swords{border-radius:6px;display:block}.live{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:12px;color:var(--ink-dim)}.live .dot{width:9px;height:9px;border-radius:50%;background:var(--live);box-shadow:0 0 #ff4d4db3;animation:ping 1.6s ease-out infinite}@keyframes ping{0%{box-shadow:0 0 #ff4d4d99}to{box-shadow:0 0 0 12px #ff4d4d00}}.search{margin:22px 0 8px}.search input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--stroke);background:#ffffff0a;color:var(--ink);font-family:inherit;font-weight:700;font-size:15px}.search input::placeholder{color:var(--ink-dim)}.search input:focus-visible{outline:2px solid var(--seam);outline-offset:2px}.tabs{display:flex;gap:8px;margin:26px 0 14px}.tab{appearance:none;border:1px solid var(--stroke);background:#ffffff08;color:var(--ink-dim);font-family:inherit;font-weight:800;font-size:13px;padding:9px 15px;border-radius:999px;cursor:pointer}.tab[aria-selected=true]{color:var(--ink);border-color:#3d3270;background:#ffffff12}.tab:focus-visible{outline:2px solid var(--seam);outline-offset:2px}.hero{display:block;margin:22px 0 4px;padding:16px 18px;border-radius:16px;color:var(--ink);border:1px solid color-mix(in srgb,var(--a) 40%,var(--stroke));text-decoration:none;overflow:hidden;background:linear-gradient(120deg,color-mix(in srgb,var(--a) 14%,transparent),color-mix(in srgb,var(--b) 12%,transparent))}.hero:hover{border-color:color-mix(in srgb,var(--a) 60%,var(--stroke))}.hero:focus-visible{outline:2px solid var(--seam);outline-offset:2px}.hero-tag{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim)}.hero-tag .dot{width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 #ff4d4db3;animation:ping 1.6s ease-out infinite}.hero-heads{display:flex;justify-content:space-between;gap:10px;margin:12px 0 9px;font-weight:800;font-size:15px}.hero-heads b{font-variant-numeric:tabular-nums}.hero-heads .left b{color:var(--a)}.hero-heads .right{text-align:right}.hero-heads .right b{color:var(--b)}.hero-meter{height:13px;border-radius:999px;overflow:hidden;background:var(--b);box-shadow:inset 0 1px 6px #00000073}.hero-meter .hmf{display:block;height:100%;background:var(--a);box-shadow:2px 0 14px -1px var(--a)}.hero-cta{margin-top:11px;font-weight:800;font-size:12.5px;color:var(--seam)}.ladder{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.ladder a{display:grid;grid-template-columns:40px 34px 1fr auto;align-items:center;gap:12px;padding:13px 16px;border-radius:14px;border:1px solid var(--stroke);background:linear-gradient(180deg,#ffffff0d,#ffffff03);color:var(--ink);text-decoration:none;position:relative;overflow:hidden}.lrow a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent)}.ladder a:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--stroke))}.ladder a:focus-visible{outline:2px solid var(--seam);outline-offset:2px}.lrow.top a{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,transparent),#ffffff03)}.lrow:first-child a{border-color:color-mix(in srgb,var(--accent) 60%,var(--stroke));box-shadow:0 0 24px -6px color-mix(in srgb,var(--accent) 60%,transparent)}.ladder .rank{font-weight:900;font-size:17px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.lrow.top .rank{color:var(--accent)}.ladder .emoji{font-size:22px}.ladder .body{min-width:0;display:flex;flex-direction:column;gap:6px}.ladder .name{font-weight:800;font-size:15.5px;letter-spacing:.01em;display:flex;align-items:center;gap:8px;white-space:nowrap}.ladder .artist{color:var(--ink-dim);font-weight:600;font-size:12px}.ladder .leadtag{color:var(--accent);font-weight:900;font-size:10px;letter-spacing:.08em;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);border-radius:999px;padding:2px 7px}.ladder .gap{color:#6b649a;font-weight:700;font-size:11.5px;font-variant-numeric:tabular-nums;margin-left:auto}.ladder .bar{height:7px;border-radius:999px;background:#ffffff0f;overflow:hidden}.ladder .fill{display:block;height:100%;border-radius:999px;background:var(--accent);box-shadow:0 0 12px -2px var(--accent)}.ladder .count{font-weight:900;font-variant-numeric:tabular-nums;font-size:22px;color:var(--ink)}.lrow.top .count{color:var(--accent)}h1.section{font-size:13px;font-weight:800;color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px}.hidden{display:none}.foot{color:#6b649a;font-size:11.5px;font-weight:600;line-height:1.5;margin-top:34px;text-align:center}