:root{--paper:#EFF3EC;--ink:#1E3A2F;--text:#2B2B28;--rule:#C9D4C6;--win:#1E6B3C;
--loss:#B3392E;--muted:#6E7A6E;--card:#F7FAF5;}
*{box-sizing:border-box;margin:0}
body{background:var(--paper);color:var(--text);font-family:'Public Sans',system-ui,sans-serif;
font-size:16px;line-height:1.6}
.mono{font-family:'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums}
a{color:var(--ink)}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header{border-bottom:2px solid var(--ink)}
.bar{display:flex;justify-content:space-between;align-items:center;padding:16px 0}
.mark{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:22px;
letter-spacing:.06em;color:var(--ink);text-decoration:none}
nav a{margin-left:22px;font-size:14px;text-decoration:none;color:var(--text)}
nav a:hover{text-decoration:underline}
.hero{padding:56px 0 40px;background:
repeating-linear-gradient(to bottom,transparent 0 27px,var(--rule) 27px 28px)}
h1{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(38px,6vw,58px);
line-height:1.05;color:var(--ink);text-transform:uppercase;letter-spacing:.01em;max-width:640px}
.sub{margin:14px 0 0;color:var(--muted);max-width:560px}
.ledger{background:var(--card);border:2px solid var(--ink);margin:36px 0 0}
.ledger-head{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:2px solid var(--ink)}
.stat{padding:16px 18px;border-right:1px solid var(--rule)}
.stat:last-child{border-right:none}
.stat .l{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.stat .n{font-size:30px;font-weight:600}
.n.win{color:var(--win)}.n.loss{color:var(--loss)}
.rows{font-size:14px}
.row{display:grid;grid-template-columns:88px 1fr 130px 70px 90px;gap:10px;
padding:9px 18px;border-top:1px solid var(--rule);align-items:baseline}
.row.headrow{color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase;border-top:none}
.grade{font-weight:600}
.grade.W{color:var(--win)}.grade.L{color:var(--loss)}.grade.P{color:var(--muted)}
.empty{padding:22px 18px;color:var(--muted)}
.actions{display:flex;gap:14px;margin:28px 0 0;flex-wrap:wrap}
.btn{display:inline-block;border:2px solid var(--ink);padding:12px 22px;text-decoration:none;
font-family:'Barlow Condensed',sans-serif;font-size:18px;letter-spacing:.05em;
text-transform:uppercase;color:var(--ink);background:var(--card)}
.btn.solid{background:var(--ink);color:var(--paper)}
.btn:focus-visible{outline:3px solid var(--loss);outline-offset:2px}
section{padding:48px 0;border-top:1px solid var(--rule)}
h2{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:28px;color:var(--ink);
text-transform:uppercase;letter-spacing:.03em;margin-bottom:18px}
.gates{list-style:none;counter-reset:g}
.gates li{counter-increment:g;display:grid;grid-template-columns:52px 1fr;gap:14px;
padding:12px 0;border-bottom:1px solid var(--rule)}
.gates li::before{content:counter(g,decimal-leading-zero);font-family:'IBM Plex Mono',monospace;
color:var(--loss);font-size:18px;padding-top:2px}
.gates b{display:block;color:var(--ink)}
.gates span{color:var(--muted);font-size:14px}
p.body{max-width:640px;margin-bottom:14px}
footer{border-top:2px solid var(--ink);padding:26px 0;font-size:13px;color:var(--muted)}
@media(max-width:640px){.ledger-head{grid-template-columns:repeat(2,1fr)}
.stat:nth-child(2){border-right:none}.row{grid-template-columns:70px 1fr 60px;font-size:13px}
.row .hide-m{display:none}}
@media(prefers-reduced-motion:no-preference){.btn{transition:transform .12s ease}
.btn:hover{transform:translateY(-2px)}}