@font-face{font-family:Plex;src:url(/fonts/IBMPlexMono-Light.ttf)format("truetype");font-weight:300}:root{--bg:#030304;--panel:#07070a;--line:#ffffff1a;--fg:#ffffffeb;--dim:#ffffff8c;--faint:#ffffff52;--amber:#ff9a3c;--amber-wash:#ff9a3c14;--gutter:8px;--side:300px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--fg);letter-spacing:.06em;font:300 11px/1.4 Plex,ui-monospace,monospace;overflow:hidden}.frame{height:100vh;padding:var(--gutter);gap:var(--gutter);grid-template-columns:var(--side) minmax(0, 1fr) var(--side);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top top top""left center right""bottom bottom bottom";display:grid}.top{border-bottom:1px solid var(--line);grid-area:top;justify-content:space-between;align-items:end;gap:16px;padding-bottom:6px;display:flex}.brand b,.clocks b{letter-spacing:.2em;font-size:15px;display:block}.brand small,.clocks small{color:var(--faint);letter-spacing:.24em}.clocks{text-align:right}.clocks b{color:var(--amber);font-variant-numeric:tabular-nums}.legend{letter-spacing:.2em;color:var(--dim);gap:14px;font-size:8px;list-style:none;display:flex}.swatch{background:#fff;width:8px;height:8px;margin-right:6px;display:inline-block}.swatch.dim{background:#ffffff80}.swatch.amber{background:var(--amber)}.swatch.line{vertical-align:middle;height:2px}.column,.center{gap:var(--gutter);flex-direction:column;min-height:0;display:flex}.left{grid-area:left}.center{grid-area:center}.right{grid-area:right}.panel{background:var(--panel);border:1px solid var(--line);flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.panel>header{z-index:2;letter-spacing:.22em;color:var(--dim);align-items:center;gap:8px;padding:6px 10px;font-size:9px;display:flex;position:relative}.panel>header small{color:var(--faint);margin-left:auto}.tag{color:var(--bg);background:var(--amber);padding:0 4px}.body{flex:1;min-height:0;margin:0 10px 8px;position:relative}.body>canvas,.overlay{width:100%;height:100%;display:block;position:absolute;inset:0}.overlay{pointer-events:none}.grow{flex:1}.left>.panel:nth-child(3){height:150px}.left>.panel:nth-child(4){height:110px}.telemetry .body{flex:none;grid-template-columns:110px 1fr;gap:10px;height:120px;display:grid}.telemetry #ring{width:110px;height:110px;position:relative}.kpis{grid-template-columns:1fr 1fr;align-content:center;gap:10px;display:grid}.kpis small{color:var(--faint);letter-spacing:.2em;font-size:7.5px;display:block}.kpis b{font-variant-numeric:tabular-nums;font-size:18px;font-weight:300}.kpis b.small{font-size:12px}.scroll{overflow:hidden}.checkpoints{border-collapse:collapse;width:100%;font-size:8.5px}.checkpoints th{background:var(--panel);text-align:left;color:var(--faint);letter-spacing:.2em;padding-bottom:3px;font-weight:300;position:sticky;top:0}.checkpoints td{color:var(--dim);white-space:nowrap;padding:1.5px 4px 1.5px 0}.checkpoints .num{text-align:right;font-variant-numeric:tabular-nums}.checkpoints .name{text-overflow:ellipsis;max-width:110px;overflow:hidden}.checkpoints tr.is-current td{color:var(--fg);background:var(--amber-wash)}.checkpoints tr.is-current td:first-child{color:var(--amber)}.checkpoints tr.is-closed td{color:#ffffff4d}.viewport{flex:1}#terrain{cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}#terrain:active{cursor:grabbing}.hint,.status{z-index:2;letter-spacing:.24em;color:var(--faint);pointer-events:none;font-size:8px;position:absolute;bottom:8px;left:10px}.status{color:var(--amber);top:36px;bottom:auto}.row{gap:var(--gutter);grid-template-columns:1.4fr 1fr;height:190px;display:grid}.big{z-index:2;text-align:right;letter-spacing:.06em;font-size:18px;position:absolute;top:-2px;right:0}.big small{color:var(--dim);letter-spacing:.2em;font-size:7.5px;display:block}.globe-panel{flex:1.3}.readout{z-index:2;letter-spacing:.2em;color:var(--dim);font-size:8px;position:absolute;bottom:0;left:0}.readout.right{color:var(--amber);left:auto;right:0}.right>.panel:nth-child(2){height:130px}.right>.panel:nth-child(3){height:170px}.results{grid-template-columns:1fr 1fr;gap:10px;font-size:8px;display:grid;position:absolute;inset:0}.results ol{min-width:0;list-style:none}.results h4{letter-spacing:.2em;color:var(--faint);margin-bottom:3px;font-size:7.5px;font-weight:300}.results button{width:100%;font:inherit;letter-spacing:inherit;text-align:start;color:#ffffff8c;white-space:nowrap;cursor:pointer;background:0 0;border:0;grid-template-columns:12px 1fr auto;gap:6px;padding:1.5px 0;display:grid}.results button:hover,.results button:focus-visible{color:var(--fg);outline:none}.results li span:nth-child(2){text-overflow:ellipsis;overflow:hidden}.results small{color:var(--faint)}.results li.is-done button{color:var(--fg)}.results li.is-focused button{color:var(--amber);background:#ff9a3c1f}.results li.is-done span:first-child{color:var(--amber)}.log{height:100%;font-size:8.5px;list-style:none;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.log li{color:var(--dim);white-space:nowrap;grid-template-columns:52px 1fr;gap:6px;padding:1.5px 0;display:grid}.log li span{text-overflow:ellipsis;overflow:hidden}.log li time{color:var(--faint)}.log li.warn span{color:var(--amber)}.bottom{letter-spacing:.2em;color:var(--faint);grid-area:bottom;font-size:8px}@media (width<=1100px){html,body{overflow:auto}.frame{grid-template:"top""center""left""right""bottom"/minmax(0,1fr);height:auto;padding:16px}.legend{display:none}.viewport{flex:none;height:70vh}.row{grid-template-columns:minmax(0,1fr);height:auto}.row>.panel{height:180px}.grow{flex:none;height:280px}.globe-panel{flex:none;height:320px}}
