body {
    margin: 0;
    background-color: #f8f9fa;
}
.ring {
    position: absolute;
    border-radius: 50%;
    border: 3px solid black;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.5);
    transform: translate(-50%, -50%);
    pointer-events: auto;
}
.ring.start { background-color: #ffc107; }
.ring.normal { background-color: #0dcaf0; }
.ring.top { background-color: #dc3545; }
.route-photo-container {
    position: relative;
    touch-action: pan-x pan-y;
}