/* Vehicle line drawings: renders of 3D models used as alpha masks, so every drawing takes the theme's ink.
   Credits for the models are in vehicles/credits.json. */
.vr { display: block; width: 100%; aspect-ratio: 720 / 440; background-color: var(--text-2); -webkit-mask: center / contain no-repeat; mask: center / contain no-repeat; }
.vr-T4 { -webkit-mask-image: url(vehicles/ugv-tracked-showcase.png); mask-image: url(vehicles/ugv-tracked-showcase.png); }
.vr-Q4 { -webkit-mask-image: url(vehicles/quad-showcase.png); mask-image: url(vehicles/quad-showcase.png); }
@media (min-resolution: 1.5dppx) {
  .vr-T4 { -webkit-mask-image: url(vehicles/ugv-tracked-showcase@2x.webp); mask-image: url(vehicles/ugv-tracked-showcase@2x.webp); }
  .vr-Q4 { -webkit-mask-image: url(vehicles/quad-showcase@2x.webp); mask-image: url(vehicles/quad-showcase@2x.webp); }
}
/* Thumbnails use a heavier-line cut of the quad so it holds up at 60 px like the tracked UGV does. */
.fl-thumb .vr-Q4, .ctx-thumb .vr-Q4, .vr-Q4.sm { -webkit-mask-image: url(vehicles/quad-thumb.png?v=2); mask-image: url(vehicles/quad-thumb.png?v=2); }
@media (min-resolution: 1.5dppx) { .fl-thumb .vr-Q4, .ctx-thumb .vr-Q4, .vr-Q4.sm { -webkit-mask-image: url(vehicles/quad-thumb@2x.webp?v=2); mask-image: url(vehicles/quad-thumb@2x.webp?v=2); } }
.v-diag { max-width: 680px; }
.v-render { fill: var(--text-2); }
/* Vehicle cards show the whole last-run name, wrapping instead of cutting it off. */
.vc-kv dd { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }