[data-theme="dark"]{ --dg-asphalt:#34383d; --dg-grass:#2f5d2f; --dg-grass2:#27501f; --dg-mark:#e9ecef; --dg-teeth:#e9ecef; }
[data-theme="light"]{ --dg-asphalt:#c4c9cf; --dg-grass:#8fc36b; --dg-grass2:#7bb558; --dg-mark:#ffffff; --dg-teeth:#ffffff; }
:root{ --dg-car-a:#2f80ed; --dg-car-a2:#1b5fc0; --dg-car-b:#e8593c; --dg-car-b2:#bd4327; }
.dg{display:block;width:100%;height:auto;margin:1.5rem 0}
.dg .asphalt{fill:var(--dg-asphalt)}
.dg .grass{fill:var(--dg-grass)} .dg .grass2{fill:var(--dg-grass2)}
.dg .mark{stroke:var(--dg-mark);stroke-width:3;fill:none}
.dg .dash{stroke:var(--dg-mark);stroke-width:3;stroke-dasharray:14 14;stroke-linecap:round}
.dg .teeth{fill:var(--dg-teeth)}
.dg .chev{fill:none;stroke:var(--dg-mark);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.dg .lbl{font-family:var(--font-sans);font-size:13px;fill:var(--text-muted)}
.dg .lead{stroke:var(--text-subtle);stroke-width:1;stroke-dasharray:3 3}
@keyframes dg-orbit{to{transform:rotate(-360deg)}}
@keyframes dg-approach{0%{transform:translateY(96px)}30%{transform:translateY(0)}62%{transform:translateY(0)}100%{transform:translateY(-50px)}}
.dg .orbit{transform-box:view-box;transform-origin:340px 300px;animation:dg-orbit 5s linear infinite}
.dg .approach{animation:dg-approach 5s var(--ease) infinite}
@media (prefers-reduced-motion: reduce){ .dg .orbit,.dg .approach{animation:none !important} .dg .approach{transform:translateY(0)} }