<svg xmlns="http://www.w3.org/2000/svg" width="800" height="520" viewBox="0 0 800 520">
  <rect width="800" height="520" fill="#0d1117"/>
  <!-- nav -->
  <rect width="800" height="56" fill="#161b22"/>
  <line x1="0" y1="56" x2="800" y2="56" stroke="#30363d" stroke-width="1"/>
  <text x="36" y="36" font-family="Arial" font-size="16" fill="#f0f6fc" font-weight="900">🚗 Juego de Patentes</text>
  <rect x="650" y="16" width="110" height="28" rx="6" fill="#238636"/>
  <text x="705" y="34" font-family="Arial" font-size="12" fill="#fff" text-anchor="middle" font-weight="700">Nuevo juego</text>

  <!-- score bar -->
  <rect y="56" width="800" height="52" fill="#1c2128"/>
  <text x="80" y="78" font-family="Arial" font-size="11" fill="#8b949e">PUNTAJE</text>
  <text x="80" y="98" font-family="Arial" font-size="18" fill="#f0f6fc" font-weight="900">1.240</text>
  <text x="280" y="78" font-family="Arial" font-size="11" fill="#8b949e">TIEMPO</text>
  <text x="280" y="98" font-family="Arial" font-size="18" fill="#f0f6fc" font-weight="900">00:47</text>
  <text x="480" y="78" font-family="Arial" font-size="11" fill="#8b949e">NIVEL</text>
  <text x="480" y="98" font-family="Arial" font-size="18" fill="#f0f6fc" font-weight="900">3 ⭐</text>
  <!-- progress bar -->
  <rect x="600" y="74" width="160" height="10" rx="5" fill="#30363d"/>
  <rect x="600" y="74" width="110" height="10" rx="5" fill="#238636"/>
  <text x="600" y="98" font-family="Arial" font-size="10" fill="#8b949e">7/10 patentes</text>

  <!-- main plate -->
  <rect x="180" y="124" width="440" height="140" rx="16" fill="#1c2128" stroke="#30363d" stroke-width="1"/>
  <text x="400" y="156" font-family="Arial" font-size="12" fill="#8b949e" text-anchor="middle" letter-spacing="2">COMPLETÁ LA PATENTE</text>
  <!-- plate -->
  <rect x="220" y="168" width="360" height="72" rx="10" fill="#f0e030" stroke="#c8b800" stroke-width="3"/>
  <text x="280" y="220" font-family="Arial" font-size="42" fill="#111" font-weight="900" letter-spacing="4">AB</text>
  <!-- blank slots -->
  <rect x="360" y="178" width="48" height="52" rx="6" fill="#fff" stroke="#c8b800" stroke-width="2"/>
  <rect x="416" y="178" width="48" height="52" rx="6" fill="#fff" stroke="#c8b800" stroke-width="2"/>
  <text x="480" y="220" font-family="Arial" font-size="42" fill="#111" font-weight="900" letter-spacing="4">427</text>
  <!-- cursor blink in first slot -->
  <rect x="380" y="196" width="2" height="28" fill="#6c63ff" opacity="0.9"/>

  <!-- keyboard-like options -->
  <text x="400" y="286" font-family="Arial" font-size="11" fill="#8b949e" text-anchor="middle" letter-spacing="2">ELEGÍ UNA LETRA</text>
  <rect x="172" y="296" width="52" height="40" rx="8" fill="#21262d" stroke="#30363d" stroke-width="1"/>
  <text x="198" y="322" font-family="Arial" font-size="18" fill="#f0f6fc" text-anchor="middle" font-weight="700">C</text>
  <rect x="236" y="296" width="52" height="40" rx="8" fill="#21262d" stroke="#30363d" stroke-width="1"/>
  <text x="262" y="322" font-family="Arial" font-size="18" fill="#f0f6fc" text-anchor="middle" font-weight="700">D</text>
  <rect x="300" y="296" width="52" height="40" rx="8" fill="#6c63ff" stroke="#6c63ff" stroke-width="1"/>
  <text x="326" y="322" font-family="Arial" font-size="18" fill="#fff" text-anchor="middle" font-weight="700">E</text>
  <rect x="364" y="296" width="52" height="40" rx="8" fill="#21262d" stroke="#30363d" stroke-width="1"/>
  <text x="390" y="322" font-family="Arial" font-size="18" fill="#f0f6fc" text-anchor="middle" font-weight="700">F</text>
  <rect x="428" y="296" width="52" height="40" rx="8" fill="#21262d" stroke="#30363d" stroke-width="1"/>
  <text x="454" y="322" font-family="Arial" font-size="18" fill="#f0f6fc" text-anchor="middle" font-weight="700">G</text>
  <rect x="492" y="296" width="52" height="40" rx="8" fill="#21262d" stroke="#30363d" stroke-width="1"/>
  <text x="518" y="322" font-family="Arial" font-size="18" fill="#f0f6fc" text-anchor="middle" font-weight="700">H</text>
  <rect x="556" y="296" width="52" height="40" rx="8" fill="#21262d" stroke="#30363d" stroke-width="1"/>
  <text x="582" y="322" font-family="Arial" font-size="18" fill="#f0f6fc" text-anchor="middle" font-weight="700">I</text>

  <!-- history -->
  <rect x="28" y="360" width="744" height="136" rx="12" fill="#161b22" stroke="#30363d" stroke-width="1"/>
  <text x="52" y="385" font-family="Arial" font-size="11" fill="#8b949e" letter-spacing="2">HISTORIAL</text>
  <!-- rows -->
  <rect x="52" y="396" width="144" height="32" rx="6" fill="#f0e030" stroke="#c8b800" stroke-width="2"/>
  <text x="124" y="417" font-family="Arial" font-size="14" fill="#111" text-anchor="middle" font-weight="900">AC 417 ✓</text>
  <rect x="212" y="396" width="144" height="32" rx="6" fill="#f0e030" stroke="#c8b800" stroke-width="2"/>
  <text x="284" y="417" font-family="Arial" font-size="14" fill="#111" text-anchor="middle" font-weight="900">BD 203 ✓</text>
  <rect x="372" y="396" width="144" height="32" rx="6" fill="#f0e030" stroke="#c8b800" stroke-width="2"/>
  <text x="444" y="417" font-family="Arial" font-size="14" fill="#111" text-anchor="middle" font-weight="900">XZ 891 ✓</text>
  <rect x="532" y="396" width="144" height="32" rx="6" fill="#3d1f1f" stroke="#6e2f2f" stroke-width="2"/>
  <text x="604" y="417" font-family="Arial" font-size="14" fill="#f85149" text-anchor="middle" font-weight="900">MK 005 ✗</text>
  <!-- points -->
  <text x="52" y="458" font-family="Arial" font-size="11" fill="#238636">+120 pts</text>
  <text x="212" y="458" font-family="Arial" font-size="11" fill="#238636">+200 pts</text>
  <text x="372" y="458" font-family="Arial" font-size="11" fill="#238636">+320 pts</text>
  <text x="532" y="458" font-family="Arial" font-size="11" fill="#f85149">-50 pts</text>
  <text x="52" y="480" font-family="Arial" font-size="10" fill="#484f58">hace 12s</text>
  <text x="212" y="480" font-family="Arial" font-size="10" fill="#484f58">hace 28s</text>
  <text x="372" y="480" font-family="Arial" font-size="10" fill="#484f58">hace 35s</text>
  <text x="532" y="480" font-family="Arial" font-size="10" fill="#484f58">hace 41s</text>

  <rect y="504" width="800" height="16" fill="#161b22"/>
  <text x="400" y="516" font-family="Arial" font-size="9" fill="#484f58" text-anchor="middle">completa.dividirgastos.com.ar</text>
</svg>
