:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1115}:root{--bg-page:#0a0b0e;--bg-panel:#16161f;--bg-panel-2:#1c1c28;--bg-plot:#101018;--bg-field:#0d0e14;--border:#2a2b35;--border-soft:#ffffff14;--accent:#e10600;--accent-soft:#e1060059;--text:#f2f2f5;--text-dim:#8b8e98}.animation-page{width:100%;color:var(--text)}.error-banner{border:1px solid var(--accent);color:#ff8a80;background:#e106001f;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.control-panel{background:linear-gradient(180deg, var(--bg-panel-2), var(--bg-panel));border:1px solid var(--border-soft);border-radius:14px;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1rem;padding:1.1rem 1.4rem;display:flex;box-shadow:0 8px 24px #00000059}.control-panel--centered{justify-content:center}.control-field{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);flex-direction:column;gap:.35rem;font-size:.72rem;font-weight:600;display:flex}.control-field select{appearance:none;background-color:var(--bg-field);background-image:linear-gradient(45deg, transparent 50%, var(--text-dim) 50%), linear-gradient(135deg, var(--text-dim) 50%, transparent 50%);color:var(--text);border:1px solid var(--border);text-transform:none;letter-spacing:normal;cursor:pointer;background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:8px;min-width:11rem;padding:.55rem 2rem .55rem .75rem;font-size:.95rem;font-weight:500;transition:border-color .15s,box-shadow .15s}.control-field select:hover{border-color:var(--text-dim)}.control-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.control-checkbox{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.55rem;font-size:.9rem;display:flex}.control-checkbox input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--accent);cursor:pointer}.playback-controls{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.playback-button{background:var(--bg-field);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;padding:.55rem 1.2rem;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s,transform .1s}.playback-button:hover{border-color:var(--accent);background:#1a0d0c}.playback-button:active{transform:scale(.97)}.playback-button.primary{background:var(--accent);border-color:var(--accent)}.playback-button.primary:hover{background:#ff3b30}.playback-button:disabled{opacity:.4;cursor:not-allowed}.scrub-row{flex:16rem;align-items:center;gap:.75rem;display:flex}.scrub-row input[type=range]{accent-color:var(--accent);flex:1}.scrub-time{font-variant-numeric:tabular-nums;color:var(--text-dim);text-align:right;min-width:3.5rem;font-size:.85rem}.plot-wrapper{background:var(--bg-plot);border:1px solid var(--border-soft);border-radius:14px;min-height:560px;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000059}.plot-wrapper.telemetry-panel{min-height:180px}.plot-controls{z-index:5;gap:.4rem;display:flex;position:absolute;top:.75rem;right:.75rem}.icon-button{border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:2.1rem;height:2.1rem;color:var(--text);cursor:pointer;background:#0a0b0ebf;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;line-height:1;transition:background .15s,border-color .15s;display:flex}.icon-button:hover{border-color:var(--accent);background:#e106004d}.driver-cards{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.driver-card{background:linear-gradient(135deg, color-mix(in srgb, var(--card-color,#333) 18%, var(--bg-plot)), var(--bg-plot));border:1px solid var(--border-soft);border-left:4px solid var(--card-color,var(--accent));border-radius:12px;flex:12rem;padding:.9rem 1.1rem}.driver-card h4{color:var(--card-color,var(--text));margin:0}.driver-card p{color:var(--text-dim);margin:.4rem 0 0;font-size:.85rem}.driver-card .lap-time{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.05rem}.empty-state{color:var(--text-dim);text-align:center;padding:2rem 0}.telemetry-panel{margin-top:1rem}.telemetry-row{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.telemetry-label{flex-shrink:0;width:4.5rem;font-size:.8rem;font-weight:700}.telemetry-bar-track{background:var(--bg-field);border:1px solid var(--border-soft);border-radius:999px;flex:1;height:.6rem;overflow:hidden}.telemetry-bar-fill{border-radius:999px;height:100%;transition:width 50ms linear}.telemetry-gear{font-variant-numeric:tabular-nums;text-align:right;width:2rem;font-weight:700}.degradation-table{border-collapse:collapse;width:100%;font-size:.9rem}.degradation-table th,.degradation-table td{text-align:right;border-bottom:1px solid var(--border-soft);padding:.5rem .8rem}.degradation-table th:first-child,.degradation-table td:first-child{text-align:left;font-weight:700}.degradation-table th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.progress-wrapper{text-align:left;margin:.75rem 0}.progress-bar{background:var(--bg-field);border:1px solid var(--border-soft);border-radius:999px;width:100%;height:.7rem;overflow:hidden}.progress-bar-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .25s}.progress-text{color:var(--text-dim);margin:.35rem 0 0;font-size:.8rem}.overview-grid{align-items:flex-start;gap:1rem;display:flex}.overview-chart{flex:70%;min-width:0}.overview-map{flex:28%;min-width:18rem}.apuestas-page h3{margin:1.2rem 0 .5rem}.legal-banner{border:1px solid var(--border-soft);border-left:4px solid var(--accent);color:var(--text-dim);background:#e1060014;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;line-height:1.5}.odds-textarea{background:var(--bg-field);border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;border-radius:8px;margin-bottom:.75rem;padding:.75rem;font-family:inherit;font-size:.9rem}.odds-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.app-root{color:#f2f2f5;background:#0a0b0e;min-height:100vh;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif}.module-switch{background:#101018;border-bottom:1px solid #2a2b35;gap:.5rem;padding:.75rem 1.25rem;display:flex}.module-switch button{color:#8b8e98;cursor:pointer;background:0 0;border:1px solid #2a2b35;border-radius:999px;padding:.4rem 1rem;font-size:.85rem;font-weight:700;transition:color .15s,border-color .15s,background .15s}.module-switch button:hover{color:#f2f2f5}.module-switch button.active{color:#f2f2f5;background:#e106002e;border-color:#e10600}.hamburger-button{color:#f2f2f5;cursor:pointer;background:0 0;border:1px solid #2a2b35;border-radius:8px;justify-content:center;align-items:center;width:2.3rem;height:2.3rem;font-size:1.1rem;line-height:1;transition:border-color .15s,background .15s;display:flex}.hamburger-button:hover{border-color:#e10600}.app-shell{display:flex}.drawer-backdrop{opacity:0;pointer-events:none;z-index:40;background:#00000080;transition:opacity .2s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{z-index:50;background:#16161f;border-right:1px solid #2a2b35;flex-direction:column;gap:1rem;width:17rem;max-width:85vw;padding:1.25rem 1rem;transition:transform .2s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.drawer.open{transform:translate(0)}.drawer-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.drawer-close{color:#8b8e98;cursor:pointer;background:0 0;border:none;font-size:1.1rem;line-height:1}.drawer-close:hover{color:#f2f2f5}.sidebar-title{letter-spacing:.04em;text-transform:uppercase;color:#8b8e98;margin:0;font-size:.75rem;font-weight:700}.sidebar-field{letter-spacing:.03em;text-transform:uppercase;color:#8b8e98;flex-direction:column;gap:.3rem;font-size:.72rem;font-weight:600;display:flex}.sidebar-field select{appearance:none;color:#f2f2f5;text-transform:none;letter-spacing:normal;cursor:pointer;background-color:#0d0e14;background-image:linear-gradient(45deg,#0000 50%,#8b8e98 50%),linear-gradient(135deg,#8b8e98 50%,#0000 50%);background-position:calc(100% - 14px),calc(100% - 9px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid #2a2b35;border-radius:8px;padding:.5rem 1.8rem .5rem .7rem;font-size:.9rem;font-weight:500}.sidebar-field select:focus{border-color:#e10600;outline:none}.load-button{color:#fff;cursor:pointer;background:#e10600;border:none;border-radius:8px;margin-top:.4rem;padding:.65rem 1rem;font-size:.9rem;font-weight:700;transition:background .15s}.load-button:hover:not(:disabled){background:#ff3b30}.load-button:disabled{opacity:.4;cursor:not-allowed}.main-content{flex:1;min-width:0;padding:1.5rem clamp(1rem,3vw,2.5rem) 3rem}.app-title{color:#e10600;letter-spacing:-.01em;text-align:center;margin:0 0 1.25rem;font-size:2rem;font-weight:800}.info-cards-row{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.info-card{background:#16161f;border:1px solid #2a2b35;border-radius:12px;flex-direction:column;flex:12rem;gap:.3rem;padding:.9rem 1.1rem;display:flex}.info-label{letter-spacing:.04em;text-transform:uppercase;color:#8b8e98;font-size:.72rem;font-weight:700}.info-value{font-size:1.15rem;font-weight:700}.tab-bar{border-bottom:1px solid #2a2b35;flex-wrap:wrap;gap:.3rem;margin-bottom:1.25rem;padding-bottom:0;display:flex}.tab-button{color:#8b8e98;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:color .15s}.tab-button:hover:not(:disabled){color:#f2f2f5}.tab-button.active{color:#e10600;border-bottom-color:#e10600}.tab-button:disabled{opacity:.35;cursor:not-allowed}.driver-picker-row{justify-content:center;align-items:flex-end;gap:1.5rem;display:flex}.driver-picker-field{letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim,#8b8e98);text-align:center;flex-direction:column;gap:.45rem;font-size:.75rem;font-weight:700;display:flex}.driver-picker-field select{appearance:none;background-color:var(--bg-field,#0d0e14);background-image:linear-gradient(45deg, transparent 50%, var(--text-dim,#8b8e98) 50%), linear-gradient(135deg, var(--text-dim,#8b8e98) 50%, transparent 50%);width:100%;min-width:14rem;color:var(--text,#f2f2f5);border:1px solid var(--border,#2a2b35);text-align:center;text-transform:none;letter-spacing:normal;cursor:pointer;background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:10px;padding:.8rem 2.4rem .8rem 1rem;font-size:1.05rem;font-weight:700;transition:border-color .15s,box-shadow .15s;box-shadow:0 4px 14px #0000004d}.driver-picker-field select:hover{border-color:var(--text-dim,#8b8e98)}.driver-picker-field select:focus{border-color:var(--accent,#e10600);box-shadow:0 0 0 3px var(--accent-soft,#e1060059);outline:none}.app-footer{text-align:center;color:#8b8e98;border-top:1px solid #2a2b35;margin-top:1rem;padding:1.5rem 1rem 2rem;font-size:.8rem}