/* Hub pages (/leaderboards.html, /toolbox.html, 2026-10-20): one page per home-page section, cards grouped in
   small sections. Each card has an accent colour (--ac). Only transform/box-shadow animate. */
.wrap{max-width:1180px}
.hubHead{margin:18px 0 6px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.hubHead h1{margin:0;font-family:'Orbitron',var(--font-display);font-weight:900;font-size:clamp(26px,4.4vw,44px);letter-spacing:.04em;line-height:1.05;text-transform:uppercase}
.hubHead h1 i{font-style:normal;background:linear-gradient(90deg,var(--neon,#57e6ff),#b06cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hubHead p{margin:6px 0 0;color:var(--muted);font-size:14.5px;max-width:620px;line-height:1.45}
.hubJump{display:flex;gap:6px;flex-wrap:wrap}
.hubJump a{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#0f1520;color:#c3cbd8;text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:13px}
.hubJump a:hover,.hubJump a:focus-visible{border-color:var(--neon);color:#fff;outline:none}
.hubSec{margin-top:28px;scroll-margin-top:70px}
.hubSec h2{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-family:'Orbitron',var(--font-display);font-weight:900;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#aab6c8}
.hubSec h2::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}
.hubGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px}
.hubCard{--ac:#6ea8ff;position:relative;display:flex;gap:14px;align-items:flex-start;padding:16px 16px 15px;border:1px solid var(--line);border-radius:16px;overflow:hidden;
  background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 16%,transparent),transparent 58%),linear-gradient(180deg,#111823,#0c1118);color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s}
.hubCard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ac);opacity:.85}
a.hubCard:hover,a.hubCard:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ac) 70%,#fff 0%);box-shadow:0 10px 28px rgba(0,0,0,.45),0 0 18px color-mix(in srgb,var(--ac) 35%,transparent);outline:none}
.hubCard .ic{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--ac) 22%,#0b1018);border:1px solid color-mix(in srgb,var(--ac) 45%,transparent);font-size:22px;line-height:1}
.hubCard .tx{min-width:0;display:flex;flex-direction:column;gap:4px}
.hubCard b{font-family:var(--font-display);font-weight:800;font-size:16.5px;letter-spacing:.02em;color:#fff}
.hubCard small{color:var(--muted);font-size:13px;line-height:1.4}
.hubCard .tag{position:absolute;top:10px;right:10px;padding:1px 7px;border-radius:999px;background:linear-gradient(90deg,#ff3d6e,#ffb000);color:#160a00;font-family:var(--font-display);font-size:10px;font-weight:800;letter-spacing:.12em;line-height:14px}
.hubCard .tag.beta{background:linear-gradient(90deg,#7c4dff,#22d3ee);color:#05060a}
.hubCard .tag.soon{background:#2a3242;color:var(--gold,#f2c400)}
.hubCard.soon{opacity:.6;cursor:default}
.hubCard.hubBig{grid-column:span 2}
@media(max-width:620px){.hubCard.hubBig{grid-column:auto}.hubGrid{grid-template-columns:1fr}.hubHead{margin-top:10px}.hubJump{display:none}}