.dop-status{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:14px;padding:11px 13px;border:1px solid var(--line);font-size:12px;color:#c9d8d5}.dop-status strong{color:var(--orange)}.dop-status #timeStatus{margin-left:auto}.dop-board{overflow:hidden;border:1px solid var(--line-soft);background:var(--panel-deep)}.dop-scene{display:block;width:100%;height:auto}.road{stroke:#36575d;stroke-width:3}.wave-right{stroke:var(--cyan);fill:none;stroke-width:2;opacity:.7}.wave-left{stroke:var(--blue);fill:none;stroke-width:2;opacity:.55}.source{fill:var(--orange);stroke:#fff1d8;stroke-width:2}.observer{fill:var(--yellow);stroke:#fff7c7;stroke-width:2}.actor-label{fill:#eaf5f2;font:500 12px "DM Mono",monospace;paint-order:stroke;stroke:var(--panel-deep);stroke-width:5px}.velocity-arrow{stroke:#d9eae7;stroke-width:2}.axis-note{fill:#73918f;font:11px "DM Mono",monospace}.dop-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.dop-metrics .metric:nth-child(n+4){margin-top:13px;padding-top:17px;border-top:1px solid var(--line)}.dop-metrics .metric:nth-child(4){padding-left:0;border-left:0}.dop-metrics .metric-value{font-size:17px}.dop-metrics .compact{font-size:13px}@media(max-width:820px){.dop-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dop-metrics .metric:nth-child(n+3){margin-top:13px;padding-top:17px;border-top:1px solid var(--line)}.dop-metrics .metric:nth-child(odd){padding-left:0;border-left:0}}@media(max-width:520px){.dop-status{display:block}.dop-status span{display:block;margin-top:5px}.dop-status #timeStatus{margin-left:0}.dop-scene{width:140%;transform:translateX(-14%)}.actor-label{font-size:15px}.dop-metrics{grid-template-columns:1fr}.dop-metrics .metric,.dop-metrics .metric:nth-child(n){margin:0;padding:13px 0;border-right:0;border-bottom:1px solid var(--line);border-left:0}}