:root {
  --bg1: #eff6ff; --bg2: #dbeafe;
  --accent: #2563eb; --accent2: #1d4ed8; --soft: #dbeafe;
}
.lijnkaart {
  background: #fff; border-radius: 22px; box-shadow: var(--shadow); border: 1px solid var(--line);
  padding: 10px 6px; margin: 0 auto 16px; max-width: 980px; touch-action: manipulation;
}
.lijnkaart svg { display: block; width: 100%; height: auto; user-select: none; }
.lijnkaart.tikbaar svg { cursor: crosshair; }
.lijnkaart .hint { text-align: center; font-size: 15px; color: var(--muted); margin: 2px 0 0; }
.doel { display: inline-block; background: var(--accent); color: #fff; border-radius: 14px; padding: 2px 14px; margin-left: 6px; }
.oordeel { text-align: center; font-weight: 900; font-size: 20px; min-height: 28px; }
.oordeel.goed { color: var(--good); }
.oordeel.fout { color: var(--bad); }
@keyframes landen { from { transform: translateY(-60px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.land { animation: landen .35s ease-out; }