:root{color-scheme:dark;--bg:#0c1017;--surface:#131a24;--surface2:#1a2431;--line:#263241;--text:#eaf0f6;--muted:#8998ac;--accent:#fa634d;--green:#3bdaa6;--yellow:#efc16c;--blue:#79b4ff;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--sans)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}button{color:inherit}input,select,textarea{width:100%;background:#0d141e;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:10px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue)}input[type=checkbox]{width:auto;accent-color:var(--accent)}input[type=color]{padding:3px;height:42px}label{display:block;font-size:12px;font-weight:600;color:#b9c4d2;margin-bottom:14px}label input,label select,label textarea{margin-top:6px}textarea{resize:vertical;min-height:80px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;line-height:1.2;margin-bottom:9px}h2{font-size:17px;letter-spacing:-.3px}h3{font-size:14px;margin-bottom:10px}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--muted);display:block;margin-bottom:10px}.sidebar{width:218px;position:fixed;left:0;top:0;bottom:0;background:#0e141d;border-right:1px solid #222c39;padding:30px 18px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:850;letter-spacing:1.4px}.brand small{display:block;font-size:8px;font-weight:600;letter-spacing:1.8px;color:var(--muted);margin-top:2px}.brand-symbol{font-size:37px;color:var(--accent);font-style:italic;line-height:1;transform:skew(-15deg);letter-spacing:-8px;width:32px;overflow:hidden}.nav-caption{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#5f7188;margin:44px 12px 12px}.nav-item{display:flex;gap:12px;align-items:center;width:100%;border:0;background:transparent;border-radius:7px;padding:12px;color:var(--muted);text-align:left;margin-bottom:5px;font-size:12px;font-weight:550}.nav-item>span{font-size:19px;width:18px;text-align:center;line-height:1}.nav-item.active{background:#fa634d13;color:var(--accent)}.nav-item:hover{background:#ffffff08}.nav-item b{background:var(--accent);color:#fff;border-radius:5px;padding:0 5px;font-size:10px;margin-left:auto}.sidebar-bottom{margin-top:auto;font-size:9px;letter-spacing:1px;color:var(--muted)}.sidebar-bottom small{display:block;font-size:11px;letter-spacing:0;margin:7px 0 23px}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px}.user-line{border-top:1px solid var(--line);padding-top:18px;display:flex;gap:8px;align-items:center;font-size:12px;letter-spacing:0;color:var(--text)}.user-line form{margin-left:auto}.avatar{width:28px;height:28px;display:grid;place-items:center;background:var(--surface2);border:1px solid var(--line);border-radius:7px}.workspace{margin-left:218px}.topbar{height:70px;border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:15px}.crumb{font-size:12px;color:var(--muted)}.crumb span{padding:0 12px;color:#415166}.crumb strong{color:#d7e0eb;font-weight:500}.top-actions{display:flex;gap:14px;align-items:center}.top-actions time{color:var(--muted);font-size:11px}.feed-chip{font-size:10px;font-weight:600;border:1px solid var(--line);background:#17212c;padding:4px 9px;border-radius:20px}.feed-chip.good{color:var(--green)}.feed-chip.bad{color:var(--yellow)}main{max-width:1700px;margin:auto;padding:30px 32px 48px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head p{margin:0;font-size:12px;color:var(--muted)}.head-actions{display:flex;align-items:center;gap:9px}.head-actions select{max-width:210px;font-size:12px}.button{border:1px solid var(--line);background:#1a2533;padding:9px 13px;border-radius:6px;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-size:12px;font-weight:600;white-space:nowrap}.button:hover{filter:brightness(1.18)}.button.primary{background:var(--accent);border-color:var(--accent);color:#160e0c}.button.ghost{background:transparent}.button.danger{border-color:#763c3a;color:#ffb0a2;background:#4d232633}.button.compact{font-size:11px;padding:5px 9px}.button.full{width:100%}.icon-button{background:transparent;border:0;border-radius:4px;padding:5px 7px;color:var(--muted)}.icon-button:hover{background:var(--surface2);color:var(--text)}.toolbar{display:flex;gap:8px;align-items:center}.spacer{flex:1}.banner{border:1px solid #74502c;border-radius:8px;background:#382a1980;padding:13px 16px;display:flex;align-items:center;gap:12px;margin-bottom:20px;color:#f3cc85;font-size:12px}.banner.urgent{background:#391d20;border-color:#69372f;color:#ffc1b3}.banner p{margin:0}.banner strong{display:block;color:#ffe1d8}.banner .button{margin-left:auto}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.metric{border:1px solid var(--line);border-radius:9px;background:linear-gradient(125deg,#19222f80,#131b2580);padding:18px 20px;min-height:142px;position:relative;overflow:hidden}.metric-label{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:1.2px;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between}.metric-value{font-family:var(--mono);font-size:34px;letter-spacing:-1.2px;line-height:1;margin:18px 0 12px;font-weight:650}.metric-value small{color:#62738a;font-size:19px;margin-left:5px}.metric-foot{color:var(--muted);font-size:11px}.metric.accent .metric-value{color:var(--accent)}.metric .progress{height:3px;background:#303c4e;position:absolute;bottom:0;left:0;right:0}.progress span{display:block;height:100%;background:var(--accent)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:20px}.panel-head{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center;justify-content:space-between}.panel-head h2{font-size:14px;margin:0;display:flex;gap:10px;align-items:center}.panel-head small{color:var(--muted);font-size:11px}.panel-body{padding:18px 19px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{text-align:left;color:#788aa1;font-weight:600;font-size:9px;letter-spacing:1px;text-transform:uppercase;padding:12px 13px;border-bottom:1px solid var(--line);background:#111924}td{padding:13px;border-bottom:1px solid #202b3a}tr:last-child td{border-bottom:0}tr.ours{background:#fa634d0a;box-shadow:inset 3px 0 var(--accent)}.team-cell strong{display:block;font-size:12px;max-width:210px;overflow:hidden;text-overflow:ellipsis}.team-cell small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.rank{font-family:var(--mono);font-size:15px;font-weight:650;color:#b3c1d4}.rank.top{color:var(--text)}.tag{font-family:var(--mono);font-size:10px;border:1px solid #334257;padding:3px 6px;border-radius:4px;background:#1d2836;color:#c4d3e8;display:inline-block}.tag.good{color:var(--green);border-color:#3bdaa63a;background:#3bdaa60c}.tag.warn{color:var(--yellow);border-color:#efc16c44}.tag.red{color:#fa9588;border-color:#fa634d44}.tag.subtle{background:transparent;border:0;color:var(--muted);font-family:var(--sans)}.empty-table{padding:35px;text-align:center;color:var(--muted)}.table-footer{padding:12px 17px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;display:flex;justify-content:space-between}.strategy-title{font-size:24px;font-weight:750;margin:10px 0;color:var(--green);letter-spacing:-.5px}.detail-row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;font-size:11px;border-bottom:1px solid #26324180}.detail-row:last-child{border:0}.detail-row span:first-child{color:var(--muted)}.panel-note{font-size:10px;color:var(--muted);line-height:1.65;margin:13px 0 0}.mini-lane{display:flex;gap:7px;align-items:center;padding:10px 0;border-bottom:1px solid #26324180}.mini-lane:last-child{border:0}.lane-dot{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--lane-color);flex:none}.mini-lane .label{width:58px;font-size:11px}.mini-lane .tag{flex:1}.mini-lane small{font-size:10px;color:var(--muted)}.search{max-width:210px;padding:6px 10px;font-size:11px}.lane-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px;align-items:start}.lane-card{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--lane-color);border-radius:8px;overflow:hidden}.lane-header{padding:15px;display:flex;align-items:center;gap:8px}.lane-header h2{font-size:14px;margin:0}.lane-header small{font-size:10px;color:var(--muted)}.lane-body{padding:0 12px 12px;min-height:90px}.queue-direction{display:flex;justify-content:space-between;margin:4px 3px 10px;color:var(--muted);font-size:9px;letter-spacing:1px}.kart-tile{border:1px solid var(--line);background:#172230;padding:12px;border-radius:7px;display:flex;align-items:center;gap:10px;margin-bottom:7px}.kart-tile.front{border-color:color-mix(in srgb,var(--lane-color) 45%, transparent);background:color-mix(in srgb,var(--lane-color) 6%, #131a24)}.kart-tile.dragging{opacity:.35}.slot-number{font:11px var(--mono);color:#657991;width:16px}.kart-tile .kart-name{font:600 14px var(--mono);display:block}.kart-tile .kart-meta{display:block;font-size:10px;color:var(--muted);margin-top:4px}.kart-tile .tile-actions{display:flex;margin-left:auto;gap:0}.tile-actions button{padding:3px 5px}.lane-footer{padding:10px 13px;border-top:1px dashed var(--line);display:flex;justify-content:space-between;align-items:center}.lane-footer .button{width:100%}.reserve-grid{display:flex;gap:10px;flex-wrap:wrap}.reserve-grid .kart-tile{min-width:180px;margin:0}.section-label{font-size:11px;letter-spacing:1px;color:var(--muted);margin:26px 0 13px;text-transform:uppercase}.empty-lane{border:1px dashed var(--line);border-radius:6px;padding:25px 10px;text-align:center;color:var(--muted);font-size:11px}.empty-state{padding:65px 20px;max-width:720px;margin:0 auto;text-align:center}.empty-state h1{font-size:37px;line-height:1.2}.empty-state p{color:var(--muted);max-width:470px;margin:16px auto 25px}.feed-preview{margin:30px auto;text-align:left}.feed-preview .panel-body{max-height:280px;overflow:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid .wide{grid-column:1/-1}.setup-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:start}.flow-step{display:flex;gap:12px;margin-bottom:20px}.step-number{border:1px solid var(--line);border-radius:50%;width:25px;height:25px;display:grid;place-items:center;color:var(--accent);font:12px var(--mono);flex:none}.flow-step p{font-size:11px;color:var(--muted);margin:6px 0 10px}.flow-step h3{margin:0}.log-item{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.log-item time{color:var(--muted);font:11px var(--mono);min-width:65px;padding-top:3px}.log-item strong{font-size:12px;font-weight:550}.log-item small{display:block;color:var(--muted);font-size:10px;margin-top:3px}dialog{width:min(580px,calc(100vw - 32px));max-height:90vh;color:var(--text);background:#141d29;border:1px solid #39485c;border-radius:12px;padding:0;box-shadow:0 24px 100px #0009}dialog::backdrop{background:#060a10b8;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:start;padding:24px 25px 16px}.modal-head h2{font-size:23px;margin-bottom:5px}.modal-head p{font-size:12px;color:var(--muted);margin:0}.modal-content{padding:0 25px 25px}.modal-actions{display:flex;gap:9px;justify-content:flex-end;border-top:1px solid var(--line);padding-top:18px;margin-top:15px}.swap-preview{border:1px solid var(--line);border-radius:8px;background:#0d151f;display:flex;align-items:center;justify-content:space-between;padding:18px;margin:15px 0}.swap-preview strong{font:600 20px var(--mono)}.swap-preview small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.swap-arrow{font-size:23px;color:var(--accent)}.check-label{display:flex;gap:8px;align-items:center;font-size:12px}.check-label input{margin:0}.inline-error,.warning{border:1px solid #93473760;background:#4f252533;color:#ffc2b3;padding:10px 12px;border-radius:6px;font-size:12px;margin-bottom:15px}.inline-error:empty{display:none}#toast{position:fixed;bottom:24px;left:calc(50% + 109px);transform:translateX(-50%);padding:12px 18px;background:#26364a;border:1px solid #4a617c;border-radius:8px;z-index:20;font-size:12px;box-shadow:0 8px 30px #0006;max-width:calc(100vw - 30px);display:none}#toast.show{display:block}.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr;align-items:center}.login-art{padding:80px 12%;position:relative;overflow:hidden}.login-art h1{font-size:clamp(45px,5vw,76px);letter-spacing:-3px;line-height:1.08;margin:35px 0 20px}.login-art em{font-style:normal;color:var(--accent)}.login-art p{color:var(--muted)}.track-line{position:absolute;width:550px;height:350px;border:1px solid #fa634d22;transform:rotate(-30deg);border-radius:120px;left:-80px;top:330px;pointer-events:none;z-index:-1}.login-card{max-width:380px;width:100%;margin:50px auto;padding:0 20px}.login-card .brand{margin-bottom:50px}.login-card h2{font-size:26px}.login-card form{margin-top:30px}.login-card>p:last-child{margin-top:25px}.login-card .primary{padding:12px;justify-content:space-between}.ready-check{display:flex;align-items:center;gap:8px;font-size:11px;padding:7px 0;color:var(--muted)}.ready-check .online-dot{margin:0}.ready-check .no{background:#67798f}.feed-raw{font:11px var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#0d141e;padding:13px;border-radius:6px;color:var(--muted)}
@media(min-width:1600px){.content-grid{grid-template-columns:minmax(0,1fr) 330px}.metric-value{font-size:39px}}
@media(max-width:1150px){.sidebar{width:180px;padding:25px 12px}.workspace{margin-left:180px}.brand{font-size:18px}.brand small{font-size:6px}.topbar{padding:0 20px}main{padding:24px 20px}.content-grid{grid-template-columns:minmax(0,1fr)}.side-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.metric{padding:15px}.metric-value{font-size:29px}#toast{left:calc(50% + 90px)}}
@media(max-width:760px){.sidebar{position:static;width:100%;padding:14px 16px 0;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{font-size:18px}.brand-symbol{font-size:30px;width:27px}.nav-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;margin-top:17px;gap:8px}.nav-item{white-space:nowrap;width:auto;font-size:11px;padding:9px;margin:0;border-radius:5px 5px 0 0}.nav-item>span{display:none}.workspace{margin:0}.topbar{height:48px;padding:0 15px}.crumb{display:none}.top-actions{width:100%;justify-content:space-between;gap:5px}.feed-chip{font-size:9px}main{padding:22px 15px}.page-head{align-items:start;flex-direction:column;gap:15px}.page-head h1{font-size:26px}.head-actions{width:100%}.head-actions select{max-width:none;flex:1}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{min-height:132px}.metric-label{font-size:8px;letter-spacing:.8px}.metric-value{font-size:29px;margin-top:16px}.metric-foot{font-size:10px}.content-grid,.setup-grid{display:block}.side-panels{display:block}.panel-head{padding:14px}.panel-head .search{max-width:145px}td{padding:11px}.lane-board{grid-template-columns:1fr}.banner{align-items:start;flex-wrap:wrap}.banner .button{margin-left:0}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}#toast{left:50%;width:max-content}.login-page{display:block}.login-art{padding:40px 30px 0}.login-art h1{font-size:39px;margin:10px 0}.login-art .eyebrow,.login-art p{display:none}.login-card{margin:35px auto}.login-card .brand{margin-bottom:25px}.modal-head{padding:20px}.modal-content{padding:0 20px 20px}.modal-actions{flex-wrap:wrap}.toolbar{flex-wrap:wrap}}

.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.side-panels .toolbar{flex-wrap:wrap}.rule-checks{white-space:normal;min-width:230px;max-width:400px;font-size:11px;color:var(--yellow)}.rule-checks p{margin:3px 0}input[readonly]{opacity:.65}@media(max-width:760px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fleet-grid{max-height:240px;margin-top:12px}.fleet-lane-row{border:1px solid var(--line);border-radius:8px;padding:14px;margin-bottom:12px}.fleet-lane-actions{display:flex;align-items:center}.fleet-lane-row .panel-note{margin:0}.fleet-total{font-weight:600;padding:14px 0;border-top:1px solid var(--line);margin-top:18px}

/* Live timing: preserve team identity while ranks and sector times change. */
.timing-panel{overflow:hidden}.timing-heading{gap:12px;flex-wrap:wrap}.timing-heading h2{display:flex;gap:9px;align-items:center}.timing-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.timing-tools select{width:auto;min-width:130px;margin:0;padding:7px 10px;font-size:11px}.timing-tools .search{width:210px;margin:0}.timing-scroll{max-height:510px;overflow:auto;scrollbar-color:#41566c #121b27;scrollbar-width:thin;isolation:isolate}.timing-expanded .timing-scroll{max-height:calc(100dvh - 300px);min-height:330px}.timing-table{min-width:1330px;width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}.timing-table th{position:sticky;top:0;z-index:3;background:#1b2635;white-space:nowrap;padding:12px 10px;border-bottom:1px solid #425066;letter-spacing:.65px;font-size:9px}.timing-table td{padding:10px;white-space:nowrap;font-size:12px;background:#111b27;border-bottom:1px solid #243141;height:63px}.timing-table tbody tr:nth-child(even) td{background:#14202d}.timing-table tr.ours td{background:#292220}.timing-table tr.team-in-pit td{box-shadow:inset 0 -1px #b8863655}.timing-table th:first-child,.timing-table td:first-child{position:sticky;left:0;width:54px;min-width:54px;z-index:2;text-align:center}.timing-table th:nth-child(2),.timing-table td:nth-child(2){position:sticky;left:54px;min-width:220px;width:220px;max-width:250px;z-index:2;border-right:1px solid #344253}.timing-table th:first-child,.timing-table th:nth-child(2){z-index:4}.timing-table .timing-team{white-space:normal}.timing-team .team-link{display:inline;text-align:left;padding:0;background:none;border:0;color:var(--text);font:inherit;font-weight:600;font-size:12px;cursor:pointer;line-height:1.3}.team-link:hover{color:var(--accent);text-decoration:underline}.timing-team .tag{margin-left:5px;font-size:8px}.timing-team small{font-size:9px;line-height:1.4}.timing-team .driver-name{color:#afbed0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timing-table .tag{font-size:9px;padding:4px 6px}.timing-table .sector-fast{color:#d79aff;background-image:linear-gradient(#9761c017,#9761c017)}.timing-table .personal-best{color:#76e7b1}.position-change{display:block;font:600 9px var(--mono);min-height:12px;margin-top:2px}.position-change.gained{color:#76e7b1}.position-change.lost{color:#ff9285}.mapping-warning{display:block;font-size:8px;color:var(--yellow);margin-top:4px}.timing-note{font-size:10px;line-height:1.5;color:var(--muted);margin:0;padding:0 16px 12px}.timing-footer{gap:10px;flex-wrap:wrap;font-size:10px}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin:0 4px 1px 8px}.legend-dot.purple{background:#d79aff}.legend-dot.green{background:#76e7b1}.live-label{color:#76e7b1;letter-spacing:.4px}.delayed-label{color:var(--yellow);letter-spacing:.4px}.live-label:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:7px;animation:timing-pulse 2s ease-in-out infinite}.team-detail-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.detail-sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.detail-sectors>div{padding:14px 10px;border:1px solid #3f3453;background:#20192e;border-radius:7px;text-align:center;color:#dfb4ff}.detail-sectors small{display:block;font-size:9px;letter-spacing:1px;color:#b196c8;margin-bottom:7px}.detail-row strong{overflow-wrap:anywhere;text-align:right}.timing-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@keyframes timing-pulse{50%{opacity:.4;box-shadow:0 0 0 3px #76e7b114}}
@media(max-width:760px){.timing-heading{align-items:flex-start}.timing-tools{width:100%;gap:6px}.timing-tools .search{width:150px;max-width:none;flex:1}.timing-tools select{min-width:115px;max-width:140px}.timing-table th:nth-child(2),.timing-table td:nth-child(2){min-width:160px;width:160px;max-width:160px}.timing-team .driver-name{max-width:140px}.timing-table{min-width:1250px}.timing-scroll{max-height:460px}.timing-expanded .timing-scroll{max-height:65dvh;min-height:250px}.timing-footer{font-size:9px}.timing-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.live-label:before{animation:none}}