:root{--bg:#101017;--panel:#181821;--line:#2c2c39;--muted:#9a9baa;--accent:#efff44;--purple:#ca9bff;--green:#65e59d;color:#f4f4f8;font-family:Inter,-apple-system,BlinkMacSystemFont,"Hiragino Sans","Microsoft YaHei",sans-serif;font-size:16px;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button,select{color:inherit;background:#22222e;border:1px solid var(--line);border-radius:6px;padding:9px 13px}button:hover:not(:disabled){background:#343442}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.quiet{background:transparent;color:#babac6;font-size:14px}.brand{font-size:24px;font-weight:900;font-style:italic;color:#fff;text-decoration:none;letter-spacing:-1.1px;white-space:nowrap}.brand span{color:var(--accent);margin-left:5px}header{height:78px;border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;gap:40px;background:#13131b}header .product{font-size:14px;letter-spacing:1px;color:#bbbcc7}.product span{padding:0 15px;color:#505160}header button{margin-left:auto}.layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 78px)}aside{border-right:1px solid var(--line);padding:32px 18px;display:flex;flex-direction:column;gap:16px;background:#14141d}.aside-heading{font-size:14px;color:var(--muted);padding:0 12px 12px;display:flex;justify-content:space-between}.aside-heading span{font:12px ui-monospace,monospace;color:#626474}.nav{padding:14px;display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;text-align:left}.nav b{font-size:11px;letter-spacing:1.5px}.nav.active{background:#2b2c20;color:var(--accent);border-left:3px solid var(--accent)}.section-title{font-size:13px;color:var(--muted);display:flex;justify-content:space-between;margin:20px 12px 0}.session{width:100%;text-align:left;background:transparent;padding:14px 12px;border:1px solid transparent;margin-bottom:6px}.session.active{background:#262632;border-color:#404052}.session strong{font-size:14px;line-height:1.6;display:block}.session small{font-size:12px;display:block;color:var(--muted);margin-top:7px}.session .tag{color:#ced88c}.aside-bottom{margin-top:auto;padding:50px 12px 0;font-size:14px;color:#bebec9}.aside-bottom p{font-size:13px;line-height:1.8;color:var(--muted)}.aside-bottom button{padding-left:0;border:0}.aside-empty{font-size:14px;color:var(--muted);padding:10px 12px;line-height:1.8}main{padding:32px 36px 20px;min-width:0}.eyebrow{color:var(--muted);font-size:12px;letter-spacing:1.8px;display:flex;justify-content:space-between}.title-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0}h1{font-size:clamp(23px,2.5vw,36px);font-weight:800;font-style:italic;letter-spacing:-.8px;margin:0;overflow-wrap:anywhere}.title-row p{color:var(--muted);font-size:14px;margin:8px 0 0}.flag{padding:10px 14px;border:1px solid #444452;border-radius:5px;white-space:nowrap;font-size:14px;background:#24242e}.flag.G{background:#163a2b;color:#7becb1}.flag.R{background:#50252b;color:#ffa3ae}.flag.Y{background:#48401c;color:#ffe681}.flag.F{background:repeating-linear-gradient(45deg,#33343d 0,#33343d 5px,#272831 5px,#272831 10px);color:white}.connection{font-size:13px;line-height:1.7;padding:10px 13px;border-left:3px solid #e1b461;background:#29251d;color:#e8c78e;margin-bottom:24px}.connection.ok{border-color:#71bb8a;background:#1b2923;color:#adcfb9}.summary{border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:.8fr 1fr 1.7fr 1fr;background:linear-gradient(110deg,#1d1c2b,#181820);margin-bottom:28px}.summary>div{padding:20px 24px;border-right:1px solid var(--line)}.summary>div:last-child{border:0}.summary span{font-size:13px;color:var(--muted);display:block}.summary strong{font-size:28px;line-height:1.4;font-weight:600;display:block;margin-top:8px;font-variant-numeric:tabular-nums}.summary .fastest strong{color:var(--purple);font-family:ui-monospace,monospace}.summary em{font-style:normal;font-size:12px;color:#c1b3d6;margin-left:8px}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.segmented{display:flex;gap:20px;align-self:stretch}.segmented button{border:0;border-radius:0;padding:10px 0;background:transparent;color:var(--muted);font-size:14px}.segmented .selected{border-bottom:2px solid var(--accent);color:var(--accent)}.segmented small{color:var(--muted);font-size:12px}.filters{display:flex;gap:8px;align-items:center}.search{display:flex;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:0 10px;gap:8px;color:var(--muted)}input{min-width:0}input[type=text],.search input{width:170px;background:transparent;color:white;border:0;padding:10px 0;font-size:14px}.filters select{font-size:14px;max-width:150px}.board{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}th{font-size:12px;font-weight:500;letter-spacing:.4px;color:var(--muted);height:44px;background:#1e1e2b;padding:0 14px;border-bottom:1px solid var(--line)}td{height:67px;padding:8px 14px;font-size:15px;border-bottom:1px solid #292936;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}tbody tr:nth-child(even){background:#1c1c28}tbody tr:hover{background:#2a2937}tbody tr:last-child td{border-bottom:0}th:first-child,td:first-child{text-align:center;width:55px}th:nth-child(2),td:nth-child(2){text-align:center;width:62px}.driver-col{text-align:left;min-width:220px}.driver{text-align:left;font-family:inherit;white-space:normal;min-width:200px}.driver button{background:transparent;padding:0;border:0;text-align:left;font-size:15px;line-height:1.45;font-weight:600}.driver button:hover{color:var(--accent);background:transparent!important}.driver small{display:block;color:var(--muted);font-size:12px;font-weight:400;line-height:1.6;margin-top:3px}.number{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:30px;padding:0 6px;color:#1a1b10;background:var(--accent);font-family:inherit;font-size:16px;font-weight:800;font-style:italic;border-radius:3px}.position{font-size:18px;color:#d7d7df;font-style:italic}.position.first{color:var(--accent)}.purple{color:var(--purple)}.green{color:var(--green)}.muted{color:var(--muted)}.status-cell{font-size:12px;color:#9d9dac}.pit{color:#ffb36d}.empty{padding:70px 24px;text-align:center;color:var(--muted)}.empty-mark{font-size:38px;color:#525366}.empty h2{color:#c5c5d2;font-size:18px;font-weight:500}.empty p{font-size:14px;line-height:1.8}footer{display:flex;justify-content:space-between;gap:20px;margin-top:20px;color:#898a9e;font-size:12px;line-height:1.7}.message-list{min-height:280px;border:1px solid var(--line);border-radius:8px;padding:20px}.message{padding:15px 0;border-bottom:1px solid var(--line);font-size:16px}.message time{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.replay{border:1px solid #454055;background:#201e2c;padding:16px 20px;border-radius:8px;margin-bottom:16px}.replay>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.replay strong{font-size:14px}.replay time{font-size:14px;color:var(--purple);font-variant-numeric:tabular-nums}.replay input{width:100%;accent-color:var(--accent);margin:14px 0 0}.replay p{font-size:12px;color:var(--muted);margin:6px 0 0}.replay button,.replay select{font-size:13px;padding:6px 10px}dialog{width:min(760px,calc(100vw - 32px));max-height:90vh;background:#181822;color:#f4f4f8;border:1px solid #49495c;border-radius:12px;padding:28px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#05050ba8;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head h2{margin:0;font-size:22px}.driver-title{display:flex;gap:18px;align-items:center}.driver-title h2{margin:0;font-size:24px}.driver-title p{font-size:14px;color:var(--muted);margin:6px 0}.driver-title .number{font-size:26px;min-width:56px;height:48px}.driver-stats{display:flex;gap:36px;margin:25px 0}.driver-stats span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.driver-stats strong{font:22px ui-monospace,monospace}.lap-chart{height:130px;width:100%;overflow:visible;margin:12px 0}.lap-note{color:var(--muted);font-size:13px;line-height:1.8}.lap-table{max-height:290px;overflow:auto}.lap-table td{height:40px;font-size:14px}.lap-table th{position:sticky;top:0}.danger{border-color:#76414a;color:#ffb5c0;margin-top:10px}#settings-dialog p{font-size:14px;color:#b0b0c1;line-height:1.8}code{display:block;overflow-wrap:anywhere;color:var(--accent);font-size:14px}[hidden]{display:none!important}@media(min-width:1600px){main{padding:40px 48px}.driver-col{min-width:300px}td{height:73px}}@media(max-width:1150px){.layout{grid-template-columns:210px minmax(0,1fr)}main{padding:26px 20px}.summary>div{padding:18px 14px}.summary strong{font-size:23px}.interval-col,.bestlap-col,td.interval,td.bestlap{display:none}td,th{padding-left:10px;padding-right:10px}.filters{flex-wrap:wrap}.driver-col{min-width:180px}}@media(max-width:780px){header{height:auto;min-height:64px;padding:14px 18px;gap:12px;flex-wrap:wrap}.brand{font-size:22px}header .product{font-size:12px}header .quiet{display:none}.layout{display:block}aside{border-right:0;border-bottom:1px solid var(--line);padding:12px 16px;display:flex;flex-direction:row;gap:12px;overflow:auto;align-items:center}.aside-heading,.aside-bottom,.section-title{display:none}#sessions{display:flex;gap:8px;flex-shrink:0}.session{width:210px;margin:0;padding:8px 12px}.session strong{font-size:13px}.session small{font-size:12px;margin-top:3px}.nav{width:120px;flex-shrink:0;gap:12px;padding:12px;font-size:14px}main{padding:22px 16px}.eyebrow{font-size:11px;letter-spacing:.7px}.summary{grid-template-columns:1fr 1fr;margin-bottom:18px}.summary>div{padding:14px 16px;border-bottom:1px solid var(--line)}.summary>div:nth-child(2){border-right:0}.summary>div:nth-child(3){border-bottom:0}.summary strong{font-size:23px}.summary em{display:block;margin:5px 0 0}.title-row{align-items:flex-start}h1{font-size:24px}.flag{font-size:12px;padding:8px}.filters{width:100%}.search{flex:1}.search input{width:100%;font-size:14px}.filters select{max-width:125px}.table-scroll{max-width:100%}table{min-width:740px}td{height:65px}.connection{font-size:12px}.driver-col{min-width:205px}footer{flex-direction:column;gap:5px}.driver-stats{gap:22px}.driver-stats strong{font-size:18px}dialog{padding:20px}.replay{padding:14px}.replay strong{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.nav span{white-space:nowrap}@media(max-width:780px){.nav{width:135px}.lap-table table{min-width:450px}}
/* Pitwall: compact race information, aligned figures, persistent driver comparison. */
:root{--bg:#101319;--panel:#181d25;--line:#2d3440;--muted:#9ca8b9;--accent:#eaf65b}header{height:54px;padding:0 20px;gap:30px;background:#151920}.brand{font-size:22px}.layout{grid-template-columns:180px minmax(0,1fr);min-height:calc(100vh - 54px)}aside{padding:22px 10px;gap:12px;background:#14181f}.aside-heading{padding:0 8px 6px}.section-title{margin:16px 8px 0}.session{padding:10px 8px}.session strong{font-size:13px}.session small{font-size:12px;line-height:1.5}.nav{padding:11px 10px}.aside-bottom{padding:24px 8px 0}.aside-bottom p{font-size:12px}main{padding:18px 20px}.eyebrow{font-size:11px;letter-spacing:1.4px}.title-row{margin:12px 0;gap:12px}h1{font-size:25px}.title-row p{font-size:12px;margin-top:5px}.flag{padding:7px 12px;font-size:13px}.connection{margin-bottom:12px;padding:6px 10px;font-size:12px;background:#27281e}.summary{display:grid;grid-template-columns:.75fr 1fr 1.8fr 1.1fr;margin-bottom:14px;border-radius:5px;background:#191f29}.summary>div{padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.summary strong{font-size:22px;margin:0;white-space:nowrap}.summary span{font-size:12px}.summary em{font-size:11px;display:block;margin:3px 0 0}.toolbar{margin-bottom:10px;gap:12px}.segmented{gap:18px}.segmented button{font-size:13px;padding:8px 0}.filters{gap:6px}.filters input{width:155px;padding:7px 0;font-size:13px}.filters select,.filters button{font-size:12px;padding:7px 9px}.filters button[aria-pressed=true]{color:var(--accent);border-color:#667033}.pitwall-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);gap:16px;align-items:start}.timing-column{min-width:0}.board{border-radius:5px}.board table{min-width:540px}.board th{height:33px;padding:0 7px;font-size:11px}.board td{height:44px;padding:4px 7px;font-size:14px;border-color:#29303b}.board tbody tr:nth-child(even){background:#1c232d}.board tbody tr:hover{background:#293441}.board th:nth-child(1),.board td:nth-child(1){width:32px;min-width:32px;text-align:center;padding:0 5px}.board th:nth-child(2),.board td:nth-child(2){width:37px;text-align:center}.board th:nth-child(3),.board td:nth-child(3){width:45px;text-align:center}.board .driver-col,.board .driver{min-width:140px;max-width:225px;text-align:left}.driver button{font-size:14px;line-height:1.25;font-weight:600}.driver small{font-size:11px;margin-top:3px;line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:200px}.number{min-width:30px;height:25px;font-size:14px}.board .position{font-size:16px}.board .interval-col,.board .bestlap-col,.board td.interval,.board td.bestlap{display:none}.board .status-cell{font-size:11px}.watch-toggle{border:0;background:transparent!important;padding:4px 2px;color:#637187;font-size:19px;line-height:1;border-radius:0}.watch-toggle:hover{color:#eaf65b}.watch-toggle[aria-pressed=true]{color:var(--driver-color)}.board tr.watched-row{background:color-mix(in srgb,var(--driver-color) 8%,#181d25)}.board tr.watched-row:hover{background:color-mix(in srgb,var(--driver-color) 15%,#181d25)}.watched-row td:first-child{box-shadow:inset 3px 0 var(--driver-color)}.watched-row .driver button{color:var(--driver-color)}#focus-panel{border:1px solid var(--line);border-radius:5px;background:#171c24;position:sticky;top:16px;padding:14px;min-width:0;overflow:hidden}.focus-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.focus-heading h2{font-size:16px;margin:7px 0 0;font-weight:600}.focus-heading h2 b{font-size:12px;font-weight:500;color:var(--accent);margin-left:8px}.focus-heading .quiet{font-size:12px;padding:5px 8px}#watch-cards{max-height:295px;overflow:auto;display:flex;flex-direction:column;gap:8px}.watch-card{border:1px solid #34404d;border-left:3px solid var(--driver-color);border-radius:3px;background:color-mix(in srgb,var(--driver-color) 3%,#1b212b);padding:9px 10px}.watch-identity{display:flex;gap:8px;align-items:center}.watch-identity strong{color:var(--driver-color);font:700 15px ui-monospace,monospace}.watch-identity span{font-size:14px;font-weight:600;flex:1;overflow-wrap:anywhere}.watch-identity button{font-size:18px;line-height:1;border:0;background:transparent;padding:0 3px;color:#aeb6c4}.watch-values{display:flex;justify-content:space-between;gap:7px;margin-top:9px}.watch-values small{font-size:11px;color:var(--muted);display:block;margin-bottom:4px}.watch-values b{font:500 13px ui-monospace,monospace}.watch-card p{font-size:12px;color:var(--muted);margin:8px 0 0}.focus-empty{padding:35px 10px;text-align:center;color:#718097}.focus-empty svg{display:block;width:74px;height:48px;margin:0 auto 18px;color:#697785}.focus-empty strong{display:block;font-size:15px;font-weight:500;color:#b2bdcc}.focus-empty p{font-size:13px;line-height:1.8}.chart-controls{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.chart-controls .segmented{gap:16px}.chart-controls .segmented button{font-size:12px}.chart-controls .quiet{font-size:11px;border:0;padding:4px}.chart-empty{min-height:155px;display:grid;place-content:center;color:var(--muted);font-size:13px}#chart-area{position:relative;min-width:0}#chart-svg svg{display:block;width:100%;height:auto;min-height:165px;overflow:visible}.grid-line{stroke:#343e4c;stroke-dasharray:3 4;stroke-width:1}.axis-label{fill:#9ba9bc;font:15px ui-monospace,monospace}#chart-tooltip{position:absolute;top:15px;min-width:170px;border:1px solid #536172;background:#111720ed;padding:10px;border-radius:4px;pointer-events:none;box-shadow:0 8px 25px #0006;font-size:12px;z-index:5}#chart-tooltip strong{display:block;margin-bottom:8px;font:600 12px ui-monospace,monospace;color:#e5eaf2}#chart-tooltip div{display:flex;gap:8px;align-items:center;line-height:1.8}#chart-tooltip span{margin-left:auto;font:12px ui-monospace,monospace}#chart-tooltip i,#chart-legend i{display:inline-block;background:var(--driver-color);width:8px;height:8px;border-radius:50%;flex-shrink:0}#chart-legend{display:flex;gap:8px 12px;flex-wrap:wrap;margin:9px 0}#chart-legend span{font-size:11px;color:#c3ccd8;display:flex;align-items:center;gap:5px}.chart-note{font-size:11px;color:#8c9aae;line-height:1.7;margin:10px 0 0}#comparison-table{max-height:320px;overflow:auto;margin-top:12px}#comparison-table table{min-width:0}#comparison-table th{height:30px;background:#202936;position:sticky;top:0}#comparison-table td{height:30px;font-size:12px;padding:6px 8px}.replay{padding:10px 14px;margin-bottom:12px}.replay input{margin-top:10px}.replay p{font-size:11px}footer{margin-top:12px;font-size:11px}.empty{padding:50px 20px}.message-list{padding:12px}#focus-panel:not(.has-focus) .chart-controls{display:none}#focus-panel:not(.has-focus){min-height:340px}.focus-col{font-family:inherit}@media(min-width:1600px){main{padding:20px 26px}.layout{grid-template-columns:205px minmax(0,1fr)}.pitwall-grid{grid-template-columns:minmax(0,1.8fr) minmax(400px,1fr)}.board .interval-col,.board .bestlap-col,.board td.interval,.board td.bestlap{display:table-cell}.board td{height:46px}.board .driver-col{min-width:200px}#chart-svg svg{min-height:215px}}@media(max-width:1179px){.pitwall-grid{grid-template-columns:minmax(0,1fr)}#focus-panel{position:static}#watch-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-height:250px}#chart-svg svg{max-height:320px}.summary>div{padding:9px 11px;display:block}.summary strong{font-size:20px;margin-top:4px}.summary em{display:none}.board .driver-col,.board .driver{max-width:none}.board .driver-col{min-width:180px}.board td.interval,.board .interval-col{display:table-cell}}@media(max-width:780px){header{height:52px;min-height:52px;padding:0 14px;gap:14px;flex-wrap:nowrap}.brand{font-size:20px}header .product{font-size:10px;letter-spacing:.3px}.product span{padding:0 6px}.layout{display:block}aside{padding:8px 12px;display:flex;flex-direction:row;border-right:0;gap:8px}.nav{width:130px;padding:8px 10px;font-size:13px}.session{width:210px;padding:5px 10px}.session strong{font-size:12px}.session small{font-size:11px}.aside-bottom{display:none}main{padding:14px 12px}.title-row{margin:10px 0}h1{font-size:21px}.title-row p{font-size:11px}.eyebrow{font-size:10px}.connection{font-size:11px;line-height:1.5}.summary{grid-template-columns:.65fr .8fr 1.3fr .8fr;margin-bottom:10px}.summary>div{border-bottom:0;padding:8px;min-width:0}.summary>div:nth-child(2){border-right:1px solid var(--line)}.summary span{font-size:10px}.summary strong{font-size:16px;line-height:1.3}.toolbar{gap:6px}.filters{flex-wrap:wrap}.search{flex:1;min-width:120px;padding:0 7px}.filters input{width:100%;font-size:12px}.filters select{max-width:110px}.filters button{padding:7px}.segmented{gap:16px}.board table{min-width:600px}.board td{height:43px}.board .driver-col{min-width:165px}.board .driver small{max-width:175px}.board td.interval,.board .interval-col{display:none}#focus-panel{padding:12px}#watch-cards{display:flex;max-height:300px}.watch-values b{font-size:14px}#chart-svg svg{min-height:190px}.axis-label{font-size:17px}.chart-controls .segmented button{font-size:13px}.chart-note{font-size:12px}.focus-heading h2{font-size:16px}.chart-empty{min-height:140px}.watch-identity span{font-size:14px}.chart-controls .quiet{font-size:12px}#chart-legend span{font-size:12px}.replay strong{display:none}}@media(prefers-reduced-motion:no-preference){.watched-row{transition:background-color .15s}.watch-card{animation:watch-in .15s ease-out}@keyframes watch-in{from{opacity:.7}to{opacity:1}}}

/* Keep the timing board and comparison accessible on a pitwall display. */
.table-scroll{max-height:calc(100vh - 315px);min-height:240px;overflow:auto}
@media(max-width:1179px){.table-scroll{max-height:48vh}}
/* Suzuka pitwall: devote space to ranks and timing, not panel padding. */
header{height:42px;padding:0 12px;gap:18px}.brand{font-size:22px}.layout{grid-template-columns:148px minmax(0,1fr);min-height:calc(100vh - 42px)}aside{padding:12px 6px;gap:8px}.aside-heading{padding:0 6px;font-size:12px}.section-title{margin:8px 6px 0}.session{padding:7px 6px;margin-bottom:2px}.session strong{font-size:13px;line-height:1.3}.session small{font-size:11px;margin-top:4px}.aside-bottom{padding:12px 6px 0}.aside-bottom p{line-height:1.4}.nav{padding:9px 7px}main{padding:10px 12px}.title-row{margin:7px 0;gap:8px}h1{font-size:24px}.title-row p{margin-top:3px;font-size:12px}.flag{padding:6px 9px}.connection{padding:4px 8px;margin-bottom:8px;line-height:1.4;font-size:12px}.summary{margin-bottom:8px;border-radius:4px}.summary>div{padding:6px 10px;min-height:44px}.summary strong{font-size:28px;line-height:1.1;margin:0}.summary span{font-size:12px}.toolbar{margin-bottom:6px;gap:6px}.filters button,.filters select{padding:6px 8px}.pitwall-grid{gap:10px;grid-template-columns:minmax(0,1.9fr) minmax(300px,.85fr)}.board th{height:28px;padding:4px 6px;font-size:12px}.board td{height:40px;padding:4px 6px;font-size:20px;font-weight:650;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.board td.position{font-size:25px;font-weight:850;width:36px}.board .number{font-size:25px;min-width:37px;padding:1px 4px}.board .driver-col{min-width:145px}.board .driver button{font-size:16px;line-height:1.15}.board .driver small{font-size:10px;line-height:1.1;margin-top:2px;max-width:175px}.board .focus-col{width:30px;padding:0 2px}.watch-toggle{width:28px;font-size:22px;padding:0}.board .status-cell{font-size:12px}.board .interval,.board .bestlap{font-size:17px}.table-scroll{min-height:0;max-height:calc(100vh - 230px)}#focus-panel{padding:9px;top:8px;min-height:0!important}.focus-heading{margin-bottom:8px}.focus-heading h2{font-size:18px;margin:3px 0}.watch-card{padding:7px 8px;margin-bottom:5px}.watch-identity{gap:6px;margin-bottom:7px}.watch-identity strong{font-size:23px}.watch-identity span{font-size:15px}.watch-values{gap:5px;grid-template-columns:repeat(3,minmax(0,1fr))}.watch-values b{font-size:20px}.watch-values small{font-size:11px}.chart-controls{margin-top:8px;gap:5px}.chart-controls button{padding:5px;font-size:12px}.chart-controls .segmented{gap:5px}#chart-svg svg{min-height:145px}.focus-empty{padding:22px 8px;min-height:0}.focus-empty svg{width:58px;height:35px}.focus-empty p{margin:6px 0}.chart-empty{min-height:90px}.chart-note{margin-top:5px;line-height:1.4}.empty{padding:24px 12px}.empty h2{font-size:20px}footer{margin-top:6px}
@media(min-width:1600px){.layout{grid-template-columns:160px minmax(0,1fr)}main{padding:10px 14px}.pitwall-grid{grid-template-columns:minmax(0,2fr) minmax(340px,.9fr)}.board td{height:42px;font-size:22px}.board .driver-col{min-width:180px}}
@media(max-width:1179px){.layout{grid-template-columns:135px minmax(0,1fr)}.pitwall-grid{grid-template-columns:minmax(0,1fr)}.table-scroll{max-height:52vh}.summary strong{font-size:26px}.summary>div{padding:6px 8px;display:flex}.watch-values{grid-template-columns:repeat(5,minmax(0,1fr))}#chart-svg svg{max-height:230px}#watch-cards{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}}
@media(max-width:780px){header{height:40px;min-height:40px;padding:0 8px;gap:10px}.brand{font-size:20px}.layout{display:block}aside{padding:4px 8px;gap:5px}.nav{padding:6px 8px;width:115px}.session{padding:4px 6px;width:180px}main{padding:8px}.eyebrow{font-size:9px}h1{font-size:22px}.title-row{margin:5px 0}.title-row p{font-size:10px}.summary>div{display:block;padding:5px}.summary strong{font-size:23px}.summary span{font-size:10px}.board td{height:39px;font-size:20px}.board table{min-width:690px}.board .driver-col{min-width:145px}.table-scroll{max-height:48vh}.watch-values{grid-template-columns:repeat(3,minmax(0,1fr))}.watch-values b{font-size:22px}.watch-card{padding:6px}.chart-controls .segmented button{font-size:13px}#chart-svg svg{min-height:180px}#watch-cards{max-height:270px}footer{font-size:10px}}
/* Hands-off pitwall: one toolbar, no sidebar, both charts and race control always visible. */
header{height:44px;min-height:44px;padding:0 10px;gap:12px;display:flex;flex-wrap:nowrap}header .brand{font-size:21px}header #circuit-label{font-size:11px;letter-spacing:1px;color:#b9c4ce;white-space:nowrap}header h1{font-size:19px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}header select{max-width:240px;font-size:12px;padding:5px 7px}header button{margin-left:0;padding:5px 8px;font-size:12px}.layout{display:block;min-height:0}main{padding:6px 10px}.race-strip{display:flex;align-items:center;gap:15px;min-height:32px;border-bottom:1px solid var(--line);font-size:12px;white-space:nowrap}.race-strip b{font-size:21px;font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums}.race-strip .flag{padding:3px 7px;font-size:12px}.race-strip #fastest{color:var(--purple)}.race-strip #connection{font-size:11px;white-space:normal;line-height:1.3;margin-left:auto;max-width:45%;padding:0;background:none;border:0;color:#d9bc80}.race-strip #connection.ok{color:#77d4a1}.race-strip #fastest-name{font-size:11px}.toolbar{display:flex;margin:3px 0 5px;min-height:25px;gap:12px;font-size:11px;color:var(--muted)}.toolbar #mode-label{font-weight:700;color:#d9e761}.toolbar #record-note{flex:1}.toolbar #export{padding:3px 6px;font-size:11px}.pitwall-grid{grid-template-columns:minmax(0,1fr) 410px;gap:10px;align-items:start}.table-scroll{max-height:calc(100vh - 206px);min-height:0}.board td{height:38px;font-size:22px;padding:3px 7px;line-height:1.15}.board th{height:27px;font-size:11px;padding:4px 7px}.board td.position{font-size:27px}.board .number{font-size:25px}.board .driver button{font-size:16px}.board .driver small{font-size:10px}.board .driver-col{min-width:170px}.board .interval-col,.board td.interval{display:table-cell}.board .bestlap-col,.board td.bestlap{display:none}.board td.interval{font-size:21px;color:#d1dae6}.board .status-cell{font-size:12px}.board td:first-child{border-left:3px solid transparent}.board .watched-row td:first-child{border-left-color:var(--driver-color)}#focus-panel{position:static;padding:7px;min-height:0!important}.focus-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.focus-heading h2{font-size:14px;margin:0}.focus-heading span{font-size:10px;color:var(--muted)}#watch-cards{display:grid;grid-template-columns:1fr;gap:6px;max-height:none;overflow:visible}.watch-card{padding:7px 9px;margin:0;border-left:3px solid var(--driver-color)}.watch-identity{display:flex;align-items:center;gap:8px;margin:0 0 6px}.watch-identity strong{font-size:26px;color:var(--driver-color)}.watch-identity span{font-size:16px;flex:1}.watch-identity .watch-position{font:900 42px/1 ui-monospace,monospace;letter-spacing:-2px;color:var(--driver-color)}.watch-values{display:grid;grid-template-columns:1fr 1fr;gap:5px 15px}.watch-values div{min-width:0}.watch-values small{font-size:12px;display:block;color:#aebccc}.watch-values b{display:block;font:750 33px/1.1 ui-monospace,monospace;letter-spacing:-1.2px;font-variant-numeric:tabular-nums;color:#f5f7fc}.watch-values b.purple{color:var(--purple)}.watch-foot{font:11px ui-monospace,monospace;color:#a8b5c5;display:flex;gap:8px;margin-top:6px}.watch-foot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-label{font-size:12px;color:#dae1eb;display:flex;justify-content:space-between;margin:8px 0 2px}.chart-label small{font-size:10px;color:var(--muted)}.permanent-charts svg{display:block;width:100%;height:auto;max-height:135px}.permanent-charts .axis-label{font-size:17px;fill:#a5b4c6}.grid-line{stroke:#303b49;stroke-width:1}#chart-legend{margin:4px 0;font-size:11px}.chart-note{font-size:10px;margin:3px 0}.focus-empty{padding:22px 8px}.race-messages{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);background:#181e26;padding:7px 10px;margin-top:7px;min-height:46px}.race-messages h2{font-size:13px;white-space:nowrap;margin:1px 0;color:#e1ca8d}.race-messages h2 small{font-size:11px}.race-messages .message-list{padding:0;flex:1;max-height:100px;overflow:auto}.race-messages .message{display:inline-block;font-size:14px;padding:2px 12px 2px 0;margin:0;border:0}.race-messages .message time{font-size:11px;margin-right:8px}.race-messages .muted{font-size:12px}footer{margin-top:4px;font-size:10px;display:flex;justify-content:space-between}dialog{max-width:650px;width:calc(100% - 30px);padding:20px}.setting-field{display:flex;flex-direction:column;gap:7px;margin:16px 0;font-size:14px}.setting-field input,.setting-field select{padding:10px;background:#202936;color:#fff;border:1px solid #495567;border-radius:5px;font-size:16px}.settings-hint{font-size:13px;color:#aab8cb;line-height:1.6}#save-settings{background:#e5ef67;color:#14191d;font-weight:700}.settings-filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}details{font-size:12px;color:#a5b3c6;margin-top:20px}details code{display:block;overflow-wrap:anywhere;margin-top:12px}
@media(min-width:1700px){.pitwall-grid{grid-template-columns:minmax(0,1fr) 460px}.board td{font-size:24px;height:41px}.watch-values b{font-size:38px}.watch-identity .watch-position{font-size:48px}}
@media(max-width:1179px) and (min-width:781px){.pitwall-grid{grid-template-columns:minmax(0,1fr) 330px}.board td{font-size:19px;padding:4px}.board .driver-col{min-width:135px}.board .driver button{font-size:14px}.board .interval-col,.board td.interval{display:none}.watch-values b{font-size:29px}.watch-identity .watch-position{font-size:38px}header select{max-width:190px}.race-strip #fastest-name{display:none}}
@media(max-width:780px){header{height:auto;min-height:42px;flex-wrap:wrap;gap:5px 9px;padding:6px 8px}header .brand{font-size:20px}header #circuit-label{font-size:10px}header h1{order:5;flex:1 0 45%;font-size:16px}header select{order:6;max-width:48%;font-size:11px}header #settings{margin-left:auto}header .quiet{display:none}main{padding:4px 6px}.race-strip{gap:8px;flex-wrap:wrap;white-space:normal;padding:3px 0}.race-strip b{font-size:20px}.race-strip #fastest-name{display:none}.race-strip #connection{max-width:none;flex-basis:100%;margin-left:0;font-size:10px}.toolbar #record-note{display:none}.toolbar #export{margin-left:auto}.pitwall-grid{grid-template-columns:minmax(0,1fr);gap:7px}.board table{min-width:740px}.board td{font-size:21px;height:38px}.table-scroll{max-height:42vh}.watch-values b{font-size:34px}.watch-identity .watch-position{font-size:44px}#watch-cards{max-height:none}.permanent-charts svg{max-height:170px}.race-messages{flex-direction:column;gap:4px}.race-messages .message-list{width:100%}.settings-filters{flex-direction:column}footer{font-size:9px}}
#workspace{display:block}#workspace>.layout{min-width:0;container-type:inline-size}.with-video#workspace{display:grid;grid-template-columns:var(--video-width,50%) minmax(0,1fr);align-items:start}.with-video.video-right#workspace{grid-template-columns:minmax(0,1fr) var(--video-width,50%)}.video-right #broadcast{order:2}#broadcast{padding:6px;background:#090c11;position:sticky;top:0;min-width:0;border-right:1px solid #364353}.broadcast-heading{height:24px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1px}.broadcast-heading a{color:#a5b5ca;font-size:11px;text-decoration:none}#youtube-player{display:block;width:100%;height:calc(100vh - 100px);min-height:200px;border:0;background:#000}#broadcast p{font-size:10px;color:#8594a9;margin:5px 0}.video-options{display:flex;gap:16px}.video-options label{flex:1}#settings-error{color:#f6ad96;font-size:13px}#settings-dialog{max-height:90vh;overflow:auto}
@container(max-width:1300px){.pitwall-grid{grid-template-columns:minmax(0,1fr) 340px}.board td{font-size:20px;padding:4px}.board .driver-col{min-width:140px}.board .driver button{font-size:14px}.board .interval-col,.board td.interval{display:none}.watch-values b{font-size:30px}.race-strip #fastest-name{display:none}}
@container(max-width:900px){.pitwall-grid{grid-template-columns:minmax(0,1fr)}.table-scroll{max-height:46vh}#watch-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.permanent-charts{display:grid;grid-template-columns:1fr 1fr;gap:5px}.permanent-charts .chart-label{grid-row:1}.permanent-charts svg{grid-row:2}.race-strip{flex-wrap:wrap}.race-strip #connection{max-width:100%;margin-left:0}}
@media(max-width:1100px){.with-video#workspace,.with-video.video-right#workspace{display:flex;flex-direction:column}#broadcast{width:100%;position:static;order:0!important}#youtube-player{height:auto;aspect-ratio:16/9;max-height:65vh}#workspace>.layout{width:100%}}
@media(min-width:781px) and (max-height:820px){.watch-card{padding:5px 8px}.watch-identity{margin-bottom:3px}.watch-identity .watch-position{font-size:34px}.watch-identity strong{font-size:23px}.watch-values{gap:3px 12px}.watch-values b{font-size:28px}.watch-values small{font-size:10px}.watch-foot{margin-top:3px;font-size:10px}.permanent-charts svg{max-height:92px}.chart-label{margin-top:5px;font-size:11px}.chart-note{font-size:9px}.focus-heading{margin-bottom:4px}}
.watch-values{margin:0}.watch-values small{margin-bottom:1px;line-height:1.1}.race-messages .message-list{min-height:0;border:0;border-radius:0}.permanent-charts svg{max-height:110px}.chart-label{margin-top:6px}.watch-values b{line-height:1.02}.watch-identity .watch-position{line-height:1}.watch-foot{margin-top:4px}
@media(min-width:781px) and (max-height:820px){.permanent-charts svg{max-height:82px}.watch-values small{margin:0}.watch-values{gap:3px 12px}.watch-values b{font-size:29px}.chart-note{line-height:1.1}}
@media(min-width:1101px){#youtube-player{height:calc(100vh - 112px)}}
/* Display-only workspace: video edge to edge; controls belong to timing. */
#workspace>.layout{min-height:100dvh}#workspace header{height:34px;min-height:34px;padding:0 8px;gap:8px;border-bottom:1px solid var(--line)}#workspace header h1{font-size:17px;min-width:0}#workspace header #circuit-label{font-size:10px;letter-spacing:.5px}#workspace header select{max-width:210px;padding:3px 6px;font-size:11px}#workspace header button{padding:3px 6px;font-size:11px}#workspace main{padding:3px 8px 6px}.race-strip{min-height:29px;margin-bottom:4px;gap:12px}.race-strip b{font-size:20px}.race-strip #connection{font-size:10px;flex:none;white-space:nowrap;max-width:none}.table-scroll{max-height:calc(100dvh - 124px)}#broadcast{padding:0;border:0;height:100dvh;position:sticky;top:0;background:#000}#youtube-player{width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;display:block;border:0}#workspace.with-video{min-height:100dvh}.chart-note{display:none}
@media(max-width:780px){#workspace header{height:auto;min-height:32px;padding:4px 6px;gap:4px 8px}#workspace header h1{order:5;flex-basis:48%;font-size:15px}#workspace header select{order:6;max-width:48%}#workspace header #settings{margin-left:auto}.race-strip{gap:7px}.race-strip #connection{flex-basis:auto;margin-left:auto}.table-scroll{max-height:48vh}}
@media(max-width:1100px){#broadcast{height:auto;position:static}#youtube-player{height:auto;aspect-ratio:16/9;max-height:none}.with-video#workspace>.layout{min-height:0}}
@media(min-width:1101px){:fullscreen #broadcast{height:100dvh}:fullscreen #youtube-player{height:100%;max-height:none}}
/* Strong watch contrast: solid driver color across the whole row. */
.board tr:not(.watched-row) .number{background:#343e4c;color:#e3e9f1}
.board tr.watched-row,.board tr.watched-row:hover{background:var(--driver-color)!important}
.board tr.watched-row td{background:var(--driver-color)!important;color:#101720!important;border-bottom-color:#10172033}
.board tr.watched-row .driver button,.board tr.watched-row .driver small{color:#101720!important}
.board tr.watched-row .driver button{font-weight:850}
.board tr.watched-row .driver small{font-weight:600}
.board tr.watched-row .number{background:#101720;color:var(--driver-color);box-shadow:none}
.board tr.watched-row td.purple{color:#501376!important}
.board tr.watched-row td.green{color:#07532d!important}
.board tr.watched-row td:first-child{border-left:5px solid #101720}
/* Keep names aligned and all three race gaps visible at every breakpoint. */
.board th.driver-col,.board td.driver{text-align:left!important}
.board td.driver button{display:block;width:100%;padding:0;text-align:left!important;margin:0}
.board td.driver small{display:block;text-align:left;margin-left:0}
.board .interval-col,.board td.interval,.board .rear-col,.board td.rear{display:table-cell!important}
.board td.interval,.board td.rear{font-size:20px;white-space:nowrap;font-variant-numeric:tabular-nums}
.board table{min-width:880px}
.board .driver-col{min-width:155px}
@container(max-width:1300px){.board td{padding-left:5px;padding-right:5px}.board td.interval,.board td.rear{font-size:20px}.board .driver-col{min-width:145px}}
/* Unified watch panel: shared columns and type scale, separate identity and metrics. */
#focus-panel{padding:8px;background:#151b23;border-color:#35404d;border-radius:4px}
#focus-panel .focus-heading{height:24px;margin:0 0 7px;padding:0 2px}
#focus-panel .focus-heading h2{font-size:14px;font-weight:700;letter-spacing:.5px}
#focus-panel .focus-heading h2 b{font-size:12px;color:#b6c2cf;margin-left:6px}
#focus-panel #watch-cards{display:grid;grid-template-columns:1fr;gap:8px;max-height:none;overflow:visible}
.focus-card{border:1px solid #394654;border-left:3px solid var(--driver-color);border-radius:3px;overflow:hidden;background:#1c242e}
.focus-driver{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;border-bottom:1px solid #394654}
.focus-number{display:flex;justify-content:center;align-items:center;min-height:34px;font:800 25px/1 ui-monospace,monospace;background:var(--driver-color);color:#101720;border-radius:2px;padding:3px}
.focus-name{min-width:0;display:flex;flex-direction:column;gap:4px}
.focus-name>b{font-size:16px;line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.focus-name>span{font-size:10px;line-height:1.1;color:#a8b6c7;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.focus-rank{text-align:right;min-width:45px;display:flex;flex-direction:column;gap:2px}
.focus-rank>b{font:800 30px/1 ui-monospace,monospace;color:var(--driver-color);letter-spacing:-1px}
.focus-rank>span{font:11px/1.2 ui-monospace,monospace;color:#a8b6c7}
.focus-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.focus-metric{padding:7px 10px;min-width:0;text-align:left}
.focus-metric:nth-child(odd){border-right:1px solid #394654}
.focus-metric>span{display:flex;align-items:center;justify-content:space-between;font-size:11px;line-height:1.2;color:#aebdcd;margin-bottom:4px}
.focus-metric i{font:600 11px/1.2 ui-monospace,monospace;color:#d0dae6;font-style:normal}
.focus-metric>strong{display:block;font:750 32px/1.1 ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:-1px;white-space:nowrap;color:#f3f6fb}
.focus-metric>strong.purple{color:#c69cff}
.neighbor-metric{border-top:1px solid #394654;background:#171f29}
.neighbor-metric>strong{font-size:28px}
.focus-charts{margin-top:9px;border-top:1px solid #35404d}
#focus-panel #chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin:8px 3px 6px}
#focus-panel #chart-legend span{font:600 12px/1 ui-monospace,monospace}
.focus-chart{padding:7px 0 3px;border-top:1px solid #2c3642}
.focus-chart h3{display:flex;justify-content:space-between;align-items:center;margin:0 5px 4px;font-size:12px;font-weight:600;color:#d4dce7}
.focus-chart h3 span{font-size:10px;font-weight:400;color:#8d9db0}
.focus-chart svg{display:block;width:100%;height:auto;max-height:125px}
.focus-chart.position-chart svg{max-height:88px}
.focus-chart .axis-label{font:17px ui-monospace,monospace;fill:#a7b5c5}
@media(min-width:1700px){.focus-metric>strong{font-size:36px}.neighbor-metric>strong{font-size:30px}.focus-rank>b{font-size:34px}}
@container(max-width:1300px){.focus-driver{grid-template-columns:36px minmax(0,1fr) auto;gap:7px;padding:7px 8px}.focus-number{font-size:23px}.focus-name>b{font-size:14px}.focus-metric{padding:7px 8px}.focus-metric>strong{font-size:29px}.neighbor-metric>strong{font-size:26px}}
@media(max-height:820px) and (min-width:781px){.focus-driver{padding-top:6px;padding-bottom:6px}.focus-metric{padding-top:5px;padding-bottom:5px}.focus-metric>span{margin-bottom:3px}.focus-chart svg{max-height:95px}.focus-chart.position-chart svg{max-height:70px}}
@media(max-height:820px) and (min-width:781px){.focus-chart.position-chart svg{max-height:52px}.focus-charts{margin-top:6px}#focus-panel #watch-cards{gap:6px}}
/* One timing command row; race control belongs below the watch panel. */
#workspace header{height:36px;min-height:36px;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden}
#workspace header #circuit-label{flex-shrink:0;font-size:9px}
#workspace header h1{flex:1 1 150px;min-width:70px;font-size:15px;order:0}
#workspace header .race-strip{display:flex;flex-wrap:nowrap;flex:0 0 auto;gap:8px;min-height:0;border:0;padding:0;margin:0;white-space:nowrap}
#workspace header .race-strip>span{font-size:10px;flex-shrink:0}
#workspace header .race-strip b{font-size:17px}
#workspace header .race-strip .flag{font-size:10px;padding:3px 5px}
#workspace header #fastest-name{display:none}
#workspace header .race-strip #connection{font-size:9px;flex-basis:auto;margin:0}
#workspace header select{flex:0 1 150px;min-width:88px;max-width:170px;order:0}
#workspace header button{flex-shrink:0;margin:0;order:0}
.watch-column{min-width:0;display:flex;flex-direction:column;gap:7px}
.watch-column .race-messages{margin:0;padding:7px 9px;display:block;min-height:42px}
.watch-column .race-messages h2{margin:0 0 5px;font-size:12px}
.watch-column .message-list{max-height:160px}
.watch-column .message{display:block;padding:4px 0;font-size:13px;line-height:1.4}
#workspace .table-scroll{max-height:calc(100dvh - 46px)}
@container(max-width:1100px){#workspace header #circuit-label{display:none}#workspace header .race-strip{gap:5px}#workspace header h1{min-width:60px;font-size:13px}#workspace header select{max-width:110px}}
@media(max-width:780px){#workspace header{padding:3px 6px}#workspace header h1{flex:0 0 135px;min-width:100px;font-size:13px}#workspace header select{max-width:110px}#workspace header .quiet{display:inline-block}#workspace .table-scroll{max-height:48vh}}
.board table{min-width:1140px}.board .driver-col{min-width:135px}.board .team-col{min-width:110px;text-align:left}.board td.team{font:500 12px/1.2 -apple-system,BlinkMacSystemFont,sans-serif;text-align:left;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;color:#b6c3d3}.board .pace-col{min-width:126px}.board td.pace-cell{text-align:left;padding:3px 7px;letter-spacing:0}
.pace{display:inline-flex;align-items:center;gap:5px;color:#b0bfce;white-space:nowrap}.pace-arrow{font:700 25px/1 ui-monospace,monospace}.pace-text{display:flex;flex-direction:column;gap:2px}.pace-text b{font:600 11px/1.1 -apple-system,BlinkMacSystemFont,sans-serif}.pace-text small{font:600 12px/1.1 ui-monospace,monospace;font-variant-numeric:tabular-nums}.pace.improving,.pace.fast-improving{color:#6de2aa}.pace.slowing,.pace.fast-slowing{color:#ffac81}.pace.steady{color:#b9c9d8}.pace.mixed{color:#e7c66c}.pace.unknown{color:#8997a7}.board .watched-row .pace{color:#15212e}.board .watched-row .pace.improving,.board .watched-row .pace.fast-improving{color:#07532d}.board .watched-row .pace.slowing,.board .watched-row .pace.fast-slowing{color:#752512}.focus-pace{display:flex;justify-content:space-between;align-items:center;padding:5px 9px;border-top:1px solid #394654;background:#151d27}.focus-pace>span:first-child{font-size:11px;color:#aebdcd}.focus-pace .pace-text{flex-direction:row;align-items:center;gap:8px}.focus-pace .pace-arrow{font-size:21px}.focus-pace .pace-text small{font-size:13px}
.board.with-sectors table{min-width:1380px}.board td.sector-time{font-size:20px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#c8dce8}.board th.sector-col{min-width:75px}.focus-sectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #394654;background:#18222d}.focus-sectors>div{padding:6px 8px;border-right:1px solid #394654}.focus-sectors>div:last-child{border:0}.focus-sectors span{display:block;font-size:11px;color:#a8b6c7}.focus-sectors strong{display:block;font:700 22px/1.3 ui-monospace,monospace;color:#e1eff7}.focus-sectors small{display:block;font:10px/1.4 ui-monospace,monospace;color:#bfa3e1}
/* Color identifies the driver; performance colors belong to the metrics. */
.focus-card .focus-driver{background:var(--driver-color);border-bottom:1px solid #101720;color:#101720}
.focus-card .focus-number{background:#101720;color:var(--driver-color)}
.focus-card .focus-name>b,.focus-card .focus-rank>b{color:#101720}
.focus-card .focus-name>span,.focus-card .focus-rank>span{color:#253444}
.focus-metric>strong.delta-good,.board td.delta-good{color:#69edaa}
.focus-metric>strong.delta-bad,.board td.delta-bad{color:#ff8989}
.board .watched-row td.delta-good{color:#07532d!important}
.board .watched-row td.delta-bad{color:#861b27!important}
/* Fixed plates: reserve two digits and fit longer car numbers inside them. */
#workspace header .race-strip{order:-2}
#workspace header #circuit-label{order:-1}
.board .number{box-sizing:border-box;width:38px;min-width:38px;max-width:38px;padding:1px 2px;font:italic 800 25px/1 ui-monospace,monospace}
.board .number.long-number{font-size:18px;letter-spacing:-1px}
.focus-number.long-number{font-size:19px;letter-spacing:-1px}
.board .driver-name{display:block;font:600 14px/1.15 -apple-system,BlinkMacSystemFont,sans-serif;text-align:left}
.board tr.watched-row .driver-name{font-weight:850;color:#101720}
.board tr[data-toggle-focus]{cursor:pointer}
.board tr[data-toggle-focus]:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.focus-name>button{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;color:#101720;text-align:left;padding:0;font-size:16px;font-weight:750;line-height:1.2}
.focus-name>button:hover{text-decoration:underline;background:transparent!important}
@container(max-width:1300px){.focus-name>button{font-size:14px}.focus-number.long-number{font-size:17px}}
/* Center the complete pace indicator under its column heading. */
.board th.pace-col,.board td.pace-cell{text-align:center}
.board td.pace-cell .pace{text-align:left;vertical-align:middle}
/* Phone reading order: position, number, gap ahead and last lap first. */
@media(max-width:780px){
 .board table,.board.with-sectors table{width:max-content;min-width:0;table-layout:auto}
 .board th,.board td{box-sizing:border-box;padding-left:6px;padding-right:6px}
 .board [data-column="position"]{width:40px;min-width:40px;max-width:40px}
 .board [data-column="number"]{width:48px;min-width:48px;max-width:48px;padding-left:5px;padding-right:5px}
 .board [data-column="ahead"]{width:88px;min-width:88px;max-width:88px}
 .board [data-column="last"]{width:96px;min-width:96px;max-width:96px}
 .board td[data-column="ahead"],.board td[data-column="last"]{font-size:20px;letter-spacing:-.5px;white-space:nowrap}
 .board td.position{font-size:26px}
 .board [data-column="driver"]{min-width:140px;max-width:180px}
 .board [data-column="team"]{min-width:140px;max-width:160px}
}