/* 一体式赛车数字仪表：一框、信息轨、真实整圈与常驻未知分段。 */
*{box-sizing:border-box}body.cockpit{margin:0;padding:12px;height:100dvh;min-height:0;overflow:hidden;display:grid;grid-template-rows:52px minmax(0,1fr);gap:8px;background:var(--bg);color:var(--ink);font-family:var(--sans);font-variant-numeric:tabular-nums}.cockpit [hidden]{display:none!important}.cockpit a{color:inherit;text-decoration:none}.cockpit button,.cockpit input,.cockpit select,.cp-actions>details>summary{min-width:0;min-height:44px;border:1px solid var(--line2);border-radius:0;padding:8px 10px;background:var(--bg);color:var(--ink);font:12px/1.35 var(--sans)}.cockpit button,.cp-actions summary,.cp-person summary{cursor:pointer}.cockpit button:hover,.cp-actions summary:hover{background:var(--bg2);border-color:var(--cyan)}.cockpit button:disabled{color:var(--dim);cursor:default}.cp-header{display:flex;align-items:center;gap:14px;min-width:0;min-height:0}.cp-brand{display:flex;align-items:center;gap:9px;min-width:0;margin-right:auto}.cp-brand img{flex:none;object-fit:contain}.cp-brand>span{display:grid;gap:4px}.cp-brand strong{font-size:13px;white-space:nowrap}.cp-brand span span{font-size:11px;color:var(--mut)}.cp-badge{flex:none;color:var(--cyan);border-left:2px solid currentColor;padding:3px 8px;font-size:12px;line-height:1.35}.cp-badge:is([data-state=stale],[data-state=finished],[data-state=unmatched],[data-state=ambiguous]){color:var(--amber)}.cp-badge:is([data-state=error],[data-state=invalid]){color:var(--red)}.cp-actions{display:flex;flex:none;align-items:center;gap:6px}.cp-actions details{position:relative}.cp-actions>details>summary{display:list-item;padding:12px 10px;white-space:nowrap;line-height:18px}.cp-actions details[open]>summary{color:var(--cyan);border-color:var(--cyan)}
/* 配置与完整证据是明确可开的覆层，不占主仪表高度。 */
.cp-overlay{position:fixed;z-index:30;top:70px;left:50%;width:min(700px,calc(100vw - 24px));max-height:calc(100dvh - 88px);overflow:auto;overscroll-behavior:contain;transform:translateX(-50%);border:1px solid var(--frame);background:var(--bg1);padding:20px;color:var(--ink)}.cp-overlay h2{margin:0 0 14px;font-size:18px;line-height:1.4}.cp-overlay-heading{display:flex;align-items:center;gap:16px;justify-content:space-between}.cp-overlay-heading h2{min-width:0;overflow-wrap:anywhere}.cp-overlay-heading a{display:flex;flex:none;align-items:center;min-height:44px;padding:8px;color:var(--cyan);font-size:12px}.cp-form{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.cp-form label{display:grid;gap:7px;min-width:0;font-size:12px;color:var(--mut)}.cp-search{flex:1 1 200px}.cp-search input{width:100%}.cp-form-note{width:100%;margin:0;color:var(--mut);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.cockpit .cp-primary{border-color:var(--cyan);color:var(--cyan)}.cp-source-panel section{margin-top:15px;padding-top:12px;border-top:1px dashed var(--rule)}.cp-source-panel h3{font-size:13px;margin:0 0 8px}.cp-source-panel p,.cp-source-panel .cp-session{font-size:12px;line-height:1.65;margin:6px 0;color:var(--mut);overflow-wrap:anywhere}.cp-source-panel .cp-session p{color:var(--ink)}.cp-source-panel .cp-session>span{font-size:11px}.cp-source-panel strong{font-family:var(--mono);font-weight:500}.cp-record-legend{display:flex;flex-wrap:wrap;gap:14px}.cp-record-legend span:first-child{color:var(--violet)}.cp-record-legend span:last-child{color:var(--green)}
/* 唯一外框。子区仅用横向信息线，取消分栏卡片外观。 */
#dashboard{display:grid;grid-template-rows:68px minmax(0,1fr) 90px 80px 64px;min-width:0;min-height:0;border:1px solid var(--frame);overflow:hidden}.cp-identity{display:flex;align-items:center;gap:22px;min-width:0;padding:8px 22px;border-bottom:1px solid var(--line)}.cp-car{flex:none}.cp-label{display:block;margin-bottom:3px;font-size:10px;line-height:1.3;color:var(--dim)}.cp-car strong{color:var(--cyan);font:700 36px/1 var(--mono);white-space:nowrap}.cp-person{flex:1;min-width:0;min-height:44px}.cp-person summary{list-style:none;min-width:0;min-height:44px}.cp-person summary::-webkit-details-marker{display:none}.cp-person strong{display:block;font-size:23px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-person #team-name{display:block;color:var(--mut);font-size:11px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-name[open]>summary{position:fixed;z-index:35;top:70px;left:50%;width:min(650px,calc(100vw - 24px));max-height:calc(100dvh - 88px);overflow:auto;transform:translateX(-50%);padding:22px;border:1px solid var(--frame);background:var(--bg1)}.cp-name[open] strong,.cp-name[open] #team-name{white-space:normal;overflow:visible;overflow-wrap:anywhere}.cp-name[open] #team-name{margin-top:10px}.cp-name[open] .cp-label{margin-bottom:10px;color:var(--cyan)}.cp-classification{display:flex;flex:none;gap:24px;text-align:right}.cp-classification strong,.cp-remaining strong{font:500 28px/1 var(--mono);white-space:nowrap}.cp-remaining{flex:none;text-align:right}.cp-remaining strong{font-size:23px}
.cp-instruments{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);min-width:0;min-height:0}.cp-core{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:24px;min-width:0;min-height:0;padding:20px 28px}.cp-lap,.cp-stint{min-width:0}.cp-section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0}.cp-section-head h1,.cp-section-head h2,.cp-stint h2{margin:0;font-size:13px;font-weight:500;line-height:1.4}.cp-section-head>span{font-size:10px;color:var(--dim)}#last-lap{display:block;margin-top:10px;font:500 clamp(64px,7.2vw,110px)/1 var(--mono);letter-spacing:-.05em;white-space:nowrap}.cp-stint{text-align:center}.cp-stint h2{color:var(--mut);font-size:12px}.cp-stint>strong{display:block;margin:12px 0 8px;font:500 clamp(36px,4vw,64px)/1 var(--mono);letter-spacing:-.04em;white-space:nowrap}.cp-instrument-code{font:10px var(--mono);letter-spacing:.15em;color:var(--dim)}#lap-record{display:inline-block;margin-top:8px;font-size:10px;line-height:1.4;color:var(--mut)}#last-lap.is-personal,#best-lap.is-personal{color:var(--green)}#last-lap.is-overall,#field-best.is-overall{color:var(--violet)}.cp-lap:has(#last-lap.is-personal) #lap-record{color:var(--green)}.cp-lap:has(#last-lap.is-overall) #lap-record{color:var(--violet)}
.cp-track-panel{display:flex;flex-direction:column;min-width:0;min-height:0;padding:12px 18px 8px 0}.cp-track-panel>.cp-section-head{flex:none;min-height:20px}.cp-track-method{font:10px var(--mono);color:var(--mut)!important}.cp-track-viewport{position:relative;flex:1;min-width:0;min-height:0;margin:5px 0 0}#cockpit-track{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}#track-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:14px;text-align:center;background:var(--bg);font-size:12px;line-height:1.6;color:var(--mut);overflow-wrap:anywhere}
/* S1/S2/S3当圈与最佳是主面板常驻内容；未知维持中性。 */
.cp-sector-strip{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:18px;min-width:0;min-height:0;padding:8px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cp-sector-heading h2{margin:0 0 5px;font-size:14px;font-weight:500}.cp-sector-heading p{margin:0;color:var(--mut);font-size:11px;line-height:1.4}.cp-sector-matrix{width:100%;height:100%;min-width:0;border-collapse:collapse;table-layout:fixed}.cp-sector-matrix th,.cp-sector-matrix td{padding:0 8px;text-align:center;font-weight:400;line-height:1}.cp-sector-matrix th:first-child{width:54px;text-align:left;color:var(--mut);font-family:var(--sans);font-size:11px}.cp-sector-matrix thead th{height:18px;color:var(--mut);font:12px var(--mono)}.cp-sector-matrix tbody th{font-size:11px}.cp-sector-matrix td{color:var(--ink);font:500 25px/1 var(--mono)}.cp-sector-matrix tbody tr+tr{border-top:1px dashed var(--rule)}
.cp-neighbors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;min-height:0;border-bottom:1px solid var(--line)}.cp-neighbors>section{min-width:0;min-height:0;padding:10px 20px}.cp-neighbors>section+section{border-left:1px dashed var(--rule)}.cp-neighbor h2,.cp-road-neighbor h2{margin:0;color:var(--mut);font-size:11px;font-weight:400;line-height:1.3}.cp-neighbor-car{max-width:58%;color:var(--mut)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-gap{display:flex;align-items:baseline;gap:6px;margin-top:6px}.cp-gap strong,.cp-road-neighbor>strong{font:500 31px/1 var(--mono);color:var(--cyan);white-space:nowrap}.cp-gap>span,.cp-road-label{font-size:10px;color:var(--dim);line-height:1.3}.cp-road-neighbor h2 span{color:var(--mut);font-size:10px}.cp-road-neighbor>strong{display:inline-block;margin:6px 7px 0 0;font-size:28px;color:var(--ink)}.cp-road-label{display:inline-block}
.cp-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;min-height:0}.cp-metrics>div{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 20px}.cp-metrics h2{flex:1;min-width:0;margin:0;color:var(--mut);font-size:11px;font-weight:400;line-height:1.3}.cp-metrics h2 span{display:block;font-size:10px}.cp-metrics strong{flex:none;font:500 27px/1 var(--mono);color:var(--ink);white-space:nowrap}.cp-metrics small{font:10px var(--mono);color:var(--dim)}.cp-metrics .cp-status-value{font-family:var(--sans);font-size:22px}.cp-notice{position:fixed;z-index:50;left:50%;bottom:max(12px,env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 24px);margin:0;padding:10px 14px;transform:translateX(-50%);border:1px solid var(--cyan);background:var(--bg1);font-size:12px;line-height:1.5}#access-dialog{width:min(400px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;margin:auto;padding:22px;border:1px solid var(--frame);background:var(--bg1);color:var(--ink)}#access-dialog::backdrop{background:rgb(0 0 0 / .75)}#access-dialog form,#access-dialog label{display:grid;gap:14px}#access-dialog h2,#access-dialog p{margin:0}#access-dialog p{color:var(--mut);font-size:12px;line-height:1.6}#access-dialog input{width:100%}
@media(min-width:1000px) and (max-height:780px){body.cockpit{padding:9px;gap:6px;grid-template-rows:44px minmax(0,1fr)}#dashboard{grid-template-rows:60px minmax(0,1fr) 76px 68px 50px}.cp-identity{padding:6px 18px}.cp-car strong{font-size:30px}.cp-person strong{font-size:20px}.cp-person .cp-label{font-size:9px}.cp-classification strong{font-size:24px}.cp-remaining strong{font-size:21px}.cp-core{gap:20px;padding:12px 22px}#last-lap{font-size:86px}.cp-stint>strong{font-size:44px}.cp-sector-strip{padding:5px 18px}.cp-sector-matrix td{font-size:23px}.cp-neighbors>section{padding:8px 18px}.cp-gap strong{font-size:29px}.cp-road-neighbor>strong{font-size:26px}.cp-metrics>div{padding:6px 18px}.cp-metrics strong{font-size:24px}}
/* 手机横屏：固定一整页，所有主内容轨同时可见，覆层单独读长依据。 */
/* 竖屏按真实内容展开；仍是一整块仪表，而不是卡片堆叠。 */
@media(max-width:999px) and (orientation:portrait){body.cockpit{height:auto;min-height:100dvh;overflow:auto;grid-template-rows:auto auto;padding:9px;gap:9px}.cp-header{flex-wrap:wrap;gap:8px}.cp-brand{margin-right:auto}.cp-brand strong{font-size:11px}.cp-badge{font-size:10px}.cp-actions{width:100%;justify-content:space-between}.cp-actions>details>summary,.cockpit button{font-size:12px}.cp-actions>button,.cp-actions>details{flex:1}.cp-actions summary{text-align:center}#dashboard{grid-template-rows:auto auto auto auto auto;overflow:visible}.cp-identity{padding:10px 12px;gap:12px;flex-wrap:wrap}.cp-car strong{font-size:30px}.cp-person strong{font-size:20px}.cp-person .cp-label{font-size:9px}.cp-classification{flex:1;gap:24px;text-align:left}.cp-classification strong{font-size:24px}.cp-remaining strong{font-size:20px}.cp-instruments{grid-template-columns:minmax(0,1fr)}.cp-core{min-height:180px;gap:18px;padding:22px 16px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}#last-lap{font-size:clamp(43px,12vw,76px)}.cp-section-head h1{font-size:11px}.cp-section-head>span{font-size:8px}.cp-stint h2{font-size:11px}.cp-stint>strong{font-size:clamp(25px,7vw,42px)}.cp-instrument-code{font-size:8px}.cp-track-panel{height:290px;padding:0 14px 12px}.cp-sector-strip{grid-template-columns:1fr;gap:9px;padding:13px 12px}.cp-sector-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.cp-sector-heading h2{font-size:12px;margin:0}.cp-sector-heading p{font-size:10px}.cp-sector-matrix{height:74px}.cp-sector-matrix td{font-size:23px}.cp-sector-matrix th:first-child{width:42px}.cp-neighbors{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-neighbors>section{padding:12px;min-height:77px}.cp-neighbors>section:nth-child(3){border-left:0;border-top:1px dashed var(--rule)}.cp-neighbors>section:nth-child(4){border-top:1px dashed var(--rule)}.cp-gap strong,.cp-road-neighbor>strong{font-size:26px}.cp-road-label{font-size:8px}.cp-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-metrics>div{min-height:61px;padding:10px 12px}.cp-metrics h2{font-size:10px}.cp-metrics strong{font-size:21px}.cp-metrics>div:nth-child(n+3){border-top:1px dashed var(--rule)}.cp-metrics .cp-status-value{font-size:18px}.cp-overlay,.cp-name[open]>summary{top:112px;max-height:calc(100dvh - 124px);padding:16px}.cp-form label{width:100%}.cp-form button{flex:1}.cp-form-note{font-size:11px}}
@media(max-width:350px) and (orientation:portrait){.cp-brand img{width:26px;height:32px}.cp-brand strong{font-size:10px}.cp-badge{font-size:9px;padding-left:5px}.cp-core{gap:12px;padding-left:12px;padding-right:12px}#last-lap{font-size:37px}.cp-stint>strong{font-size:24px}.cp-track-panel{height:260px}.cp-metrics strong{font-size:18px}}
@media(prefers-reduced-motion:no-preference){.cockpit button,.cp-actions summary{transition:color 140ms,border-color 140ms,background-color 140ms}}
@media(prefers-reduced-motion:reduce){.cockpit *{animation:none!important;transition:none!important}}html[data-motion=reduce] .cockpit *{animation:none!important;transition:none!important}

/* v75: one landscape structure on Android, Safari and installed Web Apps. */
.cockpit button{min-width:44px}
.cp-road-gap{display:inline-block;margin-left:7px;color:var(--mut);font:500 15px/1.3 var(--mono);white-space:nowrap}
.cp-brand{flex:1 1 0}.cp-brand>span{min-width:0}#session-brief{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cp-phone-label,.cp-phone-settings-actions,.cp-phone-context{display:none}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
#current-lap{display:block;margin:8px 0;font:500 clamp(48px,6vw,96px)/1 var(--mono);letter-spacing:-.04em;white-space:nowrap;color:var(--ink)}
.cockpit #last-lap{display:inline;margin:0;font:500 16px/1 var(--mono);letter-spacing:0}
.cp-official-lap{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;font-size:11px;line-height:18px;white-space:nowrap;color:var(--mut)}
.cp-official-lap #lap-record{margin:0;font-size:10px;line-height:18px}
#current-lap-status{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-metric-value{display:contents}
.cp-car strong,.cp-classification strong,.cp-remaining strong{display:block}
@media(max-width:999px) and (orientation:portrait){
  .cp-road-gap{display:block;margin:6px 0 0;font-size:12px}
  .cp-person .cp-label{display:none}
  .cp-identity{align-items:center;row-gap:8px}
  .cp-person{flex:1 1 calc(100% - 80px)}
  .cp-person strong{font-size:19px}
  .cp-lap>.cp-section-head{flex-wrap:wrap;justify-content:center}
  #current-lap{font-size:clamp(28px,9vw,44px)}
  .cp-official-lap{flex-wrap:wrap;font-size:10px;gap:4px}
  .cockpit #last-lap{font-size:14px}
  .cp-core{padding-top:14px;padding-bottom:14px;min-height:145px;gap:12px}
  .cp-track-panel{height:230px}
  .cp-instrument-code{display:none}
}
.cp-install{width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;margin:auto;padding:18px;border:1px solid var(--frame);background:var(--bg1);color:var(--ink)}
.cp-install::backdrop{background:rgb(0 0 0 / .75)}
.cp-install-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cp-install h2{font-size:18px;margin:0;line-height:1.4}
.cp-install-head button{flex:none}
.cp-install-body,.cp-install-note{font-size:13px;line-height:1.65;color:var(--mut);overflow-wrap:anywhere}
.cp-install-steps{font-size:14px;line-height:1.7;padding-left:22px}
.cp-install-steps li{margin:8px 0}
.cp-install-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}
@media(max-width:999px) and (orientation:landscape){
  body.cockpit{
    --cp-safe-l:max(4px,env(safe-area-inset-left));--cp-safe-r:max(4px,env(safe-area-inset-right));
    --cp-safe-t:max(2px,env(safe-area-inset-top));--cp-safe-b:max(2px,env(safe-area-inset-bottom));
    padding:var(--cp-safe-t) var(--cp-safe-r) var(--cp-safe-b) var(--cp-safe-l);
    height:100dvh;gap:0;overflow:hidden;grid-template-rows:minmax(0,1fr);
    container-type:size;container-name:cockpit-screen;
  }
  .cp-header,.cp-actions{display:contents}
  .cp-actions>details{position:fixed;z-index:12;top:calc(var(--cp-safe-t) + 3px);width:44px;height:44px}
  .cp-actions>.cp-setup{right:calc(var(--cp-safe-r) + 49px)}
  .cp-actions>.cp-source{right:calc(var(--cp-safe-r) + 3px)}
  .cp-brand,#retry,#full-screen,.cp-actions>details>summary .cp-wide-label{display:none}
  .cp-phone-label{display:inline}
  .cp-actions>details>summary{position:static;min-width:44px;width:44px;min-height:44px;height:44px;padding:0;list-style:none;text-align:center;font-size:12px;line-height:42px;background:transparent}
  .cp-actions>details>summary::-webkit-details-marker{display:none}
  .cp-badge{position:fixed;z-index:10;top:calc(var(--cp-safe-t) + 2px);right:calc(var(--cp-safe-r) + 105px);max-width:205px;padding:0 6px;border-left-width:2px;font-size:11px;line-height:13px;white-space:nowrap}
  #dashboard{grid-template-columns:minmax(0,1fr);grid-template-rows:14px 44px minmax(0,1fr) 46px 40px 28px;border-color:var(--line)}
  .cp-phone-context{display:block;min-width:0;padding:0 320px 0 10px;color:var(--mut);font-size:10px;line-height:13px}
  #phone-session-brief{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .cp-identity{padding:0 106px 0 10px;gap:12px;border-bottom-color:var(--rule)}
  .cp-label{font-size:10px;line-height:1.1;margin-bottom:2px}
  .cp-car strong{display:block;font-size:28px}
  .cp-person,.cp-person summary{min-height:44px}
  .cp-person summary{display:flex;flex-direction:column;justify-content:center;gap:2px;height:44px;overflow:hidden}
  .cp-person .cp-label{display:none}
  .cp-person strong{font-size:18px;line-height:20px;flex:none}
  .cp-person #team-name{font-size:10px;line-height:12px;flex:none}
  .cp-name[open]>summary{height:auto;overflow:auto;gap:8px}
  .cp-name[open] .cp-label{display:block;white-space:normal}
  .cp-name[open] strong,.cp-name[open] #team-name{line-height:1.4}
  .cp-classification{gap:14px}
  .cp-classification strong{font-size:22px}
  .cp-remaining strong{font-size:20px}
  .cp-instruments{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);min-height:0}
  .cp-core{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:12px;padding:3px 12px;container-type:size}
  .cp-lap{display:grid;grid-template-rows:14px minmax(0,1fr) 16px;gap:1px;min-height:0;align-self:stretch;align-content:stretch;text-align:center}
  .cp-lap>.cp-section-head{justify-content:space-between;gap:6px;min-width:0}
  .cp-lap>.cp-section-head h1{flex:none;font-size:11px;line-height:14px}
  .cp-lap>.cp-section-head>span{font-size:10px;line-height:14px}
  #current-lap{align-self:center;margin:0;font-size:clamp(22px,min(6vw,calc((100dvh - var(--cp-safe-t) - var(--cp-safe-b) - 204px)*.75)),84px);line-height:1}
  .cp-official-lap,.cp-official-lap #lap-record{font-size:10px;line-height:16px}
  .cockpit #last-lap{font-size:14px}
  .cp-stint{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;border:0;padding:0;min-height:0}
  .cp-stint h2{font-size:10px;line-height:14px;white-space:nowrap}
  .cp-stint>strong{margin:0;font-size:clamp(18px,3.2vw,34px);line-height:1}
  .cp-instrument-code{display:none}
  .cp-track-panel{position:relative;padding:3px 10px 3px 0}
  .cp-track-panel>.cp-section-head{position:static;min-height:14px;flex:none;flex-wrap:nowrap;justify-content:space-between;gap:4px;pointer-events:none}
  .cp-track-panel>.cp-section-head h2{font-size:10px;line-height:14px}
  .cp-track-method{font-size:10px;line-height:14px;white-space:nowrap}
  .cp-track-viewport{margin-top:2px;min-height:0}
  #track-empty{font-size:11px;padding:4px;line-height:1.3}
  .cp-sector-strip{grid-template-columns:102px minmax(0,1fr);gap:6px;padding:1px 10px}
  .cp-sector-heading h2{font-size:12px;margin:0}
  .cp-sector-heading p{display:none}
  .cp-sector-matrix th,.cp-sector-matrix td{padding:0 5px}
  .cp-sector-matrix thead th{height:10px;font-size:10px;line-height:10px}
  .cp-sector-matrix th:first-child{width:38px;font-size:10px}
  .cp-sector-matrix td{font-size:16px;line-height:1}
  .cp-neighbors>section{padding:3px 10px;container-type:size}
  .cp-neighbor h2,.cp-road-neighbor h2,.cp-road-neighbor h2 span{font-size:10px;line-height:12px}
  .cp-neighbor-car{max-width:40%;font-size:10px!important}
  .cp-gap{margin-top:2px;gap:4px}
  .cp-gap strong{font-size:17px}
  .cp-gap>span{font-size:10px;line-height:12px;white-space:nowrap}
  .cp-neighbors>.cp-road-neighbor{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:12px minmax(0,1fr);align-items:center;gap:2px 4px}
  .cp-road-neighbor h2{grid-column:1/-1}
  .cp-road-neighbor>strong{margin:0;font-size:20px;line-height:1;white-space:nowrap}
  .cp-road-gap{margin:0;font-size:10px;line-height:1.2;white-space:nowrap}
  .cp-metrics>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0 4px;min-height:0}
  .cp-metrics h2{flex:none;white-space:nowrap;font-size:10px;line-height:11px}
  .cp-metrics h2 span{display:none}
  .cp-metric-value{display:flex;align-items:baseline;justify-content:center;gap:4px;min-width:0;max-width:100%;white-space:nowrap}
  .cp-metrics strong,.cp-metrics .cp-status-value{font-size:18px;line-height:18px}
  .cp-metrics small{position:static;font-size:9px;line-height:11px}
  .cp-overlay,.cp-name[open]>summary{top:calc(var(--cp-safe-t) + 52px);left:calc((100vw + var(--cp-safe-l) - var(--cp-safe-r))/2);width:min(700px,calc(100vw - var(--cp-safe-l) - var(--cp-safe-r) - 12px));max-height:calc(100dvh - var(--cp-safe-t) - var(--cp-safe-b) - 58px)}
  .cp-name[open]>summary{width:min(650px,calc(100vw - var(--cp-safe-l) - var(--cp-safe-r) - 12px))}
  .cockpit input,.cockpit select{font-size:16px}
  .cp-phone-settings-actions{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed var(--rule)}
  .cp-phone-settings-actions a{display:flex;align-items:center;min-height:44px;padding:8px;color:var(--cyan);font-size:12px}
}
@supports(font-size:1cqh){
  @media(max-width:999px) and (orientation:landscape){
    #dashboard{grid-template-rows:14px 44px minmax(0,1fr) clamp(46px,16cqh,62px) clamp(40px,14cqh,54px) clamp(28px,9cqh,35px)}
    #current-lap{font-size:clamp(22px,min(12cqw,calc(100cqh - 34px)),90px)}
    #current-lap[data-wide=true]{font-size:clamp(20px,min(8cqw,calc(100cqh - 34px)),68px)}
    .cp-stint>strong{font-size:clamp(18px,7cqw,34px)}
    .cp-sector-matrix td{font-size:clamp(16px,5cqh,20px)}
    .cp-gap strong{font-size:clamp(17px,min(14cqw,calc(100cqh - 18px)),28px)}
    .cp-road-neighbor>strong{font-size:clamp(16px,14cqw,22px)}
  }
}
/* Density changes do not move sections or change the label/value direction. */
@container cockpit-screen (max-height:340px){
  .cp-sector-strip{padding-top:0;padding-bottom:0}
  .cp-sector-matrix td{font-size:16px}
  .cp-sector-matrix thead th{height:10px;line-height:10px}
  .cp-neighbors>section{padding-top:2px;padding-bottom:2px}
  .cp-metrics strong,.cp-metrics .cp-status-value{font-size:16px;line-height:16px}
}
