:root{--drift-color-target:var(--color-danger);--drift-color-best:var(--color-success);--drift-color-obstacle:var(--text-color-secondary)}#drift-canvas{width:100%;height:100%;background:var(--background-color-surface)}layout-main .drift-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}layout-main .drift-stats dl{display:flex;flex-direction:column;align-items:center;gap:.25rem}layout-main .drift-stats dt{font-size:.75rem;text-transform:uppercase;color:var(--text-color-secondary)}layout-main .drift-stats dd{margin:0;font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-color-primary)}.drift-controls{display:flex;flex-flow:row nowrap;justify-content:center;gap:.5rem;margin-top:1rem}.drift-controls .is-start{display:block}.drift-controls .is-stop{display:none}.drift-controls.is-running .is-start{display:none}.drift-controls.is-running .is-stop{display:block}.slider-group{display:flex;align-items:center;gap:.5rem}.slider-group label{font-size:.85rem;font-weight:300;color:var(--text-color-secondary)}.slider-group input[type=range]{accent-color:var(--draw-color-primary);cursor:pointer}.drift-legend{display:flex;flex-flow:column nowrap;gap:.5rem}.drift-legend.inline{flex-flow:row wrap;gap:1rem}.drift-legend .legend-item{display:inline-flex;flex-flow:row nowrap;align-items:center;gap:.25rem;font-weight:300;color:var(--text-color-secondary)}.drift-legend .swatch{display:inline-block;width:.75rem;height:.75rem;border-radius:50%}.drift-legend .swatch.target{background-color:var(--drift-color-target)}.drift-legend .swatch.best{background-color:var(--drift-color-best)}.drift-legend .swatch.obstacle{background-color:var(--drift-color-obstacle)}