:root{color-scheme:dark;--bg:#101113;--text:#f0f0ec;--muted:#a3a4a8;--accent:#cfef65;--line:#303237;font-family:Arial,Helvetica,sans-serif;font-size:16px;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:absolute;top:-100px;left:1rem;z-index:2;padding:1rem;background:var(--bg)}.skip:focus{top:1rem}
header,footer{margin-inline:clamp(1.25rem,6vw,7rem);display:flex;align-items:center;justify-content:space-between;gap:1rem}header{min-height:100px;border-bottom:1px solid var(--line)}.brand{font-size:2rem;font-weight:900;letter-spacing:-.1rem}.brand span,.accent,.period{color:var(--accent)}nav{display:flex;gap:clamp(1rem,3vw,3rem);font-size:.9375rem}nav a{padding-block:1rem;color:var(--muted)}nav a[aria-current]{color:var(--text);border-bottom:2px solid var(--accent)}
main{flex:1;margin-inline:clamp(1.25rem,6vw,7rem)}.hero{padding-block:clamp(3rem,7vh,6rem)}.eyebrow{color:var(--muted);font-size:.8125rem;letter-spacing:.15em;font-weight:700;margin:0 0 2rem;line-height:1.7}.hero h1{font-size:clamp(4.25rem,12vw,11rem);line-height:.92;letter-spacing:-.055em;font-weight:900;margin:0 0 2.5rem}.intro{max-width:34rem}p{font-size:1.0625rem;line-height:1.65}.intro p{margin-block:.5rem}.secondary{color:var(--muted)}.button{display:inline-flex;align-items:center;gap:2rem;background:var(--accent);color:#151710;font-size:.9375rem;font-weight:700;padding:1rem 1.35rem;margin-top:1.5rem;border-radius:3px}.button:hover{background:#e0ff82;color:#151710}.button span{font-size:1.25rem}
footer{border-top:1px solid var(--line);min-height:80px;color:var(--muted);font-size:.875rem}.rankings{padding-block:4rem;max-width:80rem}.rankings h1{font-size:clamp(2rem,6vw,5rem);letter-spacing:-.045em;line-height:1.1;overflow-wrap:anywhere;margin:0 0 3rem}.ranking-panel{border:1px solid var(--line);border-radius:4px;background:#16171a}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.5rem;border-bottom:1px solid var(--line)}h2{font-size:1.25rem;margin:0}.panel-heading span{font-size:.875rem;color:var(--muted)}.empty{padding:3rem 1.5rem}.empty p:first-child{font-weight:700;font-size:1.5rem;margin-top:0}
@media(max-width:420px){header{min-height:90px;flex-wrap:wrap;padding-block:1rem}nav{gap:1.125rem;flex-wrap:wrap}nav a{padding-block:.5rem}.hero h1{font-size:clamp(3rem,20vw,5rem)}footer{flex-wrap:wrap;padding-block:1rem}}