:root{--green: #4fa63a;--green-dark: #1f4d3a;--blue: #2e6aa6;--maroon: #7d1f2c;--ink: #141414;--muted: #6b7280;--bg: #eef2f0;--card: #ffffff;--row-alt: #f5f8f6;--line: #e3e8e5;--up: #1e8e3e;--down: #c62828;--gold: #e8b923;--silver: #b8c0c8;--bronze: #c98b4f;font-family:Barlow,system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}.page{max-width:640px;margin:0 auto;padding:16px 16px 40px}.hero{display:flex;align-items:center;gap:14px;padding:18px;border-radius:16px;background:linear-gradient(180deg,#ffffffeb,#ffffffd1),linear-gradient(135deg,var(--green),var(--blue));box-shadow:0 6px 20px #1f4d3a26;margin-bottom:18px}.logo{flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.hero__titles{flex:1;min-width:0;line-height:1}.hero__script{margin:0 0 2px;font-family:Yellowtail,cursive;font-size:28px;color:var(--maroon)}.hero__title{margin:0;font-family:Barlow Condensed,sans-serif;font-style:italic;font-weight:900;font-size:54px;letter-spacing:-.5px;text-transform:uppercase;color:var(--ink)}.hero__trophy{width:52px;height:52px;fill:var(--maroon);flex-shrink:0}.ranking{list-style:none;margin:0;padding:0;background:var(--card);border-radius:14px;overflow:hidden;box-shadow:0 4px 14px #0000000f}.ranking__head,.ranking__row{display:grid;grid-template-columns:36px 64px 1fr auto;align-items:center;gap:8px;padding:10px 14px}.ranking__head{background:var(--green-dark);color:#fff;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.ranking__row{border-top:1px solid var(--line)}.ranking__row:nth-child(odd){background:var(--row-alt)}.num{text-align:right}.pos{font-family:Barlow Condensed,sans-serif;font-style:italic;font-weight:800;font-size:22px;text-align:center}.name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.points{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:20px;display:flex;flex-direction:column;align-items:flex-end;line-height:1.05}.delta{font-family:Barlow,sans-serif;font-size:11px;font-weight:600;color:var(--up)}.ranking__row--top1 .pos,.ranking__row--top2 .pos,.ranking__row--top3 .pos{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:18px;justify-self:center}.ranking__row--top1 .pos{background:var(--gold)}.ranking__row--top2 .pos{background:var(--silver)}.ranking__row--top3 .pos{background:var(--bronze);color:#fff}.ranking__row--top1 .name{font-weight:700}.ranking__row--top1 .points{color:var(--maroon)}.move{display:inline-block;min-width:34px;padding:2px 6px;border-radius:999px;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:13px;text-align:center;white-space:nowrap}.move--up{color:var(--up);background:#e3f4e7}.move--down{color:var(--down);background:#fbe5e5}.move--same{color:var(--muted);background:#eceff1}.move--new{color:#fff;background:var(--blue);font-size:11px;letter-spacing:.5px}.legend{margin:14px 4px 0;font-size:12px;color:var(--muted);line-height:1.9}.legend .move{min-width:0}@media (max-width: 420px){.hero{padding:14px;gap:10px}.logo{width:56px;height:56px}.hero__script{font-size:22px}.hero__title{font-size:42px}.hero__trophy{width:40px;height:40px}.ranking__head,.ranking__row{grid-template-columns:30px 54px 1fr auto;padding:9px 10px;gap:6px}.name{font-size:14px}}