:root{--bg:#edeff1;--surface:#fff;--surface2:#f4f5f7;--ink:#171b20;--muted:#5b6570;--line:#d5d9de;--net:#a9530a;--net-soft:#f6e5d3;--k8s:#2d5bd0;--k8s-soft:#dce5fa;--good:#1f7a4d;--good-soft:#d9efe3;--bad:#b4322a;--bad-soft:#f6dcd9;--font-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-body:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--bg:#12161a;--surface:#1b2026;--surface2:#222930;--ink:#e7eaed;--muted:#98a2ad;--line:#323a43;--net:#ee9a4b;--net-soft:#3a2a1b;--k8s:#7fa3f7;--k8s-soft:#1e2b4a;--good:#4fc088;--good-soft:#17352a;--bad:#f07a70;--bad-soft:#3d1f1d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);margin:0;line-height:1.5}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;letter-spacing:-.01em;margin:0}a{color:inherit}.wrap{max-width:860px;margin:0 auto;padding:20px 16px 64px}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:20px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.5rem;font-weight:700;text-decoration:none}.brand b{color:var(--net)}.brand i{color:var(--k8s);font-style:normal}.nav{flex-wrap:wrap;align-items:center;gap:14px;font-size:.95rem;display:flex}.label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.btn{font:inherit;background:var(--ink);color:var(--bg);cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-block}.btn.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn:disabled{opacity:.5;cursor:default}.chips{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.chip{font:inherit;background:var(--surface);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.9rem}.chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.opt{text-align:left;width:100%;font:inherit;background:var(--surface2);color:var(--ink);border:1px solid var(--line);cursor:pointer;overflow-wrap:anywhere;border-radius:10px;margin-top:10px;padding:12px 14px;display:block}.opt:hover:not(:disabled){border-color:var(--ink)}.opt.good{background:var(--good-soft);border-color:var(--good)}.opt.bad{background:var(--bad-soft);border-color:var(--bad)}.opt:disabled{cursor:default}.note{border-left:3px solid var(--k8s);background:var(--k8s-soft);border-radius:0 8px 8px 0;margin-top:12px;padding:8px 12px}.muted{color:var(--muted)}.tag{font-family:var(--font-mono);background:var(--surface2);border:1px solid var(--line);border-radius:4px;padding:2px 6px;font-size:11px}.soon{opacity:.85;border-style:dashed}h1{font-size:clamp(2rem,6vw,3rem);line-height:1.1}.hero{gap:14px;padding:24px 0 28px;display:grid}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stat b{font-family:var(--font-display);font-size:1.8rem;display:block}.avatars{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;margin-top:12px;display:grid}.avatar-btn{font:inherit;background:var(--surface2);border:2px solid var(--line);cursor:pointer;color:var(--ink);border-radius:12px;justify-items:center;gap:6px;padding:10px 6px 8px;display:grid}.avatar-btn[aria-pressed=true]{border-color:var(--k8s);background:var(--k8s-soft)}.badge.locked{opacity:.55}.badge-unlock{border:1px solid var(--good);background:var(--good-soft);border-radius:10px;margin-top:12px;padding:10px 12px}article h3{margin:22px 0 6px}article p{margin:0 0 10px}code{font-family:var(--font-mono);background:var(--surface2);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:4px;padding:0 4px;font-size:.92em}.opt code{background:0 0;border-color:#0000;padding:0}.leaderboard{margin:0;padding:0;list-style:none}.leaderboard-row{grid-template-columns:3ch 40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.leaderboard-row+.leaderboard-row{border-top:1px solid var(--line)}.leaderboard-name{overflow-wrap:anywhere}.login-field{gap:6px;margin-top:14px;display:grid}.login-field input{font:inherit;background:var(--surface2);width:100%;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.leaderboard-score{text-align:right;font-variant-numeric:tabular-nums}@media (max-width:440px){.leaderboard-row{gap:8px}.leaderboard-score .muted{font-size:.8rem;display:block}}