:root {
  --navy:#06172c; --navy2:#0b2747; --green:#9fd400; --green2:#c5f13a; --gold:#f6a814;
  --white:#fff; --muted:#c6d1df; --blue:#2474b8; --red:#d83b3b;
  --panel:rgba(255,255,255,.065); --line:rgba(255,255,255,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#020b15,#06172c 45%,#020a12);color:#fff;line-height:1.55}
a{color:inherit}
.container{width:min(1180px,calc(100% - 28px));margin:auto}
.eyebrow{color:var(--green2);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}
h1{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1;margin:10px 0;text-transform:uppercase;letter-spacing:-.03em}
.lead{color:var(--muted);max-width:760px;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;text-decoration:none;font-weight:900;border:1px solid var(--line)}
.btn.primary{background:var(--green);color:#06101e;border-color:var(--green)}
.btn.secondary{background:rgba(255,255,255,.05)}
.handbook-hero{padding:80px 0 45px;background:linear-gradient(135deg,#06172c,#0b3b2e)}
.stats-shell{position:relative;padding:22px;border-radius:26px;background:linear-gradient(145deg,rgba(9,37,67,.96),rgba(4,19,36,.98));border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 70px rgba(0,0,0,.34);margin:24px 0 60px}
.stats-status{color:var(--muted);font-size:.9rem;margin-bottom:14px}
.stats-status.error{color:#ffb0b0}
.table-wrap{overflow-x:auto;border-radius:16px;border:1px solid rgba(255,255,255,.1)}
table{border-collapse:collapse;width:100%;min-width:920px}
thead th{position:sticky;top:0;background:rgba(9,37,67,.98);color:var(--green2);text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.14);white-space:nowrap}
tbody td{padding:11px 10px;font-size:.86rem;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}
tbody tr:hover{background:rgba(159,212,0,.06)}
tbody tr:nth-child(1) td{background:rgba(159,212,0,.05)}
.num{text-align:right;font-variant-numeric:tabular-nums}
.player-cell{font-weight:800;white-space:normal;min-width:170px}
.rank-badge{display:inline-block;min-width:22px;text-align:center;color:var(--green2);font-weight:900}
.muted{color:var(--muted)}
footer{padding:34px 0;color:var(--muted);text-align:center;font-size:.85rem;border-top:1px solid var(--line)}