*{box-sizing:border-box}
html{background:#020617}
body{margin:0;background:radial-gradient(circle at 12% 0,rgba(245,158,11,.08),transparent 30rem),#020617;color:#cbd5e1;font-family:Inter,system-ui,sans-serif;min-height:100vh}
a{color:inherit;text-decoration:none}
.wrap{width:min(calc(100% - 2rem),1280px);margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(2,6,23,.9);border-bottom:1px solid #ffffff12;backdrop-filter:blur(16px)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px}.brand b,.brand small{display:block}.brand b{color:#fff}.brand small{color:#475569;font-size:9px;letter-spacing:.2em;text-transform:uppercase}
.mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #fbbf2440;background:#fbbf2412}
nav{display:flex;gap:8px}nav a{border:1px solid #fbbf2438;padding:11px 14px;color:#fcd34d;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.hero{min-height:calc(100vh - 76px);display:grid;align-items:center}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.eyebrow{color:#fbbf24;font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
h1{margin:16px 0;font-size:clamp(42px,7vw,88px);line-height:.93;letter-spacing:-.055em;color:#fff}h1 em{color:#fbbf24;font-style:normal}
.lead{max-width:700px;color:#94a3b8;font-size:17px;line-height:1.8}
.button{display:inline-block;border:0;background:#fbbf24;color:#111827;padding:14px 18px;font-size:11px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
.panel{border:1px solid #fbbf2430;background:#08111fcc;box-shadow:0 28px 80px #0005}
.home-card{padding:26px}.home-card #homeTop p{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff0d;padding:12px 0;margin:0}.home-card #homeTop strong{margin-left:auto}.home-rank{color:#64748b;font-size:11px;font-weight:900}
.features{border-block:1px solid #ffffff12}.thirds{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff12}.thirds article{padding:34px;background:#07101e}.thirds article>b{color:#fbbf24}.thirds p,.muted{color:#64748b}
.page{padding-block:55px;min-height:calc(100vh - 150px)}.page>h1{font-size:clamp(40px,6vw,68px)}
.legend{display:flex;flex-wrap:wrap;gap:14px;margin:25px 0;font-size:11px;font-weight:800}
.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end;margin:42px 0 28px;padding-top:22px}
.podium-card{position:relative;overflow:hidden;min-height:270px;padding:30px 20px 22px;text-align:center;border:1px solid #ffffff1c;background:linear-gradient(180deg,#111b2d,#07101e);box-shadow:0 24px 55px #0005}
.podium-card::after{content:"";position:absolute;inset:auto 10% 0;height:2px;background:var(--podium-color);box-shadow:0 0 25px var(--podium-color)}
.podium-1{--podium-color:#fbbf24;min-height:315px;padding-top:34px;border-color:#fbbf2470;background:radial-gradient(circle at 50% 10%,#fbbf2425,transparent 45%),linear-gradient(180deg,#131c2d,#07101e);transform:translateY(-18px)}
.podium-2{--podium-color:#cbd5e1;border-color:#cbd5e140;background:radial-gradient(circle at 50% 10%,#cbd5e112,transparent 45%),linear-gradient(180deg,#111b2d,#07101e)}
.podium-3{--podium-color:#b87333;border-color:#b8733355;background:radial-gradient(circle at 50% 10%,#b8733318,transparent 45%),linear-gradient(180deg,#111b2d,#07101e)}
.podium-place{position:absolute;top:14px;left:16px;display:flex;align-items:center;gap:7px;color:var(--podium-color);text-align:left}.podium-place b{font-size:26px;line-height:1}.podium-place small{font-size:8px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.podium-portrait{display:grid;place-items:center;margin:12px auto 16px;width:max-content;padding:5px;border:1px solid var(--podium-color);box-shadow:0 0 28px color-mix(in srgb,var(--podium-color) 24%,transparent);transform:rotate(45deg)}
.podium-avatar{display:grid;place-items:center;width:78px;height:78px;object-fit:cover;background:#020617;font-size:34px;font-weight:950;transform:rotate(-45deg)}.podium-1 .podium-avatar{width:104px;height:104px;font-size:44px}
.podium-card h2{margin:8px 0 2px;font-size:clamp(20px,2vw,28px);line-height:1}.podium-1 h2{font-size:clamp(24px,2.5vw,34px)}
.podium-class{margin:6px 0 16px;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;opacity:.8}
.podium-score{display:block;font-size:30px;line-height:1}.podium-1 .podium-score{font-size:38px}
.podium-details{margin:14px 0 0;color:#64748b;font-size:11px}.podium-details span{margin:0 6px}.podium-details b{color:#cbd5e1}
.toolbar{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #ffffff12}.toolbar b,.toolbar small{display:block}.toolbar small{color:#64748b;margin-top:4px}
.input{width:calc(100% - 40px);margin:20px;border:1px solid #ffffff18;background:#020617;color:#fff;padding:13px;outline:0}
.table-wrap{overflow:auto}table{width:100%;min-width:720px;border-collapse:collapse}th,td{padding:13px 18px;border-top:1px solid #ffffff0d;text-align:left}th{color:#475569;font-size:9px;text-transform:uppercase;letter-spacing:.15em}td:nth-child(n+4),th:nth-child(n+4){text-align:right}
.player{display:flex;align-items:center;gap:10px;font-weight:900}.avatar{width:38px;height:38px;object-fit:cover;background:#020617}.top-row{background:#ffffff08}.top-row-1{box-shadow:inset 3px 0 #fbbf24}.top-row-2{box-shadow:inset 3px 0 #cbd5e1}.top-row-3{box-shadow:inset 3px 0 #b87333}
footer{border-top:1px solid #ffffff12;padding:25px;color:#475569;font-size:12px}footer .wrap{display:flex;justify-content:space-between}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.hero{padding:60px 0}.thirds{grid-template-columns:1fr}.podium{grid-template-columns:1fr;padding-top:0}.podium-card,.podium-1{min-height:0;transform:none}.podium-1{order:1}.podium-2{order:2}.podium-3{order:3}.brand small{display:none}nav a{font-size:9px;padding:9px}.wrap{width:min(calc(100% - 1rem),1280px)}}