/* ============================================================
   interface-hud.css – Interface HUD Instrument
   - Positionierung + komplette Optik dieses Instruments
   - Kein Move/Scale, keine “Webbutton”-Animationen
   - Interaktion nur: Material-Kontrast minimal
   ============================================================ */

.kc-ifhud{
  /* ---- Instrument placement ---- */
  position: fixed;
  top: 18px;
  right: 18px;
  z-index: 50;

  /* Only the SVG should receive pointer events */
  pointer-events: none;
}

.kc-ringhud__wrap{
  width: clamp(176px, 19.2vw, 288px);
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
}

.kc-ringhud__svg{
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: auto;
  overflow: visible;
}

.kc-ringhud__svg a{
  text-decoration: none;
}

.kc-ringhud :focus{ outline: none; }
.kc-ringhud :focus-visible{ outline: none; }

@media (max-width: 720px){
  .kc-ifhud{
    top: 12px;
    right: 12px;
  }

  .kc-ringhud__wrap{
    width: clamp(144px, 30.4vw, 224px);
  }
}