/* Native Figma SVGs replace only the rendered image; original PHP/src and handlers stay intact. */
.view-dashboard .prospect-route-marker .route-token,
.view-dashboard .path-footprint > img.path-token-pending {
    content: url('../img/figma/footprint-pending-figma.svg');
    background: transparent;
    border: 0;
    clip-path: none;
    object-fit: contain;
}

.view-dashboard .prospect-route-marker .route-coin,
.view-dashboard .path-footprint > img.path-token-coin,
.view-dashboard .prospect-stat-icon.stat-coin > img {
    content: url('../img/figma/footprint-active-figma.svg');
    background: transparent;
    border: 0;
    clip-path: none;
    object-fit: contain;
}

.view-dashboard .prospect-current-scene .prospect-route-marker {
    --route-footprint-size: 64px;
    height: calc(var(--route-footprint-size) * 1.0392);
    width: var(--route-footprint-size);
}

/* The disabled SVG includes its shadow: its 52.48px disc sits inside a 61x63px export. */
.view-dashboard .prospect-route-marker .route-token {
    height: calc(var(--route-footprint-size) * 1.2005);
    left: calc(var(--route-footprint-size) * -.0814);
    top: calc(var(--route-footprint-size) * -.0392);
    width: calc(var(--route-footprint-size) * 1.1624);
}

.view-dashboard .prospect-route-marker .route-coin {
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .16));
    height: calc(var(--route-footprint-size) * 49 / 48);
    left: 0;
    top: 0;
    width: var(--route-footprint-size);
}

.view-dashboard .prospect-route-marker .route-check {
    height: calc(var(--route-footprint-size) * .4);
    right: -1px;
    top: -2px;
    width: calc(var(--route-footprint-size) * .4);
}

.view-dashboard .path-footprints .path-footprint {
    --path-footprint-size: 52.48px;
    min-height: 55px;
    width: var(--path-footprint-size);
}

.view-dashboard .path-footprints .path-footprint > img.path-token-pending {
    height: calc(var(--path-footprint-size) * 1.2005);
    left: calc(var(--path-footprint-size) * -.0814);
    top: calc(var(--path-footprint-size) * -.0392);
    width: calc(var(--path-footprint-size) * 1.1624);
}

.view-dashboard .path-footprints .path-footprint > img.path-token-coin {
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .16));
    height: calc(var(--path-footprint-size) * 49 / 48);
    left: 0;
    top: 0;
    width: var(--path-footprint-size);
}

.view-dashboard .play-result-footprints .path-footprint > img.path-token-pending {
    height: auto;
    left: -8.14%;
    top: -2px;
    width: 116.24%;
}

.view-dashboard .play-result-footprints .path-footprint > img.path-token-coin {
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .16));
    height: auto;
    left: 0;
    top: 0;
    width: 100%;
}

.view-dashboard .prospect-stat-icon.stat-coin > img {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.view-dashboard .prospect-stat-icon.stat-coin {
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .16));
}

@media (max-width: 767.98px) {
    .view-dashboard .prospect-current-scene .prospect-route-marker {
        --route-footprint-size: 48px;
    }
    .view-dashboard .path-footprints .path-footprint {
        --path-footprint-size: 48px;
    }
}