.dt-board { display: flex; justify-content: center; }
.dt-board svg { width: min(340px, 92vw); height: auto; touch-action: manipulation; }
.dt-edge { stroke: #94a3b8; stroke-width: 4; cursor: pointer; }
.dt-edge.claimed1 { stroke: #ef4444; }
.dt-edge.claimed2 { stroke: #3b82f6; }
.dt-hit { stroke: transparent; stroke-width: 16; cursor: pointer; fill: none; }
.dt-dot { fill: #334155; }
.dt-sq1 { fill: rgba(239,68,68,.35); }
.dt-sq2 { fill: rgba(59,130,246,.35); }