@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg:#070b12;--nav-bg:#070b12e0;--surface:#0e1524;--surface-card:#121b2f;--surface-hover:#16223b;--border:#26364d;--border-subtle:#182438;--text-heading:#f5f7fa;--text-primary:#d1dced;--text-muted:#91a6c9;--text-dim:#556b8d;--cyan:#55ddf5;--cyan-glow:#55ddf52e;--magenta:#e63876;--lime:#5ff02d;--chart-stroke:#55ddf5;--chart-fill:#55ddf514;--accent-pill:#55ddf51a;--badge-bg:#e638761f;--badge-border:#e6387659}body.light-theme{--bg:#f4f2ec;--nav-bg:#f4f2eceb;--surface:#fff;--surface-card:#fff;--surface-hover:#ece8de;--border:#d5d1c6;--border-subtle:#e2dfd6;--text-heading:#0b121e;--text-primary:#1e293b;--text-muted:#475569;--text-dim:#64748b;--cyan:#0891b2;--cyan-glow:#0891b226;--magenta:#e63876;--lime:#16a34a;--chart-stroke:#0891b2;--chart-fill:#0891b214;--accent-pill:#0891b21a;--badge-bg:#e6387614;--badge-border:#e6387640}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;padding-bottom:60px;font-family:Space Grotesk,-apple-system,sans-serif;line-height:1.5;transition:background-color .2s,color .2s}.mono{font-feature-settings:"tnum";font-family:JetBrains Mono,monospace}.container{max-width:1200px;margin:0 auto;padding:0 28px}.telemetry-bar{border-bottom:1px solid var(--border-subtle);background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:100;transition:background-color .2s,border-color .2s;position:sticky;top:0}.telemetry-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{align-items:center;text-decoration:none;display:flex}.brand-logo-svg{width:auto;height:38px;display:block}.nav-links{align-items:center;gap:24px;display:flex}.nav-link{color:var(--text-muted);font-size:.88rem;font-weight:500;text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--cyan)}.status-chip{background:var(--accent-pill);border:1px solid var(--border);color:var(--cyan);border-radius:4px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.status-indicator{background:var(--lime);width:7px;height:7px;box-shadow:0 0 8px var(--lime);border-radius:50%}.theme-btn{background:var(--surface-card);border:1px solid var(--border-subtle);color:var(--text-heading);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.theme-btn:hover{background:var(--cyan);color:#fff;border-color:var(--cyan)}.hero-section{padding:44px 0 36px}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:stretch;gap:28px;display:grid}.hero-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;justify-content:space-between;padding:36px;display:flex;box-shadow:0 8px 24px #0000001f}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);align-items:center;gap:8px;margin-bottom:12px;font-size:.75rem;font-weight:600;display:inline-flex}.eyebrow span{color:var(--magenta)}.hero-title{letter-spacing:-.03em;color:var(--text-heading);margin-bottom:18px;font-size:2.75rem;font-weight:700;line-height:1.15}.hero-bio{color:var(--text-primary);margin-bottom:24px;font-size:1.05rem;line-height:1.6}.hero-tags{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.tag{background:var(--surface-card);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:4px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:500;display:inline-flex}.hero-actions{align-items:center;gap:14px;display:flex}.btn-primary{background:var(--cyan);color:#070b12;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:12px 22px;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .15s,opacity .15s,box-shadow .15s;display:inline-flex}.btn-primary:hover{box-shadow:0 4px 16px var(--cyan-glow);transform:translateY(-1px)}.btn-secondary{background:var(--surface-card);color:var(--text-heading);border:1px solid var(--border);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--cyan);color:var(--cyan)}.race-hud{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;justify-content:space-between;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000001f}.hud-badge{background:var(--badge-bg);border:1px solid var(--badge-border);color:var(--magenta);text-transform:uppercase;letter-spacing:.06em;border-radius:4px;margin-bottom:12px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-block}.race-name{color:var(--text-heading);margin-bottom:4px;font-size:1.55rem;font-weight:700}.race-loc{color:var(--text-muted);margin-bottom:22px;font-size:.85rem}.hud-metrics-grid{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px;padding:16px;display:grid}.metric-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:4px;font-size:.68rem}.metric-val{color:var(--text-heading);font-size:1.35rem;font-weight:700}.metric-val span{color:var(--cyan);margin-left:2px;font-size:.78rem;font-weight:600}.elevation-wrap{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:8px;margin-bottom:16px;padding:12px;position:relative}.elevation-chart{width:100%;height:64px;display:block;overflow:visible}.chart-grade-info{color:var(--text-dim);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.section-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-end;margin-top:56px;margin-bottom:20px;padding-bottom:14px;display:flex}.section-title{color:var(--text-heading);letter-spacing:-.02em;font-size:1.45rem;font-weight:700}.section-subtitle{color:var(--text-muted);margin-top:2px;font-size:.88rem}.telemetry-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.telemetry-box{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:22px;position:relative}.tb-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:8px;font-size:.72rem}.tb-value{color:var(--text-heading);margin-bottom:8px;font-size:2.1rem;font-weight:700;line-height:1.1}.tb-value span{color:var(--cyan);margin-left:4px;font-size:.95rem;font-weight:600}.tb-sub{color:var(--text-muted);font-size:.78rem;line-height:1.4}.tactics-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.tactics-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:space-between;padding:24px;transition:transform .15s,border-color .15s;display:flex}.tactics-card:hover{border-color:var(--cyan);transform:translateY(-2px)}.tc-meta{text-transform:uppercase;letter-spacing:.06em;color:var(--cyan);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.72rem;display:flex}.tc-meta span:last-child{color:var(--text-dim)}.tc-title{color:var(--text-heading);margin-bottom:10px;font-size:1.15rem;font-weight:700;line-height:1.35}.tc-excerpt{color:var(--text-primary);margin-bottom:18px;font-size:.85rem;line-height:1.55}.tc-link{color:var(--cyan);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:inline-flex}.ledger-controls{gap:8px;display:flex}.filter-btn{background:var(--surface-card);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:4px 12px;font-size:.75rem;font-weight:600;transition:all .15s}.filter-btn.active,.filter-btn:hover{background:var(--accent-pill);border-color:var(--cyan);color:var(--cyan)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.84rem}th{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);background:var(--surface-card);border-bottom:1px solid var(--border);padding:14px 18px;font-size:.72rem}td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:14px 18px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-hover)}.td-bold{color:var(--text-heading);font-weight:600}.badge-index{background:var(--accent-pill);color:var(--cyan);border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-size:.78rem;font-weight:600;display:inline-block}.badge-pending{color:var(--lime);background:#5ff02d1a;border:1px solid #5ff02d40;border-radius:4px;padding:2px 8px;font-size:.78rem;font-weight:600;display:inline-block}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#070b12d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:680px;max-height:85vh;padding:36px;position:relative;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.modal-close{background:var(--surface-card);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{color:var(--text-heading);border-color:var(--cyan)}.modal-body p{color:var(--text-primary);margin-bottom:16px;font-size:.95rem;line-height:1.7}footer{border-top:1px solid var(--border-subtle);color:var(--text-dim);justify-content:space-between;align-items:center;margin-top:70px;padding:36px 0;font-size:.82rem;display:flex}.footer-left{align-items:center;gap:16px;display:flex}.footer-links{gap:20px;display:flex}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--cyan)}@media (width<=900px){.hero-grid{grid-template-columns:1fr}.telemetry-grid{grid-template-columns:repeat(2,1fr)}.tactics-grid{grid-template-columns:1fr}.nav-links .nav-link{display:none}}@media (width<=640px){.container{padding:0 16px}.status-chip{display:none}.telemetry-grid{grid-template-columns:1fr}.brand-logo-svg{height:32px}.hero-title{font-size:2.2rem}footer{flex-direction:column;align-items:flex-start;gap:20px}.footer-links{flex-wrap:wrap;gap:14px}}
