:root{--bg-0:#07080b;--bg-1:#0d1014;--bg-2:#131720;--bg-3:#1a1f2b;--row-bg:#ffffff06;--row-bg-hover:#ffffff0b;--row-border:#ffffff0a;--card:#141820d9;--card-border:#ffffff0f;--text-0:#f5f7fa;--text-1:#c8cdd6;--text-2:#8a93a3;--text-3:#5a6273;--accent-green:#3ddc84;--accent-green-soft:#3ddc842e;--accent-yellow:#f5b400;--accent-red:#e34c4c;--accent-red-soft:#e34c4c29;--accent-blue:#4aa8ff;--accent-purple:#b97cff;--accent-f1-red:#e10600;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-display:"Inter", -apple-system, system-ui, sans-serif;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px #0006;--shadow-glow-green:0 0 0 1px #3ddc8466, 0 0 24px #3ddc8433;--shadow-glow-red:0 0 0 1px #e34c4c66, 0 0 24px #e34c4c33;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px}*{box-sizing:border-box}html,body,#root{background:var(--bg-0);height:100%;color:var(--text-0);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0;font-size:14px}body{background-color:#0000;background-image:radial-gradient(80% 50% at 50% -20%,#b17cff14,#0000 60%),radial-gradient(60% 40% at 100% 0,#4aa8ff0d,#0000 60%),radial-gradient(50% 30% at 0 100%,#e106000a,#0000 60%),linear-gradient(#0a0c10 0%,#07080b 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:repeating-linear-gradient(45deg,#ffffff03 0 1px,#0000 1px 3px);position:fixed;inset:0}button{cursor:pointer;font-family:inherit}a{color:var(--accent-blue)}.app-shell{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.app-main{flex:1;padding:0}.app-header{z-index:30;-webkit-backdrop-filter:blur(16px)saturate(140%);border-bottom:1px solid var(--card-border);background:linear-gradient(#141820d9 0%,#0d1014bf 100%);grid-template-columns:minmax(260px,1.1fr) auto auto;align-items:center;gap:18px;padding:10px 20px;display:grid;position:sticky;top:0;box-shadow:0 1px #ffffff0a,0 4px 16px #0006}.app-header:after{content:"";background:linear-gradient(90deg,#0000 0%,#b97cff66 30%,#4aa8ff66 70%,#0000 100%);height:1px;position:absolute;bottom:-1px;left:0;right:0}.header-left{align-items:center;gap:12px;min-width:0;display:flex}.flag{border:1px solid var(--card-border);background:#1a1d24;border-radius:3px;flex-shrink:0;width:28px;height:20px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0006}.flag:before{content:"";pointer-events:none;z-index:10;background:linear-gradient(135deg,#ffffff14 0%,#0000 45%);position:absolute;inset:0}.flag-image{object-fit:cover;width:100%;height:100%;display:block}.flag-fallback{width:100%;height:100%;color:var(--text-2);place-items:center;font-size:8px;font-weight:800;line-height:1;display:grid}.session-name{flex-direction:column;justify-content:center;min-width:0;line-height:1.15;display:flex}.session-meeting{color:var(--text-0);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.track-status{border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase;box-shadow:var(--shadow-sm);align-items:center;gap:5px;padding:4px 10px;font-size:10px;font-weight:700;transition:transform .2s;display:inline-flex;position:relative;overflow:hidden}.track-status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite track-pulse;box-shadow:0 0 6px}@keyframes track-pulse{0%,to{opacity:1}50%{opacity:.4}}.track-clear{background:var(--accent-green);color:#04240f}.track-yellow{background:var(--accent-yellow);color:#2a1d00}.track-sc{background:var(--accent-purple);color:#1d0028}.track-vsc{color:#1d0028;background:#c084fc;box-shadow:inset 0 1px #ffffff2e,0 0 14px #c084fc52}.track-red{background:var(--accent-red);color:#2a0000}.header-stats{border:1px solid var(--card-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff05;justify-content:center;align-items:stretch;gap:4px;padding:5px 12px;display:flex}.stat{border-right:1px solid var(--card-border);flex-direction:column;min-width:60px;padding:2px 10px;line-height:1.1;display:flex}.stat:last-child{border-right:none}.stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:600}.stat-value{color:var(--text-0);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;font-family:var(--font-mono);margin-top:1px}.header-right{justify-content:flex-end;align-items:center;gap:8px;display:flex}.conn-badge{border:1px solid var(--card-border);border-radius:var(--radius-pill);color:var(--text-1);letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;align-items:center;gap:6px;padding:5px 12px;font-size:10px;font-weight:600;transition:background .2s;display:inline-flex}.conn-badge:hover{background:#ffffff12}.conn-dot{border-radius:50%;width:8px;height:8px;position:relative}.conn-dot:after{content:"";opacity:.3;background:currentColor;border-radius:50%;animation:1.6s ease-in-out infinite dot-pulse;position:absolute;inset:-3px}@keyframes dot-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}}.conn-label{letter-spacing:.04em;font-weight:700}.conn-rec-dot{background:var(--accent-f1-red);width:6px;height:6px;color:var(--accent-f1-red);border-radius:50%;flex-shrink:0;animation:1.4s ease-in-out infinite rec-pulse;box-shadow:0 0}.conn-rec-dot--saving{background:var(--accent-blue);color:var(--accent-blue);animation:none}@keyframes rec-pulse{0%,to{box-shadow:0 0 #e1060099}50%{box-shadow:0 0 0 4px #e1060000}}.header-cog{border:1px solid var(--card-border);color:var(--text-1);background:#ffffff0a;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:13px;transition:all .2s;display:inline-flex}.header-cog:hover{color:var(--text-0);background:#ffffff14;border-color:#ffffff1f;transform:translateY(-1px)}.header-cog.is-open{color:var(--accent-blue);background:#4aa8ff1f;border-color:#4aa8ff66}.session-timer{border-left:1px solid var(--card-border);border-right:1px solid var(--card-border);flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:4px 12px;line-height:1.1;display:inline-flex;position:relative}.session-timer-primary{color:var(--text-0);font-size:12px;font-weight:700;font-family:var(--font-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;text-transform:uppercase;white-space:nowrap}.session-timer-secondary{color:var(--text-2);font-size:10px;font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:uppercase;margin-top:2px}.session-timer.is-ending .session-timer-primary{color:var(--accent-red);animation:1s ease-in-out infinite track-pulse}.session-timer-delay-tag{background:var(--accent-f1-red);color:#fff;letter-spacing:.04em;font-size:8px;font-weight:800;font-family:var(--font-mono);text-transform:uppercase;pointer-events:none;border-radius:3px;padding:1px 4px;position:absolute;top:-6px;right:-4px;box-shadow:0 0 8px #e1060073}.session-timer-sync-tag{background:var(--accent-blue);color:#001528;letter-spacing:.06em;font-size:8px;font-weight:800;font-family:var(--font-mono);text-transform:uppercase;pointer-events:none;border-radius:3px;padding:1px 4px;position:absolute;top:-6px;right:-4px;box-shadow:0 0 8px #4aa8ff80}.session-timer.is-synced{background:#4aa8ff0d;border-left-color:#4aa8ff66;border-right-color:#4aa8ff66;border-radius:4px}.delay-pill-wrap{display:inline-flex;position:relative}.delay-pill{border:1px solid var(--card-border);border-radius:var(--radius-pill);color:var(--text-1);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums;cursor:pointer;background:#ffffff0a;align-items:center;gap:6px;padding:5px 10px;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.delay-pill:hover{color:var(--text-0);background:#ffffff14}.delay-pill.is-open{color:var(--accent-blue);background:#4aa8ff24;border-color:#4aa8ff80}.delay-pill.is-active{color:var(--accent-f1-red);background:#e106001f;border-color:#e1060073;box-shadow:0 0 12px #e106002e}.delay-pill.is-active.is-open{background:#e106002e;border-color:#e1060099}.delay-pill-label{opacity:.7}.delay-pill-value{letter-spacing:.02em;font-weight:800}.delay-pill-caret{opacity:.7;margin-left:2px;font-size:9px}.delay-dropdown{border:1px solid var(--card-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px)saturate(140%);z-index:40;background:#141820f5;flex-direction:column;gap:10px;min-width:220px;padding:12px 14px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0000008c,inset 0 0 0 1px #ffffff08}.delay-dropdown-title{color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.delay-presets{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.delay-preset{border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--text-1);font-size:11px;font-weight:700;font-family:var(--font-mono);letter-spacing:.02em;cursor:pointer;background:#ffffff0a;padding:6px 8px;transition:all .15s}.delay-preset:hover{color:var(--text-0);background:#ffffff14}.delay-preset.is-selected{color:var(--accent-blue);background:#4aa8ff2e;border-color:#4aa8ff80;box-shadow:inset 0 0 0 1px #4aa8ff40}.delay-custom{border-top:1px solid var(--card-border);align-items:center;gap:6px;padding-top:10px;display:flex}.delay-custom-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;font-size:10px;font-weight:700}.delay-custom-input{border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--text-0);font-size:12px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;background:#0000004d;outline:none;flex:1;width:60px;padding:5px 8px;transition:border-color .15s}.delay-custom-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #4aa8ff26}.delay-custom-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.delay-custom-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.delay-custom-input[type=number]{-moz-appearance:textfield}.delay-custom-unit{color:var(--text-2);font-size:11px;font-weight:700;font-family:var(--font-mono)}.delay-dropdown-section{flex-direction:column;gap:8px;display:flex}.delay-dropdown-section+.delay-dropdown-section{border-top:1px solid var(--card-border);margin-top:2px;padding-top:10px}.delay-sync-section .delay-dropdown-title{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.delay-sync-disabled-note{color:var(--text-3);text-transform:none;letter-spacing:.02em;font-size:9px;font-weight:600}.delay-sync-label{color:var(--text-1);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.delay-sync-row{align-items:stretch;gap:6px;display:flex}.delay-sync-input{border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--text-0);font-size:13px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;background:#0000004d;outline:none;flex:1;min-width:0;padding:6px 10px;font-weight:600;transition:border-color .15s}.delay-sync-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #4aa8ff2e}.delay-sync-input:disabled{opacity:.4;cursor:not-allowed}.delay-sync-input::placeholder{color:var(--text-3);font-weight:500}.delay-sync-btn{background:linear-gradient(135deg, var(--accent-blue) 0%, #3a8fee 100%);color:#001528;border-radius:var(--radius-sm);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;font-size:11px;font-weight:800;font-family:var(--font);border:1px solid #0000;padding:0 12px;transition:all .15s}.delay-sync-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4aa8ff59}.delay-sync-btn:disabled{opacity:.4;cursor:not-allowed}.delay-sync-clear{border:1px solid var(--card-border);border-radius:var(--radius-sm);width:28px;color:var(--text-2);cursor:pointer;background:#ffffff0a;justify-content:center;align-items:center;padding:0;font-size:12px;transition:all .15s;display:inline-flex}.delay-sync-clear:hover{color:var(--accent-red);background:#e34c4c1f;border-color:#e34c4c66}.delay-sync-help{color:var(--text-3);margin-top:2px;font-size:10px;line-height:1.5}.delay-sync-disabled-msg{color:var(--text-3);padding:4px 0;font-size:11px;font-style:italic;line-height:1.5}.recorder-control{display:inline-flex;position:relative}.recorder-button{border:1px solid var(--card-border);border-radius:var(--radius-pill);color:var(--text-1);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums;cursor:pointer;background:#ffffff0a;align-items:center;gap:6px;padding:5px 10px;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.recorder-button:hover{color:var(--text-0);background:#ffffff14}.recorder-button.is-open{color:var(--accent-blue);background:#4aa8ff24;border-color:#4aa8ff80}.recorder-button.is-active{color:var(--accent-f1-red);background:#e1060024;border-color:#e1060080;box-shadow:0 0 12px #e1060040}.recorder-button.is-saving{color:var(--accent-blue);background:#4aa8ff24;border-color:#4aa8ff80}.recorder-button-dot{background:var(--text-3);border-radius:50%;flex-shrink:0;width:8px;height:8px}.recorder-button.is-active .recorder-button-dot{background:var(--accent-f1-red);animation:1.4s ease-in-out infinite recorder-pulse;box-shadow:0 0}@keyframes recorder-pulse{0%,to{box-shadow:0 0 #e1060099}50%{box-shadow:0 0 0 6px #e1060000}}.recorder-button-label{letter-spacing:.1em;font-weight:800}.recorder-button-stats{letter-spacing:.02em;text-transform:none;color:var(--text-2);border-left:1px solid var(--card-border);margin-left:2px;padding-left:6px;font-size:9px;font-weight:500}.recorder-panel{border:1px solid var(--card-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px)saturate(140%);z-index:40;background:#141820f5;flex-direction:column;gap:14px;width:380px;max-width:calc(100vw - 24px);max-height:70vh;padding:12px 14px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 12px 32px #0000008c,inset 0 0 0 1px #ffffff08}.recorder-panel-header{justify-content:space-between;align-items:center;display:flex}.recorder-panel-header h3{color:var(--text-0);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:12px;font-weight:700}.recorder-panel-help{color:var(--text-2);margin:0;font-size:11px;line-height:1.5}.recorder-panel-help--active{color:var(--accent-f1-red);font-weight:600}.recorder-panel-current{border:1px solid var(--card-border);border-radius:var(--radius-sm);background:#ffffff05;flex-direction:column;gap:10px;padding:10px 12px;display:flex}.recorder-panel-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.recorder-stat{flex-direction:column;gap:2px;display:flex}.recorder-stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:600}.recorder-stat-value{color:var(--text-0);font-size:14px;font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.recorder-panel-saving{color:var(--text-1);text-align:center;padding:6px 0;font-size:11px;font-weight:600}.recorder-panel-actions{gap:6px;display:flex}.recorder-panel-history h4{color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:10px;font-weight:700}.recorder-empty{color:var(--text-3);text-align:center;padding:8px 0;font-size:11px;font-style:italic}.recorder-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.recorder-list-item{border:1px solid var(--card-border);border-radius:var(--radius-sm);background:#ffffff05;align-items:center;gap:10px;padding:8px 10px;display:flex}.recorder-list-meta{flex:1;min-width:0}.recorder-list-title{color:var(--text-0);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.recorder-list-badge{color:var(--text-2);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800;font-family:var(--font-mono);background:#8a93a340;border-radius:3px;flex-shrink:0;align-items:center;padding:1px 5px;display:inline-flex}.recorder-list-sub{color:var(--text-3);font-size:10px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.recorder-list-actions{flex-shrink:0;gap:4px;display:flex}.link-btn-danger{color:var(--accent-red)!important}.link-btn-danger:hover{background:#e34c4c33;color:#fff!important}.driver-grid{grid-template-rows:repeat(11,auto);grid-template-columns:1fr 1fr;grid-auto-flow:column;gap:4px;width:100%;max-width:1800px;margin:0 auto;padding:8px;display:grid}.grid-empty{text-align:center;color:var(--text-2);padding:60px 40px;font-size:15px;font-weight:500}.driver-row{background:var(--row-bg);border:1px solid var(--row-border);border-radius:var(--radius-sm);white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);will-change:transform, background-color;grid-template-columns:60px 70px 56px 90px 70px 80px minmax(0,1fr) 50px;align-items:center;gap:10px;min-height:50px;padding:6px 14px 6px 12px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #0000004d}.driver-row:before{content:"";background:var(--team-stripe,#555);width:2.5px;box-shadow:0 0 6px var(--team-stripe-glow,transparent);border-radius:0 2px 2px 0;transition:background .2s;position:absolute;top:5px;bottom:5px;left:0}.driver-row:hover{background:var(--row-bg-hover);border-color:#ffffff14}.driver-row.is-highlighted-up{box-shadow:inset 0 1px 0 #ffffff0f, inset 4px 0 0 var(--accent-green), 0 0 0 1px #3ddc8459, 0 0 32px #3ddc8433;z-index:2}.driver-row.is-highlighted-down{box-shadow:inset 0 1px 0 #ffffff0f, inset 4px 0 0 var(--accent-red), 0 0 0 1px #e34c4c4d, 0 0 24px #e34c4c26;z-index:1}.driver-row.is-retired{opacity:.45;filter:grayscale(.4)}.driver-code{align-items:center;gap:8px;display:flex}.driver-code-stack{flex-direction:column;justify-content:center;align-items:flex-end;gap:1px;min-width:30px;line-height:1;display:flex}.driver-position{color:var(--text-0);text-align:right;font-variant-numeric:tabular-nums;font-size:18px;font-weight:800;font-family:var(--font-mono);letter-spacing:.01em;line-height:1}.driver-position-delta{text-align:right;font-variant-numeric:tabular-nums;min-width:28px;font-size:10px;font-weight:800;font-family:var(--font-mono);letter-spacing:.02em;border-radius:4px;justify-content:center;align-items:center;padding:1px 5px;line-height:1;animation:1.2s cubic-bezier(.34,1.56,.64,1) delta-pop;display:inline-flex}.driver-position-delta.delta-up{background:var(--accent-green-soft);color:var(--accent-green);box-shadow:0 0 12px #3ddc8466}.driver-position-delta.delta-down{background:var(--accent-red-soft);color:var(--accent-red);box-shadow:0 0 12px #e34c4c66}@keyframes delta-pop{0%{opacity:0;transform:scale(.4)translateY(-4px)}35%{opacity:1;transform:scale(1.25)translateY(0)}60%{transform:scale(.95)}to{transform:scale(1)}}.driver-chip{letter-spacing:.05em;border-radius:4px;justify-content:center;align-items:center;min-width:42px;padding:5px 8px;font-size:11px;font-weight:800;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,0 1px 2px #0000004d}.driver-chip:before{content:"";pointer-events:none;background:linear-gradient(#ffffff1f 0%,#0000 50%);position:absolute;inset:0}.rpm-gauge{flex-shrink:0;justify-content:center;justify-self:center;align-items:center;margin-left:30px;display:flex}.rpm-gauge svg{display:block}.driver-speed{font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;justify-self:center;align-items:center;height:100%;line-height:1;display:flex}.speed-value{color:var(--text-0);font-size:16px;font-weight:700;font-family:var(--font-mono);letter-spacing:-.01em;line-height:1}.speed-unit{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:9px;font-weight:600;line-height:1}.lap-slots,.interval-slots{flex-direction:column;justify-self:center;align-items:center;gap:2px;display:flex}.lap-slot,.interval-slot{align-items:center;gap:6px;line-height:1;display:flex}.lap-slot-label{color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;width:26px;font-size:9px;font-weight:700;line-height:1}.lap-slot-value{color:var(--text-0);font-variant-numeric:tabular-nums;font-size:12px;font-family:var(--font-mono);letter-spacing:-.01em;font-weight:600;line-height:1}.status-badge{border-radius:var(--radius-pill);letter-spacing:.05em;text-align:center;text-transform:uppercase;justify-content:center;align-items:center;min-width:60px;margin:0 auto;padding:3px 9px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.status-pit{background:var(--accent-red);color:#fff;box-shadow:0 0 12px #e34c4c66}.status-pitout{color:#2a1100;background:linear-gradient(135deg,#ff8a4c 0%,#ff6a4c 100%)}.status-out{color:var(--text-2);border:1px solid var(--card-border);background:#5a62734d}.status-blank{color:var(--text-3);border:1px dashed var(--card-border);background:0 0}.mini-sectors{flex-wrap:nowrap;justify-content:center;justify-self:center;align-items:center;gap:4px;width:100%;line-height:1;display:flex}.sector-group{flex-direction:column;flex:none;align-items:center;gap:2px;min-width:64px;line-height:1;display:flex}.sector-label{color:var(--text-0);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:700;line-height:1}.sector-cells{border:1px solid var(--card-border);background:#00000040;border-radius:2px;align-items:center;gap:1.5px;padding:1.5px;line-height:1;display:flex}.micro-cell{border-radius:1px;flex-shrink:0;transition:background .2s;display:inline-block;box-shadow:inset 0 1px #ffffff26}.sector-time{font-variant-numeric:tabular-nums;font-size:11px;font-family:var(--font-mono);color:var(--text-0);letter-spacing:-.01em;font-weight:600;line-height:1}.tyre-indicator{flex-direction:column;justify-content:center;justify-self:center;align-items:center;gap:2px;min-width:40px;line-height:1;display:flex}.tyre-circle{border:1.5px solid #00000080;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0003,0 0 0 1px #ffffff0f,0 2px 4px #0006}.tyre-circle:before{content:"";pointer-events:none;background:linear-gradient(135deg,#fff3 0%,#0000 50%);position:absolute;inset:0}.tyre-letter{color:#111;font-size:12px;font-weight:900;font-family:var(--font);z-index:2;text-shadow:0 1px #ffffff4d;line-height:1}.tyre-age{color:var(--text-1);font-variant-numeric:tabular-nums;font-size:10px;font-weight:600;font-family:var(--font-mono);line-height:1}.tyre-new{color:var(--accent-green);letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:800;line-height:1}.connection-panel{background:var(--card);border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;gap:12px;padding:18px 28px;display:flex}.connection-panel-header{justify-content:space-between;align-items:center;display:flex}.connection-panel-header h3{color:var(--text-0);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:13px;font-weight:700}.link-btn{color:var(--accent-blue);background:0 0;border:none;padding:4px 8px;font-size:12px;text-decoration:underline}.connection-help{border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--text-1);background:#ffffff05;padding:14px 18px;font-size:13px;line-height:1.6}.connection-help-text{color:var(--text-1);margin:0;font-size:13px;line-height:1.6}.connection-help-text code{font-family:var(--font-mono);color:var(--accent-blue);background:#ffffff14;border-radius:4px;padding:1px 6px;font-size:12px}.connection-help p,.connection-help ol{margin:0 0 8px}.connection-help code{font-family:var(--font-mono);background:#ffffff14;border-radius:4px;padding:1px 6px;font-size:12px}.connection-help .dim{color:var(--text-2);font-size:12px}.connection-form{align-items:center;gap:8px;display:flex}.connection-form input{border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--text-0);font-size:13px;font-family:var(--font-mono);background:#0000004d;outline:none;flex:1;padding:10px 14px;transition:border-color .2s}.connection-form input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #4aa8ff26}.primary-btn,.secondary-btn{border-radius:var(--radius-sm);letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;padding:10px 18px;font-size:12px;font-weight:700;transition:all .2s}.primary-btn{background:linear-gradient(135deg, var(--accent-blue) 0%, #3a8fee 100%);color:#001528;box-shadow:0 4px 12px #4aa8ff40}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #4aa8ff59}.primary-btn:disabled{opacity:.4;cursor:not-allowed}.secondary-btn{color:var(--text-1);border-color:var(--card-border);background:#ffffff0a}.secondary-btn:hover:not(:disabled){color:var(--text-0);background:#ffffff14}.secondary-btn:disabled{opacity:.4;cursor:not-allowed}.race-control-strip{z-index:15;-webkit-backdrop-filter:blur(12px)saturate(140%);border-bottom:1px solid var(--card-border);background:linear-gradient(#07080bd9 0%,#0d101499 100%);flex-direction:column;width:100%;max-width:1800px;margin:0 auto;display:flex;position:sticky;top:0;box-shadow:0 8px 24px #0006}.race-control-strip--empty{justify-content:center;min-height:38px}.race-control-strip-header{text-transform:uppercase;letter-spacing:.1em;color:var(--text-2);align-items:center;gap:10px;padding:6px 14px 4px;font-size:10px;font-weight:700;display:flex}.race-control-strip-title{color:var(--text-1)}.race-control-strip-count{font-family:var(--font-mono);color:var(--text-3);font-size:9px;font-weight:600}.race-control-strip-empty-hint{color:var(--text-3);text-transform:none;letter-spacing:.02em;font-style:italic;font-weight:500}.race-control-strip-track{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;gap:8px;padding:4px 14px 10px;display:flex;overflow:auto hidden}.race-control-strip-track::-webkit-scrollbar{height:6px}.race-control-strip-track::-webkit-scrollbar-track{background:0 0}.race-control-strip-track::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.race-control-card{border:1px solid var(--card-border);border-radius:var(--radius-sm);scroll-snap-align:start;white-space:nowrap;background:#ffffff08;flex:none;align-items:center;gap:8px;padding:6px 10px;display:inline-flex;position:relative}.race-control-card-message{white-space:nowrap}.race-control-card:before{content:"";background:var(--badge-color,var(--text-2));opacity:.8;border-radius:0 2px 2px 0;width:2.5px;position:absolute;top:4px;bottom:4px;left:0}.race-control-card-badge{letter-spacing:.08em;text-transform:uppercase;color:#001528;background:var(--badge-color,var(--text-2));white-space:nowrap;font-size:8px;font-weight:800;font-family:var(--font-mono);border-radius:3px;justify-content:center;align-items:center;padding:2px 6px;display:inline-flex}.race-control-card-badge--penalty{color:#2a0000}.race-control-card-badge--flag{color:#2a1d00}.race-control-card-badge--safetycar{color:#1d0028}.race-control-card-badge--sector{color:#001528}.race-control-card-badge--drs{color:#04240f}.race-control-card-badge--other{color:#0a0c10;background:#8a93a366}.race-control-card-message{color:var(--text-0);white-space:nowrap;letter-spacing:.01em;font-size:11px;font-weight:500}.race-control-card-time{color:var(--text-3);font-size:9px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.02em}@media (width<=1100px){.driver-grid{grid-template-columns:1fr}.session-timer{display:none}}@media (width<=800px){.app-header{grid-template-columns:1fr;gap:12px;padding:12px 16px}.header-stats{overflow-x:auto}.delay-pill-wrap{display:none}.driver-row{grid-template-columns:72px 50px 56px 1fr 44px;gap:8px;padding:8px 12px}.lap-slots,.interval-slots,.mini-sectors,.status-badge,.rpm-gauge{display:none}}