@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap";
:root{--green:#00cc6a;--black:#0a0a0a;--white:#fff;--gray-100:#f5f5f5;--gray-200:#e8e8e8;--gray-400:#999;--gray-600:#555;--gray-800:#222;--font-display:"Rajdhani", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--content-max-width:min(1680px, calc(100vw - 48px));--content-padding:clamp(20px, 2.5vw, 48px);--sidebar-width:380px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--gray-800);background:var(--gray-100);min-height:100vh}.results-nav{background:var(--white);border-bottom:1px solid var(--gray-200);padding:0 var(--content-padding);z-index:100;justify-content:space-between;align-items:center;height:56px;display:flex;position:sticky;top:0}.results-nav-inner{width:100%;max-width:var(--content-max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{font-family:var(--font-display);letter-spacing:2px;color:var(--black);font-size:20px;font-weight:700;text-decoration:none}.nav-logo span{color:var(--green)}.nav-right{align-items:center;gap:16px;display:flex}.live-pill{color:var(--green);font-size:12px;font-weight:600;font-family:var(--font-mono);letter-spacing:1px;background:#00cc6a1a;border:1px solid #00cc6a4d;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;display:flex}.live-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.follow-btn{background:var(--black);color:var(--white);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-body);border:none;border-radius:2px;padding:8px 16px;transition:background .2s}.follow-btn:hover{background:var(--green);color:var(--black)}.race-hero{background:var(--black);padding:32px var(--content-padding);color:var(--white)}.race-hero-inner{max-width:var(--content-max-width);justify-content:space-between;align-items:center;gap:40px;margin:0 auto;display:flex}.race-name{font-family:var(--font-display);letter-spacing:1px;margin-bottom:4px;font-size:36px;font-weight:700}.race-meta{color:#fff6;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.race-meta-dot{background:#ffffff4d;border-radius:50%;width:3px;height:3px}.race-stats{flex-shrink:0;gap:32px;display:flex}.race-stat{text-align:right}.race-stat-num{font-family:var(--font-mono);color:var(--white);font-size:28px;font-weight:500;line-height:1;display:block}.race-stat-num.green{color:var(--green)}.race-stat-label{color:#ffffff4d;letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-size:10px}.timer-bar{background:var(--black);padding:16px var(--content-padding);border-top:1px solid #ffffff0f}.timer-bar-inner{max-width:var(--content-max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.timer-display{font-family:var(--font-mono);color:var(--white);letter-spacing:-2px;font-size:48px;font-weight:500}.timer-ms{color:var(--green);font-size:32px}.timer-label{color:#ffffff4d;letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-size:10px}.checkpoints{flex-wrap:wrap;gap:8px;display:flex}.checkpoint-btn{cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-mono);letter-spacing:1px;border:none;border-radius:2px;padding:8px 16px;transition:all .2s}.checkpoint-btn.active{background:var(--green);color:var(--black)}.checkpoint-btn.inactive{color:#ffffff80;background:#ffffff14}.checkpoint-btn.inactive:hover{background:#ffffff26}.results-main{max-width:var(--content-max-width);padding:24px var(--content-padding);grid-template-columns:minmax(0, 1fr) var(--sidebar-width);align-items:start;gap:24px;margin:0 auto;display:grid}.results-card{background:var(--white);border:1px solid var(--gray-200)}.results-header{border-bottom:1px solid var(--gray-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.view-tabs{gap:4px;display:flex}.view-tab{font-size:13px;font-weight:600;font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;border:1px solid var(--gray-200);background:var(--gray-100);color:var(--gray-600);cursor:pointer;padding:8px 14px;transition:all .15s}.view-tab.active{background:var(--black);color:var(--white);border-color:var(--black)}.results-subheader{padding:12px 20px 0}.results-subheader .results-title{font-family:var(--font-display);letter-spacing:1px;color:var(--gray-600);font-size:14px;font-weight:700}.td-class{font-family:var(--font-mono);color:var(--black);font-size:14px;font-weight:600}.results-title{font-family:var(--font-display);letter-spacing:1px;color:var(--black);font-size:16px;font-weight:700}.results-count{font-family:var(--font-mono);color:var(--gray-400);font-size:13px}.filter-tabs{border-bottom:1px solid var(--gray-200);padding:0 20px;display:flex;overflow-x:auto}.filter-tab{color:var(--gray-400);white-space:nowrap;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-body);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;transition:all .15s}.filter-tab:hover{color:var(--gray-800)}.filter-tab.active{color:var(--green);border-bottom-color:var(--green);font-weight:700}.search-bar{border-bottom:1px solid var(--gray-200);padding:12px 20px}.search-input{background:var(--gray-100);border:1px solid var(--gray-200);width:100%;font-size:14px;font-family:var(--font-body);color:var(--gray-800);border-radius:2px;outline:none;padding:8px 12px;transition:border-color .2s}.search-input:focus{border-color:var(--green)}.results-table{border-collapse:collapse;width:100%}.results-table thead tr{border-bottom:1px solid var(--gray-200)}.results-table th{color:var(--gray-400);text-transform:uppercase;letter-spacing:1px;text-align:left;font-size:10px;font-weight:600;font-family:var(--font-mono);padding:8px 20px}.results-table th:last-child{text-align:right}.results-table tbody tr{border-bottom:1px solid var(--gray-100);transition:background .1s}.results-table tbody tr:hover{background:var(--gray-100)}.results-table tbody tr.highlight{background:#00cc6a0a}.results-table tbody tr.row-enter{animation:.45s ease-out rowEnter}@keyframes rowEnter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.results-table td{padding:12px 20px}.td-place{font-family:var(--font-mono);color:var(--gray-400);width:40px;font-size:14px;font-weight:500}.td-place.top{color:var(--black);font-weight:700}.result-name{color:var(--black);margin-bottom:2px;font-size:14px;font-weight:600}.result-meta{color:var(--gray-400);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.result-bib{font-family:var(--font-mono);font-weight:600}.td-time{text-align:right}.result-time{font-family:var(--font-mono);color:var(--black);font-size:16px;font-weight:500;display:block}.result-class-place{color:var(--green);text-align:right;margin-top:2px;font-size:11px;font-weight:600;display:block}.result-gap{font-family:var(--font-mono);color:var(--gray-400);text-align:right;margin-top:2px;font-size:11px;display:block}.result-gap--leader{color:var(--green);font-weight:600}.results-table--expandable .result-row{cursor:pointer}.results-table--expandable .splits-expand-row{border-bottom:1px solid var(--gray-100)}.results-table--expandable .splits-expand-row:hover{background:0 0}.th-compare,.td-compare{width:36px;padding-left:12px;padding-right:4px}.compare-checkbox-label{cursor:pointer;justify-content:center;align-items:center;display:flex}.compare-checkbox{width:16px;height:16px;accent-color:var(--green);cursor:pointer}.expand-chevron{width:12px;color:var(--gray-400);vertical-align:middle;margin-right:4px;font-size:10px;display:inline-block}.splits-expand-cell{border-bottom:none!important;padding:0!important}.splits-collapse{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.splits-collapse--open{grid-template-rows:1fr}.splits-collapse-inner{min-height:0;overflow:hidden}.splits-panel{background:var(--gray-100);border-top:1px solid var(--gray-200);padding:12px 20px 16px 48px}.splits-panel-empty{background:var(--gray-100);border-top:1px solid var(--gray-200);color:var(--gray-400);padding:16px 20px 16px 48px;font-size:13px}.splits-panel-header,.splits-panel-row{grid-template-columns:1.2fr 1fr 1fr 1fr;align-items:center;gap:12px;padding:6px 0;display:grid}.splits-panel-header{color:var(--gray-400);text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:600;font-family:var(--font-mono);border-bottom:1px solid var(--gray-200);margin-bottom:4px;padding-bottom:8px}.splits-cp-name{color:var(--gray-800);font-size:13px;font-weight:600}.splits-time,.splits-split{font-family:var(--font-mono);color:var(--black);font-size:13px}.splits-gap{font-family:var(--font-mono);color:var(--gray-400);font-size:12px}.splits-leader{color:var(--green);font-size:11px;font-weight:600}.compare-limit-msg{color:#c0392b;background:#c0392b14;border:1px solid #c0392b40;margin:0 20px 12px;padding:10px 14px;font-size:13px;font-weight:500}.compare-bar{background:#00cc6a14;border:1px solid #00cc6a40;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 20px 12px;padding:12px 16px;display:flex}.compare-bar-count{color:var(--gray-800);font-size:13px;font-weight:600}.compare-bar-actions{gap:8px;display:flex}.compare-bar-clear{border:1px solid var(--gray-200);background:var(--white);color:var(--gray-600);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-body);border-radius:2px;padding:8px 14px}.compare-bar-submit{background:var(--black);color:var(--white);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-display);letter-spacing:.5px;border:none;border-radius:2px;padding:8px 16px}.compare-bar-submit:hover{background:var(--green);color:var(--black)}.compare-modal-overlay{z-index:300;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.compare-modal{background:var(--white);border-radius:4px;flex-direction:column;width:100%;max-width:960px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 48px #00000040}.compare-modal-header{border-bottom:1px solid var(--gray-200);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.compare-modal-title{font-family:var(--font-display);letter-spacing:1px;color:var(--black);font-size:18px;font-weight:700}.compare-modal-close{background:var(--gray-100);width:32px;height:32px;color:var(--gray-800);cursor:pointer;border:none;border-radius:2px;font-size:22px;line-height:1}.compare-modal-close:hover{background:var(--gray-200)}.compare-table-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.compare-table{border-collapse:collapse;width:100%;min-width:520px}.compare-table th,.compare-table td{text-align:left;border-bottom:1px solid var(--gray-100);vertical-align:top;padding:12px 16px}.compare-th-cp,.compare-td-cp{color:var(--gray-600);white-space:nowrap;background:var(--white);z-index:1;min-width:100px;font-size:12px;font-weight:600;position:sticky;left:0}.compare-th-participant{min-width:140px}.compare-participant-name{color:var(--black);font-size:14px;font-weight:600}.compare-participant-meta{color:var(--gray-400);font-size:11px;font-family:var(--font-mono);margin-top:2px}.compare-td-cell{font-family:var(--font-mono);font-size:13px}.compare-cell-time{color:var(--black);font-weight:500;display:block}.compare-cell-split,.compare-cell-gap{color:var(--gray-400);margin-top:2px;font-size:11px;display:block}.compare-cell-place{color:var(--green);margin-top:2px;font-size:11px;font-weight:600;display:block}.compare-cell-empty{color:var(--gray-400)}.compare-fastest .compare-cell-time{color:var(--green);font-weight:700}.compare-summary-row{background:var(--gray-100)}.compare-summary-row td{border-bottom:none}.compare-summary-cell .compare-cell-time{font-size:15px}.compare-leader{color:var(--green)}.sidebar{flex-direction:column;gap:16px;min-width:0;display:flex}.follow-card,.stats-card{background:var(--white);border:1px solid var(--gray-200);min-width:0;padding:20px;overflow:hidden}.follow-title,.stats-title{font-family:var(--font-display);letter-spacing:1px;color:var(--black);margin-bottom:4px;font-size:16px;font-weight:700}.follow-sub{color:var(--gray-400);margin-bottom:16px;font-size:12px}.follow-input{background:var(--gray-100);border:1px solid var(--gray-200);width:100%;font-size:14px;font-family:var(--font-body);color:var(--gray-800);border-radius:2px;outline:none;margin-bottom:10px;padding:10px 12px;transition:border-color .2s}.follow-input:focus{border-color:var(--green)}.follow-submit{background:var(--black);width:100%;color:var(--white);font-size:14px;font-weight:700;font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;padding:12px;transition:background .2s}.follow-submit:hover:not(:disabled){background:var(--green);color:var(--black)}.follow-submit:disabled{opacity:.6;cursor:not-allowed}.follow-message{margin-top:10px;font-size:12px}.follow-message.success{color:var(--green)}.follow-message.error{color:#c0392b}.follow-autocomplete{margin-bottom:10px;position:relative}.follow-autocomplete .follow-input{margin-bottom:0}.follow-suggestions{z-index:50;background:var(--white);border:1px solid var(--gray-200);max-height:220px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000014}.follow-suggestion-item{text-align:left;width:100%;font-size:13px;font-family:var(--font-body);color:var(--gray-800);cursor:pointer;border:none;border-bottom:1px solid var(--gray-100);background:0 0;padding:10px 12px}.follow-suggestion-item:hover,.follow-suggestion-item:focus{background:var(--gray-100);outline:none}.follow-suggestions li:last-child .follow-suggestion-item{border-bottom:none}.follow-modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.follow-modal{background:var(--white);border-radius:4px;width:100%;max-width:480px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 16px 48px #0003}.follow-modal .follow-card{border:none}.follow-modal-close{z-index:1;background:var(--gray-100);width:32px;height:32px;color:var(--gray-800);cursor:pointer;border:none;border-radius:2px;font-size:22px;line-height:1;position:absolute;top:12px;right:12px}.follow-modal-close:hover{background:var(--gray-200)}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;min-width:0;display:grid}.stat-box{background:var(--gray-100);min-width:0;padding:12px;overflow:hidden}.stat-box-num{font-family:var(--font-mono);color:var(--black);font-size:22px;font-weight:500;line-height:1.2;display:block}.stat-box-num--time{word-break:break-all;font-size:15px}.stat-box-num.green{color:var(--green)}.stat-box-label{color:var(--gray-400);letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-size:10px}.pace-section{margin-top:16px}.pace-label{color:var(--gray-400);letter-spacing:1px;text-transform:uppercase;font-size:11px;font-family:var(--font-mono);margin-bottom:8px}.pace-bar-wrap{align-items:center;gap:8px;margin-bottom:6px;display:flex}.pace-name{color:var(--gray-600);width:80px;font-size:12px}.pace-bar-bg{background:var(--gray-200);flex:1;height:6px}.pace-bar-fill{background:var(--green);height:100%}.pace-time{font-family:var(--font-mono);color:var(--gray-400);text-align:right;width:40px;font-size:11px}.recent-card{background:var(--white);border:1px solid var(--gray-200)}.recent-header{border-bottom:1px solid var(--gray-200);font-family:var(--font-display);letter-spacing:1px;color:var(--black);justify-content:space-between;align-items:center;padding:14px 20px;font-size:15px;font-weight:700;display:flex}.new-badge{background:var(--green);color:var(--black);letter-spacing:1px;font-size:9px;font-weight:700;font-family:var(--font-mono);padding:2px 8px}.recent-item{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.recent-item:last-child{border-bottom:none}.recent-item.row-enter{animation:.45s ease-out rowEnter}.recent-info{flex:1}.recent-name{color:var(--black);font-size:13px;font-weight:600}.recent-meta{color:var(--gray-400);margin-top:1px;font-size:11px}.recent-time{font-family:var(--font-mono);color:var(--black);font-size:14px;font-weight:500}.powered-by{text-align:center;color:var(--gray-400);border-top:1px solid var(--gray-200);padding:20px;font-size:12px}.powered-by a{color:var(--green);font-weight:600;text-decoration:none}.upcoming-panel{background:var(--white);border:1px solid var(--gray-200);text-align:center;padding:48px 24px}.upcoming-title{font-family:var(--font-display);letter-spacing:1px;margin-bottom:8px;font-size:24px;font-weight:700}.upcoming-sub{color:var(--gray-400);font-size:14px}.countdown{font-family:var(--font-mono);color:var(--green);margin-top:16px;font-size:36px}.loading-state,.error-state{max-width:var(--content-max-width);padding:0 var(--content-padding);text-align:center;color:var(--gray-600);margin:48px auto}@media (min-width:1400px){:root{--sidebar-width:400px}}@media (max-width:900px){.results-main{grid-template-columns:1fr;padding:16px 20px}.race-hero{padding:24px 20px}.race-hero-inner{flex-direction:column;gap:20px}.race-stats{justify-content:flex-start}.timer-bar{padding:16px 20px}.timer-bar-inner{flex-direction:column;align-items:flex-start;gap:16px}.results-nav{padding:0 20px}.sidebar{display:none}.splits-panel{padding-left:20px}.splits-panel-header,.splits-panel-row{grid-template-columns:1fr .9fr .9fr .9fr;gap:8px;font-size:12px}.compare-modal-overlay{align-items:flex-end;padding:0}.compare-modal{border-radius:4px 4px 0 0;max-height:85vh}}.export-back-link{color:var(--gray-600);font-size:13px;font-weight:600;text-decoration:none}.export-back-link:hover{color:var(--black)}.export-page-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-top:6px;font-size:13px;font-weight:600}.export-main{max-width:var(--content-max-width);padding:24px var(--content-padding) 48px;margin:0 auto}.export-card{background:var(--white);border:1px solid var(--gray-200);border-radius:4px;padding:24px}.export-section-title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gray-600);margin:20px 0 12px;font-size:12px;font-weight:700}.export-section-title:first-child{margin-top:0}.export-kind-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.export-kind-card{text-align:left;border:1px solid var(--gray-200);background:var(--white);cursor:pointer;border-radius:4px;padding:14px 16px}.export-kind-card.active{border-color:var(--green);background:#00cc6a0f}.export-kind-label{margin-bottom:4px;font-size:15px;font-weight:700}.export-kind-hint{color:var(--gray-600);font-size:12px;line-height:1.4}.export-preview{background:var(--gray-100);border-radius:4px;margin-top:20px;padding:16px}.export-format-grid{grid-template-columns:repeat(2,minmax(140px,1fr));gap:10px;max-width:420px;display:grid}.export-format-card{text-align:left;border:1px solid var(--gray-200);background:var(--white);cursor:pointer;border-radius:4px;padding:12px 14px}.export-format-card.active{border-color:var(--green);background:#00cc6a0f}.export-format-label{margin-bottom:2px;font-size:15px;font-weight:700}.export-format-hint{color:var(--gray-600);font-size:12px}.export-preview-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.export-preview-title{color:var(--gray-800);margin-bottom:4px;font-size:13px;font-weight:600}.export-preview-stat{align-items:baseline;gap:8px;display:flex}.export-preview-num{font-family:var(--font-display);color:var(--green);font-size:28px;font-weight:700}.export-preview-label{color:var(--gray-600);font-size:14px}.export-preview-meta{color:var(--gray-600);text-align:right;max-width:280px;font-size:12px;line-height:1.5}.export-preview-empty{color:var(--gray-600);padding:12px 0;font-size:13px}.export-preview-table-wrap{border:1px solid var(--gray-200);background:var(--white);-webkit-overflow-scrolling:touch;border-radius:4px;max-height:min(420px,50vh);overflow:auto}.export-preview-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:12px}.export-preview-table thead{z-index:1;position:sticky;top:0}.export-preview-table th{background:var(--black);color:var(--white);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;text-align:left;white-space:nowrap;padding:8px 10px;font-size:11px;font-weight:700}.export-preview-table td{border-bottom:1px solid var(--gray-200);vertical-align:top;padding:7px 10px}.export-preview-table tbody tr:nth-child(2n){background:var(--gray-100)}.export-preview-table tbody tr:hover{background:#00cc6a14}.export-download-btn{background:var(--green);width:100%;height:52px;color:var(--black);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;border-radius:4px;margin-top:20px;font-size:16px;font-weight:700}.export-download-btn:disabled{opacity:.45;cursor:not-allowed}.export-status{margin-top:14px;font-size:13px;line-height:1.5}.export-status--success{color:#0a7a3f}.export-status--error{color:#c0392b}.export-footnote{color:var(--gray-600);margin-top:16px;font-size:12px;line-height:1.5}