/* A viewport-sized control room. The history remains available in a dialog. */
body.cockpit{height:100dvh;min-height:600px;overflow:hidden}.cockpit header{height:54px;padding:0 24px}.cockpit .brand{font-size:21px}.cockpit .logo{height:29px;width:28px}.cockpit .brand small{font-size:8px}.cockpit header nav{align-items:center;gap:22px}.workspace-name{color:var(--ink);font-weight:600}.workspace-name small{color:var(--muted);font-weight:400}.cockpit header nav button{border:0;background:none;color:var(--muted);font-size:11px;padding:8px}.cockpit main{height:calc(100dvh - 54px);max-width:none;padding:14px 24px 16px;display:grid;grid-template-rows:62px 48px minmax(0,1fr) 162px;gap:10px}.cockpit main>.intro,.cockpit main>footer{display:none}.cockpit .metrics{margin:0;border-radius:10px}.cockpit .metrics article{padding:10px 18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px}.cockpit .metrics article>b{grid-column:2;grid-row:1/3;font-size:28px;margin:0}.cockpit .metrics article>span{font-size:10px}.cockpit .metrics article>small{font-size:9px}.cockpit .pipeline{margin:0;padding:9px 16px;display:flex;align-items:center;gap:24px;border-radius:10px}.cockpit .pipeline .heading{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin:0;min-width:175px}.cockpit .pipeline h2{font-size:11px;margin:0}.cockpit .pipeline #phase{font-size:9px}.cockpit .stages{flex:1;gap:20px}.cockpit .stage-num{width:25px;height:25px;font-size:10px}.cockpit .stage b{font-size:10px}.cockpit .stage small{display:none}.cockpit #arena{margin:0;min-height:0;gap:12px;grid-template-columns:minmax(0,1fr) 350px}.cockpit .arena{display:flex;flex-direction:column;min-height:0;border-radius:11px}.cockpit .arena>.heading{flex:0 0 49px;padding:8px 16px;margin:0;flex-wrap:nowrap;gap:12px}.cockpit .arena h2{font-size:15px;margin:3px 0 0}.cockpit .arena .eyebrow{font-size:8px;letter-spacing:1.2px}.cockpit .live-modes{flex-shrink:0}.cockpit .live-modes button{font-size:9px;padding:6px 8px}.cockpit .screen{flex:1;min-height:0;aspect-ratio:auto;max-height:none}.cockpit .screen img,.cockpit .screen video{min-height:0}.cockpit .screen-label{font-size:9px;top:12px;left:12px}.cockpit .shot-banner{padding:9px 12px;top:12px;right:12px}.cockpit .shot-banner strong{font-size:16px}.cockpit .shot-banner span{font-size:9px}.cockpit .generations{padding:7px 12px;gap:6px;flex:0 0 44px}.cockpit .generations button{min-width:75px;padding:4px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1}.cockpit .generations b{font-size:9px;white-space:nowrap}.cockpit .generations small{font-size:9px;margin:0;white-space:nowrap}.cockpit .replay-meta{padding:6px 12px;font-size:9px}.cockpit .live-log{padding:14px 16px;border-radius:11px;min-height:0;display:flex;flex-direction:column}.cockpit .live-log[hidden]{display:none}.cockpit .live-log>.eyebrow{font-size:8px}.cockpit .live-log>.heading{margin:5px 0 8px;flex-wrap:nowrap}.cockpit .live-log h2{font-size:16px;margin:0}.cockpit .live-log .badge{font-size:9px;padding:4px 8px}.cockpit .live-identity{padding:8px 0;font-size:9px;gap:8px}.cockpit .motion-metrics{margin:10px 0;gap:10px 18px;flex:1;align-content:space-evenly}.cockpit .motion-metrics span{font-size:9px}.cockpit .motion-metrics b{margin:4px 0;gap:5px}.cockpit .motion-metrics b i{font-size:25px;line-height:1.1}.cockpit .motion-metrics small,.cockpit .metric-hint{font-size:8px}.cockpit .motion-track{height:3px}.cockpit .live-clock{font-size:9px;margin-bottom:6px}.cockpit #speed-trace{height:30px;margin:5px 0 0;flex-shrink:0}.cockpit .trace-label{font-size:8px;margin:0 0 7px}.cockpit .live-last{padding:7px 9px;margin-bottom:6px}.cockpit .live-last span{font-size:8px}.cockpit .live-last b{font-size:10px;margin-top:3px}.cockpit .live-log>.footnote{display:none}.cockpit .live-attempts{flex-wrap:nowrap;overflow-x:auto;min-height:24px}.cockpit .live-attempts button{flex-shrink:0;padding:4px 6px;font-size:8px}.cockpit .spatial-card{margin:0;padding:10px 16px;border-radius:10px;min-height:0}.cockpit .spatial-card>.heading{margin:0 0 7px;gap:10px}.cockpit .spatial-card .eyebrow{font-size:8px;letter-spacing:1px}.cockpit .spatial-card h2{display:none}.cockpit .spatial-card .mono{font-size:9px}.cockpit .spatial-grid{height:calc(100% - 18px);grid-template-columns:.9fr 1.25fr 1.1fr;gap:28px}.cockpit .pitch-map{min-height:0;display:flex;flex-direction:column}.cockpit .pitch-map svg{height:calc(100% - 14px);width:100%}.cockpit .map-legend{font-size:8px;gap:12px;height:14px}.cockpit .position-table{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;align-content:center}.cockpit .position-table>div{padding:7px 0;flex-direction:column;gap:3px;font-size:9px}.cockpit .position-table>div:first-child{display:none}.cockpit .position-table code{font-size:9px}.cockpit .recent-summary{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;align-content:center}.cockpit .recent-summary>.eyebrow{grid-column:1/-1;font-size:8px}.cockpit .recent-score{margin:0;gap:7px}.cockpit .recent-score strong{font-size:30px;line-height:1.1}.cockpit .recent-score span{font-size:9px}.cockpit #recent-breakdown{font-size:8px;line-height:1.5;margin:0}.cockpit .result-card{grid-column:1/-1;padding:7px 9px;gap:3px}.cockpit .result-card b{font-size:10px}.cockpit .result-card span{font-size:9px}.cockpit .recent-summary>.footnote{display:none}.cockpit .performance{padding:15px;min-height:0;overflow:auto}.cockpit .performance .score{margin:10px 0}.cockpit .performance .score strong{font-size:40px}.cockpit .performance .change{margin:10px 0}.cockpit .performance .mini-stats{padding:10px 0}.cockpit .performance h3{margin:14px 0 8px}.cockpit .performance .footnote{display:none}.cockpit .performance .attempts button{height:26px}.cockpit .performance .detail{margin:8px 0;min-height:0}.cockpit .performance .legend{margin:8px 0}.compact-switch{display:none}.detail-dialog{width:min(1150px,94vw);max-height:88dvh;padding:0;border:1px solid #cfd8c4;border-radius:14px;background:var(--bg);color:var(--ink);box-shadow:0 25px 100px #14251a40}.detail-dialog::backdrop{background:#182c2466;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line);font-size:14px;font-weight:600;position:sticky;top:0;background:var(--bg);z-index:1}.dialog-head button{border:1px solid var(--line);background:white;border-radius:6px;padding:7px 12px;font-size:11px}#dialog-content{padding:22px}#dialog-content>[hidden]{display:none}#dialog-content .grid{margin:0}#dialog-content .method{margin:0}#dialog-content .method summary{display:none}#dialog-content #history{margin:0}
@media(min-width:1700px){.cockpit main{padding-inline:36px;grid-template-rows:70px 54px minmax(0,1fr) 180px;gap:14px}.cockpit #arena{grid-template-columns:minmax(0,1fr) 420px}.cockpit .motion-metrics b i{font-size:32px}.cockpit .live-log{padding:20px}.cockpit .motion-metrics span{font-size:11px}.cockpit .motion-metrics small{font-size:10px}.cockpit .spatial-card{padding:14px 20px}.cockpit .position-table code{font-size:11px}}
@media(max-height:800px) and (min-width:901px){.cockpit main{padding:10px 18px 12px;grid-template-rows:54px 42px minmax(0,1fr) 136px;gap:8px}.cockpit .metrics article{padding:7px 14px}.cockpit .metrics article>b{font-size:25px}.cockpit .metrics small{font-size:8px}.cockpit .live-log{padding:10px 13px}.cockpit .live-log>.eyebrow{display:none}.cockpit .live-log>.heading{margin:0 0 6px}.cockpit .live-log h2{font-size:14px}.cockpit .live-identity{padding:6px 0}.cockpit .motion-metrics{gap:6px 16px;margin:7px 0}.cockpit .motion-metrics b i{font-size:23px}.cockpit .motion-metrics b{margin:3px 0}.cockpit #speed-trace{height:23px;margin-top:3px}.cockpit .trace-label{margin-bottom:4px}.cockpit .live-last{padding:5px 8px;margin-bottom:4px}.cockpit .live-last span{display:none}.cockpit .position-table>div{padding:4px 0}.cockpit .spatial-grid{gap:18px}.cockpit .spatial-card{padding:8px 12px}.cockpit .recent-score strong{font-size:25px}}
@media(max-width:900px){body.cockpit{min-height:620px}.cockpit header{height:48px;padding:0 14px}.cockpit .brand small,.workspace-name{display:none}.cockpit header nav{display:flex;gap:8px}.cockpit header nav button{padding:6px;font-size:10px}.cockpit main{height:calc(100dvh - 48px);padding:10px 12px;grid-template-rows:54px 36px minmax(0,1fr) 142px;gap:8px}.cockpit .metrics article{padding:8px 10px}.cockpit .metrics article>b{font-size:22px}.cockpit .metrics small{display:none}.cockpit .metrics article>span{font-size:9px}.cockpit .metrics article>b{grid-row:auto}.cockpit .pipeline{padding:6px 10px;gap:10px}.cockpit .pipeline .heading{min-width:110px}.cockpit .pipeline h2{display:none}.cockpit .stage-num{width:20px;height:20px;font-size:8px}.cockpit .stages{gap:8px}.cockpit .stage{gap:5px}.cockpit .stage b{font-size:9px}.cockpit .stage:after{display:none}.cockpit #arena{grid-template-columns:minmax(0,1fr) 300px;gap:8px}.cockpit .live-log{padding:10px}.cockpit .live-log>.eyebrow{display:none}.cockpit .motion-metrics b i{font-size:23px}.cockpit .arena>.heading{padding:7px 10px;flex:0 0 43px}.cockpit .arena h2{font-size:12px}.cockpit .arena .eyebrow{display:none}.cockpit .live-modes button{font-size:8px;padding:5px}.cockpit .screen-label{font-size:8px;padding:5px;max-width:47%}.cockpit .spatial-grid{gap:12px}.cockpit .position-table code{font-size:8px}.cockpit .recent-summary{gap:4px 8px}}
@media(max-width:640px){body.cockpit{min-height:640px}.cockpit header{height:44px;padding:0 10px;gap:6px}.cockpit .brand{font-size:17px;gap:6px}.cockpit .logo{width:23px;height:25px}.cockpit header nav{gap:2px}.cockpit header nav button{font-size:9px;padding:6px 4px}.cockpit header #status{font-size:8px;padding:5px 7px}.cockpit main{height:calc(100dvh - 44px);padding:8px;grid-template-rows:46px 27px 25px minmax(0,1fr);gap:6px}.cockpit .metrics{grid-template-columns:repeat(4,1fr)}.cockpit .metrics article{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:5px 8px;border-bottom:0!important;border-right:1px solid var(--line)!important;overflow:hidden}.cockpit .metrics article:last-child{border-right:0!important}.cockpit .metrics article>span{font-size:7px;white-space:nowrap}.cockpit .metrics article>b{font-size:18px;letter-spacing:-.5px}.cockpit .pipeline{padding:4px 8px;gap:6px}.cockpit .pipeline .heading{display:none}.cockpit .stages{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.cockpit .stage{gap:4px}.cockpit .stage-num{width:16px;height:16px;font-size:7px}.cockpit .stage b{font-size:8px}.compact-switch{display:flex;gap:5px}.compact-switch button{flex:1;background:#e9eddf;border:0;border-radius:5px;font-size:10px;color:var(--muted)}.compact-switch button.selected{background:#dcebbd;color:var(--ink)}.cockpit #arena{grid-template-columns:1fr;grid-template-rows:minmax(150px,43%) minmax(0,1fr);gap:6px}.cockpit .arena>.heading{flex:0 0 29px;padding:3px 9px}.cockpit .arena h2{font-size:11px;margin:0}.cockpit .generations{flex:0 0 25px;padding:3px 6px;gap:4px}.cockpit .generations button{min-width:67px;padding:2px 6px}.cockpit .generations button b,.cockpit .generations button small{font-size:7px}.cockpit .shot-banner{top:8px;bottom:auto;right:8px;padding:6px 8px;max-width:55%}.cockpit .shot-banner strong{font-size:12px}.cockpit .shot-banner span{font-size:8px}.cockpit .screen-label{top:8px;left:8px;font-size:7px}.cockpit .live-log{padding:8px 10px}.cockpit .live-log>.heading{margin:0 0 4px}.cockpit .live-log h2{font-size:12px}.cockpit .live-log .badge{font-size:8px;padding:3px 6px}.cockpit .live-identity{padding:4px 0;font-size:8px}.cockpit .motion-metrics{grid-template-columns:repeat(3,1fr);gap:5px 10px;margin:6px 0}.cockpit .motion-metrics span{font-size:8px}.cockpit .motion-metrics b{margin:3px 0}.cockpit .motion-metrics b i{font-size:22px}.cockpit .motion-metrics small{font-size:7px}.cockpit .metric-hint{display:none}.cockpit #speed-trace{height:22px;margin:3px 0 0}.cockpit .trace-label{display:none}.cockpit .live-clock{font-size:8px;margin:4px 0}.cockpit .live-last{margin:4px 0;padding:5px 8px}.cockpit .live-last span{display:none}.cockpit .live-last b{font-size:9px;margin:0}.cockpit .live-attempts{min-height:20px}.cockpit .live-attempts button{font-size:7px;padding:3px 5px}.cockpit .spatial-card{display:none}.cockpit[data-compact-view=position] #arena{grid-template-rows:minmax(150px,43%) minmax(0,1fr)}.cockpit[data-compact-view=position] .live-log{visibility:hidden}.cockpit[data-compact-view=position] .spatial-card:not([hidden]){display:block;position:absolute;left:8px;right:8px;top:calc(44px + 8px + 46px + 27px + 25px + 24px + (100dvh - 44px - 16px - 46px - 27px - 25px - 18px)*.43 + 6px);bottom:8px;padding:8px 10px;overflow:auto}.cockpit .spatial-grid{grid-template-columns:.85fr 1.15fr;gap:10px;height:auto}.cockpit .pitch-map{max-height:115px}.cockpit .pitch-map svg{height:95px}.cockpit .map-legend{font-size:7px;gap:5px;flex-wrap:wrap}.cockpit .position-table{grid-template-columns:1fr 1fr;gap:0 8px}.cockpit .position-table>div{padding:4px 0;font-size:8px}.cockpit .position-table code{font-size:7px}.cockpit .recent-summary{grid-column:1/-1;grid-template-columns:1fr 1fr}.cockpit .recent-summary>.eyebrow{display:none}.cockpit .recent-score strong{font-size:22px}.cockpit .recent-score span{font-size:8px}.cockpit .recent-summary .result-card{padding:6px 8px}.cockpit .performance{padding:10px}.cockpit .performance h2{font-size:13px}.cockpit .performance>.eyebrow{display:none}.cockpit .performance .heading{margin:0 0 5px}.cockpit .performance .score{margin:5px 0}.cockpit .performance .score strong{font-size:27px}.cockpit .performance .change{margin:5px 0;font-size:9px}.cockpit .performance .mini-stats{padding:5px 0}.cockpit .performance .mini-stats b{font-size:17px;margin:4px 0}.cockpit .performance h3{margin:7px 0;font-size:10px}.cockpit .performance .attempts button{height:20px}.cockpit .performance .detail{font-size:9px;padding:6px}.cockpit .performance .legend{display:none}.detail-dialog{width:96vw;max-height:90dvh}#dialog-content{padding:12px}#dialog-content .grid{grid-template-columns:1fr}}