:root{--tk-bg: #080808;--tk-surface: #111;--tk-border: #1e1e1e;--tk-overlay: rgba(6, 6, 6, .92);--tk-gap: var(--page-pad, 1.75rem);--tk-panel-w: 300px}.tracker-layout{position:relative;width:100%;height:70vh;min-height:480px;max-height:800px;background:var(--tk-bg);overflow:hidden}.tracker-map{position:absolute;inset:0;z-index:1}.tracker-map canvas{width:100%;height:100%;display:block}.tracker-panel{position:absolute;top:0;bottom:0;width:var(--tk-panel-w);z-index:10;background:var(--tk-overlay);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .2s ease;display:flex;flex-direction:column;overflow:hidden}.tracker-panel-left{left:0;border-right:1px solid var(--tk-border);transform:translate(-100%)}.tracker-panel-left.open{transform:translate(0)}.tracker-panel-right{right:0;border-left:1px solid var(--tk-border)}.tracker-panel-right.closed{transform:translate(100%)}.tracker-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--tk-gap);border-bottom:1px solid var(--tk-border);flex-shrink:0}.tracker-panel-title{font-family:var(--font-mono);font-size:var(--t-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#ccc}.tracker-panel-close{background:none;border:none;color:#ccc;cursor:pointer;font-size:var(--t-base);line-height:1;padding:0}.tracker-panel-close:hover{color:#fff}.tracker-panel-body{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.tracker-panel-body::-webkit-scrollbar{display:none}.tracker-toggle{position:absolute;top:var(--tk-gap);z-index:20;background:var(--tk-surface);border:1px solid var(--tk-border);color:#ccc;cursor:pointer;padding:8px 12px;font-family:var(--font-mono);font-size:var(--t-xs);font-weight:600;display:none}.tracker-toggle:hover{color:#fff}.tracker-toggle-left{left:var(--tk-gap)}.tracker-toggle-right{right:var(--tk-gap)}.tracker-panel-left:not(.open)~.tracker-toggle-left,.tracker-panel-right.closed~.tracker-toggle-right{display:block}.tracker-standing-row{display:flex;align-items:center;height:40px;cursor:pointer;border-bottom:1px solid var(--tk-border);transition:background .1s}.tracker-standing-row:hover{background:#ffffff08}.tracker-standing-row.active{background:var(--tk-surface)}.tracker-standing-pos{width:32px;text-align:center;flex-shrink:0;font-family:var(--font-mono);font-size:var(--t-sm);color:#ccc}.tracker-standing-color{width:3px;align-self:stretch;flex-shrink:0}.tracker-standing-name{flex:1;padding:0 8px;font-family:var(--font-mono);font-size:var(--t-sm);font-weight:700;color:#fff;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracker-standing-gap{font-family:var(--font-mono);font-size:var(--t-xs);color:#ccc;padding-right:var(--tk-gap);text-align:right;min-width:40px}.tracker-standing-status{font-family:var(--font-mono);font-size:var(--t-xs);color:#ccc;padding-right:var(--tk-gap);text-align:right;min-width:36px}.tracker-detail-hero{padding:var(--tk-gap);border-bottom:1px solid var(--tk-border);display:flex;align-items:flex-end;gap:12px}.tracker-detail-headshot{height:72px;width:auto;flex-shrink:0}.tracker-detail-name{font-family:var(--font-display);font-size:var(--t-base);font-weight:700;color:#fff}.tracker-detail-team{font-family:var(--font-mono);font-size:var(--t-xs);color:#ccc;margin-top:2px}.tracker-detail-stats{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;border-bottom:1px solid var(--tk-border)}.tracker-stats-2{grid-template-columns:1fr 1fr}.tracker-stats-3{grid-template-columns:1fr 1fr 1fr}.tracker-detail-stat{padding:var(--tk-gap);border-right:1px solid var(--tk-border)}.tracker-detail-stat:last-child{border-right:none}.tracker-detail-stat-label{font-family:var(--font-mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em;color:#ccc}.tracker-detail-stat-value{font-family:var(--font-mono);font-size:var(--t-base);font-weight:600;color:#fff;margin-top:4px}.tracker-detail-section{padding:var(--tk-gap);border-bottom:1px solid var(--tk-border)}.tracker-detail-section-title{font-family:var(--font-mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.1em;color:#ccc;margin-bottom:var(--tk-gap)}.tracker-badge{display:inline-block;padding:2px 6px;font-family:var(--font-mono);font-size:var(--t-xs);font-weight:600;border:1px solid var(--tk-border)}.tracker-badge-soft{border-color:#c22;color:#e44}.tracker-badge-medium{border-color:#a90;color:#cc2}.tracker-badge-hard{border-color:#999;color:#ccc}.tracker-badge-intermediate{border-color:#2a2;color:#4c4}.tracker-status{position:absolute;top:var(--tk-gap);left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--tk-surface);border:1px solid var(--tk-border);font-family:var(--font-mono);font-size:var(--t-xs);color:#ccc}.tracker-status-dot{width:6px;height:6px;border-radius:50%;background:#c22}.tracker-status-dot.live{background:#2a2;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.tracker-legend{position:absolute;bottom:var(--tk-gap);right:var(--tk-gap);z-index:10;display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--t-xs);color:#888;text-transform:uppercase;letter-spacing:.06em}.tracker-legend-bar{width:64px;height:3px;background:linear-gradient(to right,#c22,#cc2,#2a2)}.tracker-race-stats{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:center;gap:var(--tk-gap);padding:8px var(--tk-gap);background:#060606d9;border-top:1px solid var(--tk-border);font-family:var(--font-mono);font-size:var(--t-xs)}.tracker-race-stat-item{display:flex;align-items:center;gap:6px;cursor:pointer}.tracker-race-stat-item:hover{opacity:.7}.tracker-race-stat-label{color:#888}.tracker-race-stat-value{color:#fff;font-weight:600}.tracker-stint-list{display:flex;flex-direction:column;gap:4px}.tracker-stint-row{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--t-xs);color:#fff}.tracker-stint-dot{width:8px;height:8px;flex-shrink:0}.tracker-stint-lap{color:#888}.tab-bar{display:flex;flex:1}.tab{background:none;border:none;font-family:var(--font-mono);font-size:var(--t-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#888;padding:0;cursor:pointer;border-bottom:1px solid transparent;height:40px;white-space:nowrap;flex:1;text-align:center}.tab:hover{color:#ccc}.tab.active{color:#fff;border-bottom-color:#fff}.tab-badge{font-size:9px;font-weight:700;color:#c22}.radio-item{display:flex;align-items:center;height:40px;border-bottom:1px solid var(--tk-border);cursor:pointer;transition:background .1s}.radio-item:hover{background:#ffffff08}.radio-team-bar{width:3px;align-self:stretch;flex-shrink:0}.radio-play{width:32px;height:40px;background:none;border:none;color:#888;display:flex;align-items:center;justify-content:center;font-size:var(--t-xs);flex-shrink:0}.radio-play.playing{color:#c22}.radio-meta{flex:1;padding:0 8px}.radio-driver{font-family:var(--font-mono);font-size:var(--t-xs);font-weight:600;color:#fff;letter-spacing:.04em}.radio-time{font-family:var(--font-mono);font-size:var(--t-xs);color:#888;padding-right:var(--tk-gap);flex-shrink:0}@media(max-width:768px){.tracker-layout{height:60vh;min-height:400px}.tracker-panel{width:260px}.tracker-panel-right{transform:translate(100%)}.tracker-toggle-right{display:block}}