@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Racing+Sans+One&display=swap);:root{--bg-primary:#000;--bg-secondary:#0f0f0f;--bg-tertiary:#1a1a1a;--bg-card:#141414f2;--text-primary:#fff;--text-secondary:#fffc;--text-tertiary:#fff9;--f1-red:#e10600;--f1-yellow:gold;--f1-blue:#00d2ff;--f1-green:#0f0;--f1-white:#fff;--accent-red:var(--f1-red);--accent-yellow:var(--f1-yellow);--accent-blue:var(--f1-blue);--accent-green:var(--f1-green);--border-color:#ffffff26;--border-hover:#e1060080;--border-f1:#e106004d;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 4px 16px #0009;--shadow-lg:0 8px 32px #e106004d;--shadow-f1:0 0 20px #e1060066;--gradient-primary:linear-gradient(180deg,#000,#0a0a0a 50%,#000);--gradient-f1:linear-gradient(135deg,#e10600,#ff1a1a 50%,#e10600);--gradient-card:linear-gradient(145deg,#141414f2,#0f0f0ff2);--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--checkered-bg:repeating-linear-gradient(45deg,#000,#000 10px,#1a1a1a 0,#1a1a1a 20px)}*{box-sizing:border-box}*,:after,:before{max-width:100%}canvas,img,video{height:auto;max-width:100%}h1,h2,h3,h4,h5,h6,p{word-wrap:break-word;overflow-wrap:break-word}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;scroll-behavior:smooth}body,html{overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0f0f0f;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.driver-lap-analysis{align-items:center;animation:fadeIn .5s ease;flex-direction:column;margin:0 auto;max-width:1400px;overflow-x:hidden;padding:0 10px}.controls-panel,.driver-lap-analysis{box-sizing:border-box;display:flex;width:100%}.controls-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-card);border:2px solid var(--border-f1);border-radius:8px;border-top:4px solid var(--f1-red);box-shadow:var(--shadow-md),inset 0 0 20px #e106001a;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px;overflow:hidden;padding:24px;position:relative}.controls-panel:before{background:repeating-linear-gradient(90deg,var(--f1-red) 0,var(--f1-red) 20px,var(--f1-yellow) 20px,var(--f1-yellow) 40px);content:"";height:2px;left:0;position:absolute;right:0;top:0}.lap-comparison{display:flex;gap:20px;justify-content:space-around;margin-bottom:30px;width:100%}.driver-section{animation:slideUp .5s ease;background:var(--gradient-card);border:2px solid var(--border-f1);border-left:4px solid var(--f1-red);border-radius:8px;box-shadow:var(--shadow-md),inset 0 0 30px #e106000d;box-sizing:border-box;max-width:100%;min-width:300px;overflow:hidden;position:relative;width:45%}.driver-section:hover{border-color:var(--f1-red);border-left-color:var(--f1-yellow);box-shadow:var(--shadow-f1),var(--shadow-lg)}.driver-section:after{background:repeating-linear-gradient(45deg,#0000,#0000 5px,#e106001a 0,#e106001a 10px);content:"";height:60px;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;width:60px}.lap-data-display{display:flex;flex-direction:column;gap:20px}.driver-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:16px;padding-bottom:16px}.driver-headshot{object-fit:cover}.driver-headshot,.driver-headshot-placeholder{border:2px solid var(--border-color);border-radius:50%;box-shadow:var(--shadow-sm);height:80px;width:80px}.driver-headshot-placeholder{align-items:center;color:#fff;display:flex;font-size:2rem;font-weight:700;justify-content:center}.loading-drivers{color:var(--text-secondary);font-size:.9rem;padding:12px;text-align:center}.driver-name{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.lap-number{color:var(--text-secondary);font-size:.9rem;margin:4px 0 0}.lap-stats{gap:16px}.lap-stat-item,.lap-stats{display:flex;flex-direction:column}.lap-stat-item{gap:4px}.stat-label{color:var(--text-secondary);font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.stat-value-main{color:var(--f1-yellow);font-size:2rem;font-weight:700;text-shadow:0 0 15px #ffd70080}.sector-breakdown{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:8px}.sector-item{align-items:center;background:#0000004d;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px;transition:all var(--transition-fast)}.sector-item:hover{border-color:var(--border-hover);transform:translateY(-2px)}.sector-label{color:var(--text-secondary)}.sector-value{color:var(--text-primary);font-size:1.1rem}.chart-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-card);border:2px solid var(--border-f1);border-radius:8px;border-top:3px solid var(--f1-red);box-shadow:var(--shadow-md);box-sizing:border-box;height:400px;margin:20px 0;max-width:100%;overflow:hidden;padding:20px;position:relative;width:100%}.trends-chart{height:500px}.chart-section{animation:fadeIn .5s ease;margin:30px 0;width:100%}.section-title{word-wrap:break-word;align-items:center;box-sizing:border-box;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:12px;justify-content:center;letter-spacing:2px;margin:0 0 20px;max-width:100%;padding:0 20px;position:relative;text-align:center;text-transform:uppercase}.section-title:after,.section-title:before{background:linear-gradient(90deg,#0000,var(--f1-red),#0000);content:"";flex:1 1;height:2px}.section-title svg{color:var(--f1-red);filter:drop-shadow(0 0 8px rgba(225,6,0,.6))}.comparison-summary{animation:fadeIn .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-card);border:2px solid var(--border-f1);border-radius:8px;border-top:4px solid var(--f1-red);box-shadow:var(--shadow-md);box-sizing:border-box;margin:30px 0;max-width:100%;overflow:hidden;padding:24px;position:relative;width:100%}.comparison-summary:before{background:repeating-linear-gradient(90deg,var(--f1-red) 0,var(--f1-red) 20px,var(--f1-yellow) 20px,var(--f1-yellow) 40px);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.comparison-summary h3{border-bottom:3px solid var(--f1-red);color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:2px;margin:0 0 20px;padding-bottom:12px;position:relative;text-align:center;text-transform:uppercase}.comparison-summary h3:after{content:"⚡";font-size:1.2rem;opacity:.6;position:absolute;right:0;top:50%;transform:translateY(-50%)}.comparison-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.comparison-item{background:#0000004d;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all var(--transition-normal)}.comparison-item:hover{border-color:var(--border-hover);transform:translateY(-2px)}.comparison-item.faster{background:#00ff001a;border-color:var(--f1-green);border-left:4px solid var(--f1-green);box-shadow:0 0 15px #0f03}.comparison-label{color:var(--text-secondary);font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.comparison-value{word-wrap:break-word;color:var(--text-primary);font-size:1.1rem;font-weight:600;overflow-wrap:break-word}.lap-navigation{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-card);border:2px solid var(--border-f1);border-radius:8px;border-top:3px solid var(--f1-red);box-sizing:border-box;display:flex;gap:20px;justify-content:center;margin:30px 0;max-width:100%;overflow:hidden;padding:20px;position:relative;width:100%}.lap-indicator{box-sizing:border-box;color:var(--f1-yellow);font-size:1.2rem;font-weight:700;letter-spacing:1px;padding:0 20px;text-shadow:0 0 10px #ffd70080;text-transform:uppercase}.range-selector{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-card);border:2px solid var(--border-f1);border-radius:8px;border-top:3px solid var(--f1-red);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:20px 0;max-width:100%;padding:16px;width:100%}.range-selector label{color:var(--text-secondary);font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.range-input{background:#0000004d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:8px 12px;transition:all var(--transition-fast);width:80px}.range-input:focus{border-color:var(--accent-red);box-shadow:0 0 0 3px #e106001a;outline:none}.error-message{color:var(--accent-red);font-size:1rem;padding:20px;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.lap-comparison{align-items:center;flex-direction:column}.driver-section{max-width:100%;min-width:0;min-width:auto;width:100%}.driver-lap-analysis{padding:0 15px}}@media (max-width:768px){.controls-panel{align-items:stretch;flex-direction:column;gap:16px;padding:20px}.modern-select-wrapper{width:100%}.modern-select{min-width:0;min-width:auto;width:100%}.comparison-grid,.sector-breakdown{grid-template-columns:1fr}.chart-container{height:300px;padding:15px}.trends-chart{height:350px}.driver-header{flex-direction:column;text-align:center}.lap-navigation{flex-direction:column;gap:12px;padding:16px}.lap-indicator{padding:0}.range-selector{flex-direction:column;gap:8px;padding:12px}.range-input{max-width:120px;width:100%}.section-title{flex-wrap:wrap;font-size:1.2rem;justify-content:center}}@media (max-width:480px){.title{font-size:clamp(1.5rem,8vw,2.5rem);letter-spacing:2px;padding:0 10px}.title:after,.title:before{display:none}.driver-headshot,.driver-headshot-placeholder{height:60px;width:60px}.driver-name{font-size:1.2rem}.stat-value-main{font-size:1.5rem}.chart-container{height:250px;padding:10px}.trends-chart{height:300px}.comparison-summary,.controls-panel,.driver-section{padding:16px}.lap-navigation button{font-size:.85rem;min-width:120px;padding:10px 16px}}.loader-container{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center}.loader{height:60px;position:relative;width:60px}.loader:after,.loader:before{animation:spin 1s linear infinite;border:4px solid #0000;border-radius:50%;border-top:4px solid var(--accent-red);content:"";position:absolute}.loader:before{border-right-color:var(--accent-red);border-top-color:var(--accent-red);height:60px;width:60px}.loader:after{animation-direction:reverse;animation-duration:.8s;border-right-color:var(--accent-yellow);border-top-color:var(--accent-yellow);height:40px;left:10px;top:10px;width:40px}.loader-container p{animation:pulse 1.5s ease-in-out infinite;color:var(--text-secondary);font-size:.9rem;letter-spacing:1px;text-transform:uppercase}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.modern-select-container{display:flex;flex-direction:column;gap:8px}.modern-select-label{color:#ffffffb3;font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.modern-select-wrapper{display:inline-block;position:relative}.modern-select{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-card);border:2px solid var(--border-f1);border-left:3px solid var(--f1-red);border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;max-width:100%;min-width:200px;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.modern-select:hover{background:#141414;border-color:var(--f1-red);box-shadow:0 0 15px #e106004d}.modern-select:focus{border-color:var(--f1-red);border-left-color:var(--f1-yellow);box-shadow:0 0 0 3px #e1060033,0 0 20px #e106004d;outline:none}.select-arrow{color:#fff9;font-size:.85rem;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.modern-select:focus+.select-arrow{transform:translateY(-50%) rotate(180deg)}.modern-select option{background:#1e1e1e;color:#fff;padding:10px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-card);border:2px solid var(--border-f1);border-left:4px solid var(--f1-red);border-radius:8px;box-shadow:var(--shadow-md);box-sizing:border-box;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.stat-card:before{background:repeating-linear-gradient(45deg,#0000,#0000 4px,#e106001a 0,#e106001a 8px);content:"";height:40px;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;width:40px}.stat-card:hover{border-color:var(--f1-red);border-left-color:var(--f1-yellow);box-shadow:var(--shadow-f1),var(--shadow-lg);transform:translateY(-2px)}.stat-card-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.stat-icon{color:var(--f1-red);font-size:1.2rem}.stat-title{color:#ffffffb3;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.stat-value-container{align-items:baseline;display:flex;gap:4px}.stat-value{color:#fff;font-size:2rem;font-weight:700;line-height:1}.stat-unit{color:#fff9;font-size:1rem;font-weight:400}.stat-trend{align-items:center;border-radius:4px;display:flex;font-size:.85rem;gap:4px;margin-top:8px;padding:4px 8px;width:fit-content}.stat-trend.positive{background:#4caf501a;color:#4caf50}.stat-trend.negative{background:#f443361a;color:#f44336}.stat-trend.neutral{background:#ffffff0d;color:#fff9}.statistics-panel{animation:fadeIn .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-card);border:2px solid var(--border-f1);border-radius:8px;border-top:4px solid var(--f1-red);box-shadow:var(--shadow-md);box-sizing:border-box;margin:20px 0;max-width:100%;overflow:hidden;padding:24px;position:relative;width:100%}.statistics-panel:before{background:repeating-linear-gradient(90deg,var(--f1-red) 0,var(--f1-red) 20px,var(--f1-yellow) 20px,var(--f1-yellow) 40px);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.statistics-title{border-bottom:3px solid var(--f1-red);color:#fff;font-size:1.3rem;font-weight:700;letter-spacing:2px;margin:0 0 20px;padding-bottom:12px;text-align:center;text-transform:uppercase}.statistics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.best-sectors{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:24px}.best-sectors h4{color:#ffffffb3;font-size:1rem;font-weight:500;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.sector-times-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.sector-time-item{align-items:center;background:#0000004d;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.sector-label{color:#fff9;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.sector-value{color:#fff;font-size:1.2rem;font-weight:600}@media (max-width:768px){.statistics-grid{grid-template-columns:repeat(2,1fr)}.sector-times-grid{grid-template-columns:1fr}}.pace-analysis{animation:fadeIn .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-card);border:2px solid var(--border-f1);border-radius:8px;border-top:4px solid var(--f1-red);box-shadow:var(--shadow-md);box-sizing:border-box;margin:20px 0;max-width:100%;overflow:hidden;padding:24px;position:relative;width:100%}.pace-analysis:before{background:repeating-linear-gradient(90deg,var(--f1-red) 0,var(--f1-red) 20px,var(--f1-yellow) 20px,var(--f1-yellow) 40px);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.pace-title{border-bottom:3px solid var(--f1-red);color:#fff;font-size:1.3rem;font-weight:700;letter-spacing:2px;margin:0 0 20px;padding-bottom:12px;text-align:center;text-transform:uppercase}.pace-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.pace-chart-container{box-sizing:border-box;height:300px;margin-top:20px;max-width:100%;overflow:hidden;position:relative;width:100%}@media (max-width:768px){.pace-stats-grid{grid-template-columns:repeat(2,1fr)}.pace-chart-container{height:250px}}.App{align-items:center;animation:fadeIn 1s ease;background:var(--gradient-primary);box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative;text-align:center;width:100%}.App:before{background:radial-gradient(circle at 20% 50%,#e1060026 0,#0000 50%),radial-gradient(circle at 80% 80%,#00d2ff1a 0,#0000 50%),repeating-linear-gradient(0deg,#0000,#0000 2px,#e1060008 0,#e1060008 4px);bottom:0;z-index:0}.App:after,.App:before{content:"";left:0;pointer-events:none;position:fixed;right:0;top:0}.App:after{background:linear-gradient(90deg,#0000 0,var(--f1-red) 20%,var(--f1-yellow) 40%,var(--f1-red) 60%,var(--f1-yellow) 80%,#0000 100%);height:4px;z-index:1000}.App>*{z-index:1}.App>*,.title{position:relative}.title{-webkit-text-fill-color:#0000;word-wrap:break-word;animation:slideDown .8s ease;background:linear-gradient(135deg,#fff 0,var(--f1-red) 50%,var(--f1-yellow) 100%);-webkit-background-clip:text;background-clip:text;box-sizing:border-box;font-family:Racing Sans One,Inter,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:900;letter-spacing:4px;margin:20px 0 40px;max-width:100%;padding:0 20px;text-shadow:0 0 30px #e1060080;text-transform:uppercase}.title:before{left:-40px}.title:after,.title:before{content:"🏁";font-size:2rem;opacity:.7;position:absolute;top:50%;transform:translateY(-50%)}.title:after{right:-40px}canvas{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-card);border:2px solid var(--border-f1);border-radius:8px;border-top:3px solid var(--f1-red);height:auto!important;margin:20px auto;width:100%!important}button,canvas{box-sizing:border-box;max-width:100%;overflow:hidden}button{background:linear-gradient(135deg,var(--f1-red) 0,#ff1a1a 100%);border:2px solid var(--f1-red);border-radius:4px;box-shadow:0 0 15px #e1060066,var(--shadow-md);color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:700;height:44px;letter-spacing:1px;min-width:150px;padding:12px 24px;position:relative;text-transform:uppercase;transition:all var(--transition-normal)}button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}button:hover:before{left:100%}button:disabled{background:#ffffff1a;box-shadow:none;color:#ffffff4d;cursor:not-allowed}button:hover:not(:disabled){border-color:var(--f1-yellow);box-shadow:0 0 25px #e1060099,var(--shadow-lg);filter:brightness(1.2);transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(0)}.driver-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);padding:24px;transition:all var(--transition-normal)}.driver-section:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.4ad36ea7.css.map*/