html,body{height:100%;overflow:hidden}body{margin:0;font-size:12px;font-family:Source Sans Pro,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}svg{display:block}#viz-ui{position:relative;width:100%;padding-top:4px;line-height:24px}#viz-ui button{background:transparent;color:#333;border-radius:0;border:none;outline:none;font-family:inherit;font-size:12px;cursor:pointer;height:24px;line-height:24px;font-weight:700;padding-bottom:0;margin:0;background:#fff}#viz-ui button:hover{background:#eee}#viz-ui button.selected{background:#2886b2;color:#fff}#viz-ui #horse-controls{display:flex;align-items:center;gap:8px}#viz-ui #play-pause{flex-shrink:0;width:32px;height:24px;border-radius:3px;border:1px solid rgba(0,0,0,.1);background:#fff;font-size:14px;line-height:22px;text-align:center;padding:0;cursor:pointer}#viz-ui #play-pause:hover{background:#eee}#viz-ui #scrubber{flex:1;min-width:80px;height:24px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}#viz-ui #scrubber::-webkit-slider-runnable-track{height:4px;background:#ccc;border-radius:2px}#viz-ui #scrubber::-moz-range-track{height:4px;background:#ccc;border-radius:2px;border:none}#viz-ui #scrubber::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#2886b2;border:none;margin-top:-5px;cursor:pointer}#viz-ui #scrubber::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#2886b2;border:none;cursor:pointer}#viz-ui #scrubber:focus{outline:none}#viz-ui #record-btn{flex-shrink:0;border-radius:3px;line-height:22px;border:1px solid rgba(0,0,0,.1);vertical-align:top;background:#fff;padding:0 8px}#viz-ui #record-btn:hover{background:#eee}#viz-ui #record-btn.recording{background:#c33;color:#fff;border-color:#c33}#viz-ui #record-btn.recording:hover{background:#a22}#viz-ui #rank-toggle{flex-shrink:0;border-radius:3px;overflow:hidden;position:relative;display:inline-flex;vertical-align:top;line-height:22px}#viz-ui #rank-toggle:after{position:absolute;content:"";display:block;top:0;left:0;right:0;bottom:0;border-radius:3px;border:1px solid rgba(0,0,0,.1);pointer-events:none}#viz-ui #filter-control{width:300px;min-width:50px;line-height:22px;vertical-align:top}#viz-ui #filter-control .dropdown,#viz-ui #filter-control .dropdown .main{margin-bottom:0;max-width:300px!important}#viz-ui #filter-control .dropdown .main{height:24px;border:1px solid rgba(0,0,0,.1);font-weight:700;color:#000}#viz-ui #filter-control .dropdown .main *{line-height:22px!important;font-size:12px!important}#viz-ui #filter-control .button{font-size:12px;height:21px;line-height:21px;font-weight:700;padding-bottom:0;padding-top:1px;border:1px solid rgba(0,0,0,.1);border-right:none}#viz-ui #filter-control .button:last-child{border-right:1px solid rgba(0,0,0,.1)}#viz-ui #filter-control .button.selected,#viz-ui #filter-control .button.selected:hover{background:#2886b2;color:#fff}#viz-ui #filter-control .button-container{border:0;line-height:22px}.x.axis line,.x.axis path{display:none}.x.axis text,.y.axis text{font-size:11px;font-family:Source Sans Pro,sans-serif}.horse,.rank-number,.end.circle,.name-bg,.name-fg,image{transition:50ms opacity linear}.rank-number{font-weight:700}.tick line{stroke-width:2px;opacity:1}.domain{stroke:#e0e1e1;opacity:1;stroke-width:2px}#scrape-btn{flex-shrink:0;border-radius:3px;line-height:22px;border:1px solid rgba(0,0,0,.1);background:#fff;padding:0 8px}#scrape-btn:hover{background:#eee}#download-csv-btn{flex-shrink:0;border-radius:3px;line-height:22px;border:1px solid rgba(0,0,0,.1);background:#fff;padding:0 8px}#download-csv-btn:hover{background:#eee}#download-csv-btn.disabled{opacity:.4;cursor:default;pointer-events:none}#scraper-panel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:10000;display:flex;align-items:center;justify-content:center}#scraper-panel{background:#1e1e1e;color:#e0e0e0;border-radius:8px;width:500px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;font-family:Source Sans Pro,sans-serif}#scraper-panel-content{overflow-y:auto;flex:1;min-height:0;padding-bottom:8px}#scraper-panel-content input[type=text],#scraper-panel-content input[type=number]{width:220px;padding:4px 8px;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:13px}#scraper-panel-content input[type=text]:focus,#scraper-panel-content input[type=number]:focus{border-color:#4a9eff;outline:none}#scraper-panel-content input[type=text]:disabled,#scraper-panel-content input[type=number]:disabled{opacity:.5}#scraper-status{padding:8px 20px 4px}#scraper-progress-bar-track{height:6px;background:#333;border-radius:3px;overflow:hidden;margin-bottom:8px}#scraper-progress-bar{height:100%;background:#2886b2;border-radius:3px;width:0%;transition:width .3s ease}#scraper-status-text{font-size:12px;color:#aaa}#scraper-error{margin:4px 20px 8px;padding:10px 14px;background:#c83c3c1a;border-radius:4px;border:1px solid rgba(200,60,60,.3)}.scraper-error-message{color:#e06060;font-size:13px;margin:0 0 4px}.scraper-cors-hint{color:#aaa;font-size:12px;margin:0}#scraper-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;text-align:left}.scraper-file-btn{cursor:pointer;flex-shrink:0}.scraper-file-btn span{display:inline-block;padding:5px 12px;font-size:13px;background:#2a2a2a;border:1px solid #555;border-radius:4px;color:#ccc}.scraper-file-btn span:hover{background:#383838;color:#fff}#scraper-footer .spacer{flex:1}#scraper-cancel-btn{background:#3a2020;border:1px solid #6a3030;color:#e06060;padding:5px 14px;border-radius:4px;font-size:13px;cursor:pointer}#scraper-cancel-btn:hover{background:#4a2828}#scraper-start-btn{background:#2886b2;border:1px solid #1a6a9a;color:#fff;padding:5px 16px;border-radius:4px;font-size:13px;cursor:pointer;margin-left:auto}#scraper-start-btn:hover{background:#1a6a9a}#scraper-start-btn:disabled{opacity:.5;cursor:default}#image-settings-btn{font-size:18px;background:none;border:1px solid #555;color:#ccc;border-radius:4px;cursor:pointer;padding:4px 10px;margin-left:8px}#image-settings-btn:hover{background:#444;color:#fff}#image-panel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:10000;display:flex;align-items:center;justify-content:center}#image-panel{background:#1e1e1e;color:#e0e0e0;border-radius:8px;width:580px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;font-family:Source Sans Pro,sans-serif}.image-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid #333}.image-panel-header h3{margin:0;font-size:18px;font-weight:600}.image-panel-close{background:none;border:none;color:#999;font-size:24px;cursor:pointer;padding:0 4px;line-height:1}.image-panel-close:hover{color:#fff}#image-panel-content{overflow-y:auto;flex:1;min-height:0}.settings-section{padding:0 20px}.settings-section h4{margin:14px 0 8px;font-size:13px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.settings-grid{display:flex;flex-direction:column;gap:8px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-row label{font-size:13px;color:#ccc}.settings-row input[type=number]{width:90px;padding:4px 8px;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:13px;text-align:right}.settings-row input[type=number]:focus{border-color:#4a9eff;outline:none}.dur-input-wrap{display:flex;align-items:center;gap:4px}.dur-input-wrap input[type=number]{width:70px}.dur-unit{font-size:13px;color:#aaa}.settings-row select{width:140px;padding:4px 8px;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:13px}.settings-row select:focus{border-color:#4a9eff;outline:none}.settings-warning{margin:6px 20px 0;padding:8px 12px;background:#3a2a1a;border:1px solid #8a6a3a;border-radius:4px;color:#e8c080;font-size:12px;line-height:1.4}#image-drop-zone{margin:8px 0 0;padding:16px;border:2px dashed #555;border-radius:8px;text-align:center;transition:border-color .2s,background .2s}#image-drop-zone p{margin:4px 0;font-size:14px;color:#bbb}#image-drop-zone .drop-hint{font-size:12px;color:#777}#image-drop-zone.drag-over{border-color:#4a9eff;background:#4a9eff14}#drop-feedback{margin:4px 0 0;font-size:13px}#drop-feedback p{margin:4px 0}#drop-feedback .drop-matched{color:#6ecf6e}#drop-feedback .drop-unmatched{color:#e06060}#image-competitor-list{padding:0}.image-competitor-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid #2a2a2a}.image-thumb{width:36px;height:36px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#333;position:relative}.image-thumb img{width:100%;height:100%;object-fit:cover}.image-thumb:hover .image-pick-overlay{opacity:1}.image-pick-overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;background:#0000008c;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.image-pick-overlay:after{content:"+";color:#fff;font-size:18px;font-weight:700;line-height:1}.image-thumb-empty{width:100%;height:100%;background:#444;border-radius:50%}.image-competitor-name{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:none;border:1px solid transparent;color:inherit;padding:2px 4px;border-radius:3px;min-width:0}.image-competitor-name:hover{border-color:#555}.image-competitor-name:focus{border-color:#4a9eff;background:#1a1a1a;outline:none}.color-picker-group{display:flex;gap:4px;flex-shrink:0}.color-picker-left,.color-picker-right{width:28px;height:28px;padding:0;border:2px solid #555;border-radius:4px;cursor:pointer;background:none}.color-picker-left::-webkit-color-swatch-wrapper,.color-picker-right::-webkit-color-swatch-wrapper{padding:1px}.color-picker-left::-webkit-color-swatch,.color-picker-right::-webkit-color-swatch{border:none;border-radius:2px}.color-picker-left::-moz-color-swatch,.color-picker-right::-moz-color-swatch{border:none;border-radius:2px}.color-picker-left:hover,.color-picker-right:hover{border-color:#888}.image-remove-btn{flex-shrink:0;background:none;border:1px solid #555;color:#e06060;font-size:16px;border-radius:4px;cursor:pointer;padding:2px 8px;line-height:1}.image-remove-btn:hover{background:#3a2020}.image-panel-footer{padding:12px 20px;border-top:1px solid #333;display:flex;align-items:center;gap:8px}#clear-all-images{background:#3a2020;border:1px solid #6a3030;color:#e06060;padding:6px 16px;border-radius:4px;font-size:13px;cursor:pointer}#clear-all-images:hover{background:#4a2828;color:#ff7070}#settings-cancel-btn{margin-left:auto;background:#2a2a2a;border:1px solid #555;color:#ccc;padding:6px 14px;border-radius:4px;font-size:13px;cursor:pointer}#settings-cancel-btn:hover{background:#383838;color:#fff}#settings-save-btn{background:#2886b2;border:1px solid #1a6a9a;color:#fff;padding:6px 16px;border-radius:4px;font-size:13px;cursor:pointer}#settings-save-btn:hover:not(:disabled){background:#1a6a9a}#settings-save-btn:disabled{background:#1e4a6a;border-color:#1e4a6a;color:#6a9ab8;cursor:not-allowed;opacity:.6}