/* Container & Layout */
.polar-container { 
    background: white; 
    padding: 30px; 
    border-radius: 12px; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.1); 
    max-width: 850px;
    max-height: 500px;
}

.polar-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 30px;
                  font-size: 11px; font-weight: bold; fill: #2c3e50; }
.polar-control-group { display: flex; flex-direction: column; }

/* Polaren-Linie (Grün) */
.polar-line { 
    fill: none; 
    stroke: #27ae60; 
    stroke-width: 5; 
    stroke-linecap: round;
}

/* Hilfslinien & Achsen */
.axis-label { 
    font-size: 14px; 
    font-weight: bold; 
    fill: #444; 
}

.tangent-line { 
    stroke: #e74c3c; 
    stroke-width: 1.5; 
    stroke-dasharray: 5,5; 
    transition: opacity 0.3s;
}

/* Markierungen & Beschriftung */
.point-marker { 
    stroke: #fff; 
    stroke-width: 2; 
}

.label-text { 
    font-size: 11px; 
    font-weight: bold; 
    fill: #2c3e50; 
    pointer-events: none; /* Verhindert Flackern beim Hover */
}

.best-glide-indicator {
    fill: none;
    stroke: #e74c3c;
    stroke-width: 2;
}