:root{--bg: #121110;--surface: #1b1917;--surface-2: #242120;--line: #2e2a27;--text: #f1ece4;--muted: #9c948a;--accent: #e8ff47;--accent-ink: #15170a;--me: #3d3a2a;--danger: #ff6b57;--gold: #f3c54a;--silver: #c9ccd1;--bronze: #cf8d5a;--display: "Barlow Condensed", "Arial Narrow", sans-serif;--body: "Barlow", system-ui, sans-serif;--radius: 4px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{font-family:var(--body);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}h1,h2,h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;margin:0;line-height:1}h1{font-size:clamp(2.4rem,7vw,4rem);font-weight:700}h2{font-size:1.6rem;font-weight:600}h3{font-size:1.1rem;font-weight:600;color:var(--muted)}.num{font-family:var(--display);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger)}.stack{display:flex;flex-direction:column;gap:1.5rem}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--display);font-weight:700;font-size:1.5rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.wordmark b{color:var(--accent)}.page{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 4rem}.footer{display:flex;justify-content:center;padding:2rem 1rem}.footer img{height:22px;opacity:.8}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);color:var(--text);cursor:pointer;text-decoration:none;font-weight:500}.btn:hover{border-color:var(--muted)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.btn.danger{color:var(--danger)}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover{color:var(--text)}.btn.sm{padding:.3rem .6rem;font-size:.85rem}.input{padding:.5rem .7rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--text);min-width:0}.input:focus{outline:2px solid var(--accent);outline-offset:-1px}.input[readonly]{color:var(--muted)}.field{display:flex;gap:.5rem;flex-wrap:wrap}.field .input{flex:1 1 220px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.seg button{padding:.35rem .8rem;background:transparent;border:0;color:var(--muted);cursor:pointer;font-family:var(--display);text-transform:uppercase;font-size:.95rem;letter-spacing:.04em}.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--surface-2);color:var(--text)}.strava-connect{display:inline-block;line-height:0}.strava-connect img{height:48px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.list li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.list li .grow{flex:1 1 200px}.list a.item{display:flex;justify-content:space-between;width:100%;text-decoration:none}.avatar{width:36px;height:36px;border-radius:50%;background:var(--surface-2);object-fit:cover;flex:none}.avatar.sm{width:26px;height:26px}.tag{font-family:var(--display);text-transform:uppercase;font-size:.8rem;letter-spacing:.06em;padding:.1rem .4rem;border:1px solid var(--muted);border-radius:var(--radius);color:var(--muted)}.tag.accent{border-color:var(--accent);color:var(--accent)}.hero{padding:3rem 0 1rem;max-width:640px}.hero p{font-size:1.15rem;color:var(--muted)}.board{width:100%;border-collapse:collapse}.board th,.board td{padding:.55rem .5rem;text-align:right;white-space:nowrap;border-bottom:1px solid var(--line)}.board th{font-family:var(--display);text-transform:uppercase;font-weight:600;font-size:.85rem;letter-spacing:.06em;color:var(--muted)}.board th.l,.board td.l{text-align:left}.board td{font-variant-numeric:tabular-nums}.board td.pos{font-family:var(--display);font-size:1.5rem;font-weight:700;width:2.5rem;color:var(--muted)}.board tr.p1 td.pos{color:var(--gold)}.board tr.p2 td.pos{color:var(--silver)}.board tr.p3 td.pos{color:var(--bronze)}.board tr.me td{background:var(--me)}.board td.who{min-width:180px}.board .who-inner{display:flex;align-items:center;gap:.6rem}.board td.km{font-family:var(--display);font-size:1.35rem;font-weight:600;min-width:120px}.board .bar{position:relative;display:block;height:3px;background:var(--line);margin-top:2px}.board .bar i{position:absolute;inset:0 auto 0 0;background:var(--accent)}.board td.dim{color:var(--muted)}.board .sep{border-left:1px solid var(--line)}.cards{display:none}.rcard{display:grid;grid-template-columns:2.5rem 1fr;gap:.25rem .75rem;padding:.9rem .5rem;border-bottom:1px solid var(--line);align-items:center}.rcard.me{background:var(--me)}.rcard .pos{grid-row:span 2;font-family:var(--display);font-size:2rem;font-weight:700;color:var(--muted);text-align:center}.rcard.p1 .pos{color:var(--gold)}.rcard.p2 .pos{color:var(--silver)}.rcard.p3 .pos{color:var(--bronze)}.rcard .head{display:flex;align-items:center;gap:.6rem}.rcard .head .km{margin-left:auto;font-family:var(--display);font-size:1.6rem;font-weight:600}.rcard .head .km small{font-size:.9rem;color:var(--muted);font-weight:500;margin-left:2px}.rcard .stats{display:flex;flex-wrap:wrap;gap:.2rem 1rem;color:var(--muted);font-size:.9rem}.rcard .stats b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}@media (max-width: 760px){.board{display:none}.cards{display:block}.hero{padding-top:1.5rem}}