/* =====================================================
   compass.css
   ===================================================== */
.compass-ring   { fill: none; stroke: #ddeae2; stroke-width: 1.5; }
.compass-tick   { stroke: #c0d4c8; stroke-width: 1; }
.compass-tick-m { stroke: #2c6e49; stroke-width: 2; }
.compass-lbl    { font-size: 9px; font-weight: 700; text-anchor: middle; dominant-baseline: middle; fill: #666; }
.compass-lbl-n  { fill: #c1440e; font-size: 10px; }
.compass-n      { fill: #c1440e; }
.compass-s      { fill: #aaa; }

/* Анимация иглы — только через JS (rotate(deg,cx,cy) в атрибуте).
   CSS transition здесь намеренно отсутствует — он ломает transform-origin в SVG. */
#compass-needle { /* без transition */ }