/* topo.css - Topografie (aanvulling op spel.css) */
#worlds .lvls { grid-template-columns: repeat(7, 1fr); }
.lvl .t { font-size: clamp(11px, 1.3vw, 15px); }

.kaartveld { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(240px, 1fr); border: 3px solid var(--line); border-top: 0; border-radius: 0 0 14px 14px; overflow: hidden; box-shadow: 0 5px 0 var(--line); background: var(--panel); }
.stage--kaart { border: 0; background: #4fa8e8; }
.stage--kaart #cv { touch-action: manipulation; cursor: pointer; }
.kaartpaneel { padding: 18px; display: flex; flex-direction: column; justify-content: center; gap: 14px; }
.kaartpaneel .tip { margin: 0; color: var(--muted); font-size: 16px; }

@media (max-width: 820px) {
  .kaartveld { grid-template-columns: 1fr; }
  .kaartpaneel { padding: 12px; }
}
@media (max-width: 520px) {
  #worlds .lvls { grid-template-columns: repeat(4, 1fr); }
}