.race-leaderboard{min-height:100vh;width:100%;background-color:#0a0a0a;color:#fff;font-family:system-ui,-apple-system,sans-serif}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#0a0a0a;color:#fff;font-family:system-ui,-apple-system,sans-serif}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-spinner{width:40px;height:40px;border:4px solid #333;border-top:4px solid #fff;border-radius:50%;animation:spin 1s linear infinite}.error-content{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.error-title{font-size:24px;font-weight:600}.error-message{font-size:16px;color:#888}.header{background:linear-gradient(135deg,#1e40af,#3b82f6);padding:0;border-bottom:2px solid #3b82f6;max-width:1600px;margin:0 auto}.header-container{max-width:1600px;margin:0 auto;padding:0 2vw}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;padding:1.2vw 0}.title-section{display:flex;align-items:center;gap:16px}.race-title{font-size:28px;font-weight:700;margin:0;color:#fff}.race-subtitle{font-size:16px;margin:0;color:#fffc}.race-info{display:flex;gap:24px;align-items:center}.info-item{display:flex;align-items:center;gap:8px}.leaderboard-container{width:100%;padding:0;box-sizing:border-box}.leaderboard{background-color:#1a1a1a;border-radius:12px;overflow:hidden;border:1px solid #333;width:100vw}.leaderboard-header{background:linear-gradient(135deg,#374151,#4b5563);padding:16px 20px;border-bottom:1px solid #333}.grid-header{display:grid;grid-template-columns:1fr 1fr 1.5fr 3fr 1.2fr 1.2fr 1.2fr;gap:1.5vw;align-items:center;font-size:14px;font-weight:600;color:#ffffffe6;width:100vw}.grid-row{display:grid;grid-template-columns:1fr 1fr 1.5fr 3fr 1.2fr 1.2fr 1fr;gap:1.5vw;align-items:center;padding:0;border-bottom:1px solid #333;width:100%}.position{font-size:20px;font-weight:700}.position-top3{color:#000}.position-other{color:#fff}.car-info{display:flex;align-items:center;gap:8px}.manufacturer-logo{width:40px;height:40px;background-color:#333;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.car-number{font-size:16px;font-weight:600;color:#fff}.manufacturer-name{font-size:12px;color:#888}.driver-info{display:flex;align-items:center;gap:8px;position:relative}.driver-name{font-size:16px;font-weight:500;color:#fff;cursor:pointer}.dvp-tag{background-color:#dc2626;color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.lap-time{font-size:16px;font-family:monospace;color:#fff}.delta{font-size:16px;font-family:monospace;font-weight:600}.track-status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;color:#fff}.status-on{background-color:#22c55e}.status-off{background-color:#ef4444}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.position-row{transition:all .8s cubic-bezier(.4,0,.2,1)}.position-1{background:linear-gradient(135deg,gold,#b8a813);border-left:4px solid #ffd700}.position-2{background:linear-gradient(135deg,silver,#b1a6a6);border-left:4px solid #c0c0c0}.position-3{background:linear-gradient(135deg,#cd7f32,#9a7a29);border-left:4px solid #cd7f32}.position-top10{background:linear-gradient(135deg,#1e3a8a,#2a5499);border-left:4px solid #1e3a8a}.change-up{color:#22c55e;font-weight:600}.change-down{color:#ef4444;font-weight:600}.change-none{color:#6b7280}.delta-leader{color:#37f850;font-weight:600}.delta-behind,.delta-lapped{color:#ef4444}.tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000f2;border:1px solid #333;border-radius:8px;padding:16px;min-width:300px;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000;margin-bottom:8px}.tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #333}.tooltip-name{font-size:16px;font-weight:600}.tooltip-number{font-size:14px;color:#888}.tooltip-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:14px}.tooltip-label{color:#888}.tooltip-value{color:#fff;margin-left:8px}.driver-name:hover .tooltip{opacity:1}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}