:root{--sidebar-bg: #1C293A;--sidebar-text: #ececf1;--sidebar-header-text: #ffffff;--sidebar-active-bg: #2B3E56;--sidebar-active-link-bg: #3478f6;--content-bg: #f0f2f5;--card-bg: #ffffff;--text-primary: #1c1c1e;--text-secondary: #6e6e73;--border-color: #d1d1d6;--success-color: #34c759;--error-color: #ff3b30;--yellow-color: #ffcc00;--orange-color: #ff9500;--red-color: #ff3b30;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}body{margin:0;font-family:var(--font-family);background-color:var(--content-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}h1,h2,h3{margin-top:0}p{line-height:1.6}.error{color:var(--error-color)}.status{color:var(--text-secondary)}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ffcc00b3}70%{transform:scale(1);box-shadow:0 0 0 10px #fc00}to{transform:scale(.95);box-shadow:0 0 #fc00}}.app-container{display:flex;height:100vh}.main-content{flex-grow:1;padding:2rem;overflow-y:auto;position:relative;z-index:20}.card{background-color:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;margin-top:1.5rem}.screen-header{margin-bottom:.75rem;text-align:center}.screen-header h2{margin:0;font-size:1.2rem;font-weight:500;color:var(--text-secondary)}.track-status-banner{padding:1rem;border-radius:8px;margin-bottom:1rem;color:#fff;font-weight:700;text-align:center}.status-green{background-color:var(--success-color)}.status-yellow{background-color:var(--yellow-color);color:var(--text-primary)}.status-red{background-color:var(--red-color)}.status-orange{background-color:var(--orange-color)}.sidebar{background-color:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;width:260px;flex-shrink:0;transition:width .3s ease;position:relative;z-index:10}.sidebar.collapsed{width:80px}.sidebar-header{padding:1.5rem;text-align:center}.sidebar-header h1{color:var(--error-color);margin:0;font-size:calc(1.2rem + 3px);line-height:1.2;transition:opacity .3s ease,visibility .3s ease}.sidebar.collapsed .sidebar-header{padding:1.5rem .5rem}.sidebar.collapsed .sidebar-header h1{opacity:0;visibility:hidden}.nav-links{list-style:none;padding:0 1rem;margin:0;flex-grow:1}.nav-links li a{display:flex;align-items:center;padding:.8rem 1rem;margin-bottom:.5rem;border-radius:8px;color:var(--sidebar-text);text-decoration:none;transition:background-color .2s ease;white-space:nowrap;overflow:hidden}.nav-links li a:hover{background-color:var(--sidebar-active-bg)}.nav-links li a.active{background-color:var(--sidebar-active-link-bg);color:#fff}.nav-links li a.disabled{opacity:.5;cursor:not-allowed;background-color:transparent}.nav-links li a svg{flex-shrink:0;margin-right:1rem;transition:margin .3s ease}.sidebar.collapsed .nav-links{padding:0 .75rem}.sidebar.collapsed .nav-links li a{justify-content:center}.sidebar.collapsed .nav-links li a svg{margin-right:0}.sidebar.collapsed .nav-links li a span{display:none}.sidebar-footer{padding:1rem;border-top:1px solid var(--sidebar-active-bg)}.sidebar-footer a{display:flex;align-items:center;text-decoration:none;color:var(--sidebar-text);padding:.8rem 1rem;margin-bottom:.5rem;border-radius:8px;white-space:nowrap;overflow:hidden}.sidebar-footer a:hover{background-color:var(--sidebar-active-bg)}.sidebar-footer a svg{margin-right:1rem;flex-shrink:0}.sidebar.collapsed .sidebar-footer a{justify-content:center}.sidebar.collapsed .sidebar-footer a span{display:none}.connection-status{display:flex;align-items:center;padding:.8rem 1rem;border-radius:8px;margin-top:.5rem;white-space:nowrap;overflow:hidden}.connection-status.clickable{cursor:pointer}.connection-status.clickable:hover{background-color:var(--sidebar-active-bg)}.connection-indicator{width:10px;height:10px;border-radius:50%;margin-right:1rem;flex-shrink:0}.connection-indicator.connecting{background-color:var(--yellow-color);animation:pulse 2s infinite}.connection-indicator.connected{background-color:var(--success-color)}.connection-indicator.error{background-color:var(--error-color)}.retry-icon{margin-left:.5rem;display:flex;align-items:center}.sidebar.collapsed .connection-status-label,.sidebar.collapsed .retry-icon{display:none}.sidebar.collapsed .connection-indicator{margin-right:0}.sidebar.collapsed .connection-status{justify-content:center}.sidebar-toggle{background:none;border:none;color:var(--sidebar-text);padding:.8rem 1rem;cursor:pointer;width:100%;display:flex;align-items:center;border-radius:8px;margin-top:.5rem}.sidebar-toggle:hover{background-color:var(--sidebar-active-bg)}.sidebar.collapsed .sidebar-toggle{justify-content:center}.sidebar-version{text-align:center;font-size:.7rem;color:var(--text-secondary);padding:.5rem 0 0;-webkit-user-select:none;user-select:none}.sidebar.collapsed .sidebar-version{display:none}.home-screen__status-group{margin-bottom:1.5rem}.home-screen__status-group:last-child{margin-bottom:0}.home-screen__status-group h3{margin-bottom:.5rem}.home-screen__status-group p{margin:.25rem 0}.home-screen__tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.home-screen__tab-button{padding:.8rem 1rem;border:none;background:none;cursor:pointer;border-bottom:3px solid transparent;font-size:1rem}.home-screen__tab-button.active{border-bottom-color:var(--sidebar-active-link-bg);color:var(--sidebar-active-link-bg);font-weight:600}.home-screen__tab-content h2{margin-bottom:1rem}.home-screen__tab-content h3{margin-top:1.5rem;margin-bottom:.75rem}.home-screen__tab-content h4{margin-top:1rem;margin-bottom:.5rem}.home-screen__tab-content ul,.home-screen__tab-content ol{padding-left:20px;line-height:1.6}.home-screen__tab-content li{margin-bottom:.5rem}.home-screen__tab-content hr{border:none;border-top:1px solid var(--border-color);margin:2rem 0}.home-screen__tab-content pre{background-color:#f8f8f8;padding:1rem;border-radius:8px;white-space:pre-wrap;word-break:break-all;font-family:monospace}.settings-screen__form-container{max-width:600px}.settings-screen__form-group{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.settings-screen__form-group label{font-weight:500}.settings-screen__form-group input[type=text],.settings-screen__form-group input[type=number],.settings-screen__form-group .settings-screen__select{width:250px;padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background-color:#fff}.settings-screen__form-actions{display:flex;align-items:center;justify-content:flex-start;margin-top:2rem}.settings-screen__save-button{padding:.6rem 1.2rem;border:none;border-radius:8px;background-color:var(--sidebar-active-link-bg);color:#fff;cursor:pointer;font-weight:700}.settings-screen__save-message{margin-left:1rem;color:var(--success-color)}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:28px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--sidebar-active-link-bg)}input:checked+.slider:before{transform:translate(22px)}.screen-layout-container{position:relative;width:100%;background-color:#f0f2f5;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.player-box{position:absolute;border:1px solid #3478f6;background-color:#c8c8dc33;cursor:pointer;display:flex;flex-direction:column;padding:.5rem;overflow:hidden}.player-box:hover{background-color:#3478f633}.player-box__info{display:flex;align-items:center;color:var(--text-primary);font-weight:700;font-size:.9rem;position:absolute;top:.5rem;left:.5rem}.player-box__headshot{width:24px;height:24px;border-radius:50%;margin-right:.5rem}.player-box__status-icons{color:var(--text-secondary);position:absolute;bottom:.5rem;right:.5rem}.player-box__status-icons svg{width:18px;height:18px}.player-box__muted-icon{color:var(--error-color)}.player-box__main-feed-info{position:absolute;bottom:.5rem;left:.5rem;color:#fff;background-color:#0009;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-family:monospace;font-weight:700;text-align:left}.player-box__main-feed-lap-count{margin-bottom:.25rem}.master-controls{display:flex;justify-content:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.control-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:8px;border:1px solid var(--border-color);background-color:#fff;cursor:pointer}.control-button.success{background-color:var(--success-color);color:#fff;border-color:var(--success-color)}.control-button.error{background-color:var(--error-color);color:#fff;border-color:var(--error-color)}.control-button svg{width:20px;height:20px}.master-controls__toggle-control{gap:1rem}.player-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:2rem}.player-modal{background-color:var(--card-bg);border-radius:12px;padding:1.5rem;width:100%;max-width:560px;box-shadow:0 10px 25px #0000001a}.player-modal-header{display:flex;justify-content:space-between;align-items:center}.player-modal-info{display:flex;align-items:center;gap:.75rem}.player-modal-headshot{width:48px;height:48px;border-radius:50%}.player-modal-close-button{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-secondary)}.player-modal-controls{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.player-modal-control-group{display:flex;align-items:center;gap:.5rem;flex-grow:1}.player-modal-control-group input[type=range]{flex-grow:1}.player-modal-icon-button{background:none;border:none;padding:0;cursor:pointer}.player-modal-icon-button svg{width:24px;height:24px;color:var(--text-secondary)}.player-modal-icon-button .muted-icon{color:var(--error-color)}.control-button.icon-only{padding:.6rem}.player-modal-info-tooltip-container{position:relative;cursor:help;display:flex;align-items:center}.player-modal-info-tooltip{background-color:#333;color:#fff;text-align:left;border-radius:6px;padding:8px 12px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);line-height:1.5;width:max-content}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem}.modal-content{background-color:var(--card-bg);border-radius:12px;padding:1.5rem;width:100%;max-width:600px;box-shadow:0 10px 25px #00000026;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.modal-header h3{margin:0;font-size:1.25rem}.modal-close-button{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-secondary);line-height:1;padding:0}.modal-body ul{padding-left:20px;line-height:1.6}.modal-body li{margin-bottom:.5rem}.modal-body code{background-color:var(--content-bg);padding:2px 6px;border-radius:4px;font-family:monospace;border:1px solid var(--border-color)}.modal-body a{color:var(--sidebar-active-link-bg);word-break:break-all}.modal-body hr{border:none;border-top:1px solid var(--border-color);margin:1.5rem 0}.player-modal-divider{height:1px;background-color:var(--border-color);margin:1rem 0}.player-modal-control-box{background-color:#f8f8f8;border:1px solid var(--border-color);border-radius:8px;padding:1rem}.player-modal-seek-controls,.player-modal-driver-list{margin-top:1.5rem}.player-modal-seek-controls h3,.player-modal-driver-list h3{margin-bottom:1rem}.player-modal-seek-buttons{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.player-modal-current-time{font-weight:700;font-family:monospace;font-size:1.1rem}.player-modal-driver-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:1rem}.player-modal-driver-grid-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;text-align:center}.player-modal-driver-grid-item.disabled{opacity:.5;cursor:not-allowed}.player-modal-driver-grid-item img{width:48px;height:48px;border-radius:50%;margin-bottom:.25rem}.player-modal-driver-headshot-placeholder{width:48px;height:48px;border-radius:50%;background-color:#eee;display:flex;justify-content:center;align-items:center}.player-modal-driver-headshot-placeholder svg{width:24px;height:24px;color:#aaa}.race-screen__weather-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.race-screen__weather-item{display:flex;align-items:center;gap:1rem}.race-screen__weather-item svg{width:32px;height:32px;color:var(--sidebar-active-link-bg)}.race-screen__weather-item .label{color:var(--text-secondary)}.race-screen__weather-item .value{font-weight:700;font-size:1.1rem}.race-screen__session-details p{margin:.25rem 0}.race-screen__weather-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.race-screen__weather-details h3{margin-bottom:1rem}.race-status-control{position:relative;display:flex;align-items:center;justify-content:space-between;background-color:var(--card-bg);border-radius:8px;padding:.5rem 1rem;box-shadow:0 2px 4px #0000000d;margin-bottom:1.5rem;font-family:monospace;font-weight:700}.race-status-control__track-status{padding:.5rem 1rem;border-radius:6px;color:#fff;text-align:center;flex-shrink:0;min-width:160px}.race-status-control__track-status.status-yellow{color:var(--text-primary)}.race-status-control__lap-info{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;color:var(--text-primary)}.race-status-control__lap-info .laps-current{font-size:1.2rem}.race-status-control__lap-info .laps-remaining{font-size:.8rem;color:var(--text-secondary)}.race-status-control__drs-status{padding:.5rem 1rem;border-radius:6px;color:#fff;min-width:120px;text-align:center}.race-status-control__drs-status--enabled{background-color:var(--success-color);background-image:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(0,0,0,.1) 4px,rgba(0,0,0,.1) 8px)}.race-status-control__drs-status--disabled{background-color:#4a4a4a;background-image:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(255,255,255,.1) 4px,rgba(255,255,255,.1) 8px)}.position-screen__card{overflow-x:auto}.position-chart-container{width:100%;overflow-x:auto;padding-bottom:1rem}.position-chart .grid-line{stroke:var(--border-color);stroke-width:1}.position-chart .axis-label{font-size:.75rem;fill:var(--text-secondary)}.position-chart .y-axis-start-pos{text-anchor:end;font-size:.9rem}.position-chart .y-axis-tla{text-anchor:start;font-size:1rem;font-weight:700}.position-chart .y-axis-end-pos{text-anchor:start;font-size:.9rem}.position-chart .end-of-line-label{font-size:1rem;font-weight:700}.position-chart .driver-retired{opacity:.5}.tires-screen__chart-container{display:flex;flex-direction:column;font-family:monospace}.tires-screen__chart-body{position:relative;display:flex;flex-direction:column;gap:.75rem;padding:.25rem 0}.tires-screen__grid-lines-area{position:absolute;top:.25rem;bottom:.25rem;left:0;right:0;display:flex;gap:1rem;z-index:0;pointer-events:none}.tires-screen__driver-info-spacer{width:80px;flex-shrink:0}.tires-screen__timeline-container-spacer{flex-grow:1;position:relative}.tires-screen__vertical-grid-line{position:absolute;top:0;bottom:0;width:1px;background-color:var(--border-color);transform:translate(-50%)}.tires-screen__driver-row{display:flex;align-items:center;gap:1rem;position:relative;z-index:1;border-radius:4px;padding:2px 0}.tires-screen__driver-row:nth-child(odd){background-color:#00000005}.tires-screen__driver-row--retired{opacity:.5;background-color:transparent!important}.tires-screen__driver-info{width:80px;flex-shrink:0;font-weight:700;display:flex;justify-content:flex-end;align-items:baseline;gap:.5rem;padding-right:10px}.tires-screen__driver-pos{color:var(--text-secondary);font-size:.8em;text-align:right;width:20px}.tires-screen__driver-tla{flex-shrink:0}.tires-screen__timeline-container{flex-grow:1;position:relative;height:20px}.tires-screen__timeline-track{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#e0e0e0;border-radius:4px}.tires-screen__stint{position:absolute;top:0;height:100%;border-radius:4px;box-sizing:border-box;box-shadow:inset 0 1px 2px #00000026;border:2px solid #333;cursor:pointer}.tires-screen__stint.tires-screen__stint--used{background-image:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(0,0,0,.25) 4px,rgba(0,0,0,.25) 8px)}.stint--SOFT{background-color:var(--red-color)}.stint--MEDIUM{background-color:var(--yellow-color)}.stint--HARD{background-color:#fff}.stint--INTERMEDIATE{background-color:var(--success-color)}.stint--WET{background-color:var(--sidebar-active-link-bg)}.stint--UNKNOWN{background-color:#8e8e93}.tires-screen__current-tire,.tires-screen__current-tire-spacer{width:40px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.tires-screen__timeline-axis{display:flex;align-items:center;gap:1rem;margin-top:.5rem;margin-bottom:.5rem}.tires-screen__timeline-axis .tires-screen__timeline-container{height:25px}.tires-screen__lap-marker{position:absolute;top:0;height:100%;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);color:var(--text-secondary)}.tires-screen__lap-marker-label{font-size:.75rem;flex-grow:1;display:flex;align-items:center}.tires-screen__lap-marker-tick{width:1px;height:5px;background-color:var(--text-secondary)}.tires-screen__tooltip{position:absolute;background-color:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:.85rem;z-index:1000;pointer-events:none;box-shadow:0 2px 5px #0003;transform:translate(-50%,-100%) translateY(-10px);transition:opacity .2s,transform .2s}.tires-screen__tooltip-content{display:flex;flex-direction:column;gap:4px;text-align:left}.tires-screen__tooltip .tooltip-header{font-weight:700;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:4px;padding-bottom:4px}.tires-screen__tooltip .tooltip-line strong{color:#b0b0b0;margin-right:.5em}.tire-stats-screen__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.tire-stats-screen__column{display:flex;flex-direction:column;align-items:center;gap:1rem}.tire-stats-screen__tire-image-container{width:120px;height:120px}.tire-stats-screen__compound-name{font-size:1.5rem;font-weight:900;letter-spacing:1px;text-transform:uppercase;margin:0}.tire-stats-screen__compound-name--SOFT{color:var(--red-color)}.tire-stats-screen__compound-name--MEDIUM{color:var(--yellow-color)}.tire-stats-screen__compound-name--HARD{color:var(--text-primary)}.tire-stats-screen__compound-name--INTERMEDIATE{color:var(--success-color)}.tire-stats-screen__compound-name--WET{color:var(--sidebar-active-link-bg)}.tire-stats-screen__compound-name--TEST{color:var(--text-secondary)}.tire-stats-screen__section{width:100%;text-align:center}.tire-stats-screen__section-title{font-size:1rem;font-weight:700;color:var(--text-secondary);margin-bottom:.75rem}.tire-stats-screen__list{display:flex;flex-direction:column;gap:.5rem;padding:0;margin:0;list-style:none;font-family:monospace}.tire-stats-screen__list-item{display:flex;justify-content:space-between;padding:.5rem .75rem;border-radius:6px;background-color:#f8f8f8}.tire-stats-screen__list-item--top-time .driver-tla{font-weight:700}.tire-stats-screen__delta-badge{display:inline-block;padding:.5rem 1rem;border-radius:16px;font-size:1.2rem;font-weight:700;font-family:monospace;color:#fff}.tire-stats-screen__delta-badge--fastest{background-color:#9c27b0}.tire-stats-screen__delta-badge--level-1{background-color:#2e7d32}.tire-stats-screen__delta-badge--level-2{background-color:#8d6e63}.tire-stats-screen__delta-badge--level-3{background-color:#bf360c}.race-control-screen__tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.race-control-screen__tab-button{padding:.8rem 1rem;border:none;background:none;cursor:pointer;border-bottom:3px solid transparent;font-size:1rem;display:flex;align-items:center;gap:.5rem}.race-control-screen__tab-button.active{border-bottom-color:var(--sidebar-active-link-bg);color:var(--sidebar-active-link-bg);font-weight:600}.race-control-screen__tab-count{display:inline-block;background-color:var(--text-secondary);color:#fff;border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:700;line-height:1}.race-control-screen__tab-button.active .race-control-screen__tab-count{background-color:var(--sidebar-active-link-bg)}.race-control-screen__list{max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.race-control-screen__item{border-bottom:1px solid var(--border-color);padding-bottom:1rem}.race-control-screen__item:last-child{border-bottom:none;padding-bottom:0}.race-control-screen__item-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem;font-family:monospace}.race-control-screen__item-message{margin:0}.drs-status-indicator{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;color:#fff;font-weight:700;font-size:1.2rem;letter-spacing:2px;text-transform:uppercase;font-family:monospace}.drs-status-indicator--enabled{background-color:var(--success-color)}.drs-status-indicator--disabled{background-color:#4a4a4a}.race-control__filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.race-control__filter-button{padding:.25rem .75rem;border-radius:16px;border:2px solid transparent;cursor:pointer;font-weight:700;font-size:.85rem;transition:all .2s ease;opacity:.8}.race-control__filter-button:hover{opacity:1}.race-control__filter-button.active{opacity:1;border-color:var(--sidebar-active-link-bg);box-shadow:0 0 12px #3478f6b3;transform:scale(1.05)}.race-control__filter-reset-button{padding:.25rem .75rem;border-radius:16px;border:1px solid var(--border-color);background-color:transparent;color:var(--text-secondary);cursor:pointer;font-weight:700;font-size:.85rem;transition:all .2s ease;margin-left:auto}.race-control__filter-reset-button:hover{background-color:var(--border-color);color:var(--text-primary)}.leaderboard-screen__table-container{overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;font-family:monospace;font-size:.95rem;white-space:nowrap}.leaderboard-table th,.leaderboard-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.leaderboard-table th{color:var(--text-secondary);font-weight:700;font-size:.8rem;text-transform:uppercase}.leaderboard-table tbody tr:last-child td{border-bottom:none}.leaderboard-table .pos-cell{text-align:right;padding-right:1rem;color:var(--text-secondary)}.leaderboard-table .tla-cell{font-weight:700}.leaderboard-table .time-cell{text-align:right}.leaderboard-table .status-cell{text-align:center}.leaderboard-status-badge{display:inline-block;padding:.25rem .6rem;border-radius:12px;font-size:.8rem;font-weight:700;color:#fff;min-width:70px;text-align:center}.leaderboard-status-badge--retired,.leaderboard-status-badge--stopped{background-color:var(--error-color)}.leaderboard-status-badge--in-pit,.leaderboard-status-badge--pit-out{background-color:var(--orange-color)}.leaderboard-table .tla-indicator{display:inline-block;width:4px;height:1.2em;margin-right:.75rem;vertical-align:middle;border-radius:2px}.leaderboard-table .lap-time-pill{display:inline-block;padding:.2rem .5rem;border-radius:10px;font-weight:700;color:#fff}.leaderboard-table .lap-time-pill--overall{background-color:#9c27b0}.leaderboard-table .lap-time-pill--personal{background-color:var(--success-color)}.best-lap-container{display:flex;justify-content:flex-end;align-items:baseline}.leaderboard-table .best-lap-lap-number{color:var(--text-secondary);font-size:.9em;width:50px;text-align:left;flex-shrink:0;margin-left:.5rem}.track-limits__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.track-limits__item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f8f8f8;border-radius:8px;border:1px solid var(--border-color)}.track-limits__driver-info{font-weight:700}.track-limits__count{font-size:1.5rem;font-weight:700;font-family:monospace}.track-limits__count--warning{color:var(--orange-color)}.track-limits__count--danger{color:var(--error-color)}.penalties__list{display:flex;flex-direction:column;gap:1rem}.penalties__item{display:grid;grid-template-columns:80px 1fr 120px;align-items:center;gap:1rem;padding:1rem;background-color:#f8f8f8;border-radius:8px;border:1px solid var(--border-color)}.penalties__driver-info{display:flex;flex-direction:column;font-weight:700}.penalties__driver-tla{font-size:1.2rem}.penalties__lap{font-size:.8rem;color:var(--text-secondary)}.penalties__details p{margin:0}.penalties__description{font-weight:700;margin-bottom:.25rem!important}.penalties__reason{font-size:.9rem;color:var(--text-secondary)}.penalties__status{padding:.5rem 1rem;border-radius:16px;text-align:center;font-weight:700;font-size:.85rem;color:#fff}.penalties__status--served{background-color:var(--success-color)}.penalties__status--outstanding{background-color:var(--orange-color)}.debug-screen__tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.debug-screen__tab-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:none;cursor:pointer;font-size:.9rem}.debug-screen__tab-button.active{border-color:var(--sidebar-active-link-bg);background-color:var(--sidebar-active-link-bg);color:#fff;font-weight:600}.debug-screen__tab-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.debug-screen__tab-indicator--static{background-color:var(--sidebar-active-link-bg)}.debug-screen__tab-indicator--dynamic{background-color:var(--success-color)}.tab-content pre{background-color:#f8f8f8;padding:1rem;border-radius:8px;white-space:pre-wrap;word-break:break-all}.tablet-mode .main-content{padding:1rem}.tablet-mode h1{margin-bottom:1rem}.tablet-mode .card{padding:1rem;margin-top:1rem}.tablet-mode .screen-layout-container{max-width:85%;margin-left:auto;margin-right:auto}.tablet-mode .master-controls{gap:.75rem;margin-top:.75rem}.tablet-mode .control-button{padding:.5rem .9rem;font-size:.9rem}.tablet-mode .control-button svg{width:18px;height:18px}.tablet-mode .tires-screen__chart-body{gap:.5rem}.tablet-mode .tires-screen__driver-info,.tablet-mode .tires-screen__driver-info-spacer{width:65px}.tablet-mode .tires-screen__driver-info{gap:.25rem;padding-right:5px;font-size:.9rem}.tablet-mode .tires-screen__timeline-container{height:18px}.tablet-mode .tires-screen__timeline-axis{margin-top:.25rem;margin-bottom:.25rem}.tablet-mode .sidebar-header{padding:.8rem 1rem}.tablet-mode .sidebar-header h1{font-size:1.1rem}.tablet-mode .nav-links li a{padding:.5rem 1rem;margin-bottom:.1rem}.tablet-mode .sidebar-footer{padding:.5rem}.tablet-mode .sidebar-footer a,.tablet-mode .sidebar-footer .connection-status,.tablet-mode .sidebar-footer .sidebar-toggle{padding:.4rem 1rem;margin-bottom:.1rem;margin-top:.1rem}.tablet-mode .race-status-control{margin-bottom:1rem}.tablet-mode .race-screen__session-details p{margin:.15rem 0}.tablet-mode .race-screen__weather-grid,.tablet-mode .race-screen__weather-item{gap:.75rem}.tablet-mode .race-screen__weather-item svg{width:24px;height:24px}.tablet-mode .race-screen__weather-item .value{font-size:.95rem}.tablet-mode .race-screen__weather-details{margin-top:.75rem;padding-top:.75rem}.tablet-mode .race-screen__weather-details h3{margin-bottom:.5rem}.tablet-mode .tire-stats-screen__grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tablet-mode .tire-stats-screen__column{gap:.75rem}.tablet-mode .tire-stats-screen__tire-image-container{width:90px;height:90px}.tablet-mode .tire-stats-screen__compound-name{font-size:1.25rem}.tablet-mode .tire-stats-screen__section-title{font-size:.9rem;margin-bottom:.5rem}.tablet-mode .tire-stats-screen__list-item{padding:.35rem .5rem;font-size:.9rem}.tablet-mode .tire-stats-screen__delta-badge{padding:.4rem .8rem;font-size:1rem}.tablet-mode .race-control-screen__list{gap:.5rem}.tablet-mode .race-control-screen__item{padding-bottom:.75rem}.tablet-mode .race-control-screen__item-meta{margin-bottom:.25rem;font-size:.8rem}.tablet-mode .track-limits__list{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.tablet-mode .track-limits__item{padding:.6rem}.tablet-mode .track-limits__count{font-size:1.25rem}
