/* Estilos da área: partida */
.mt-mine span { color: var(--accent); }
.mt-km { padding: 8px 10px; border-radius: 6px; background: var(--bg2); border-left: 3px solid var(--line2); }
.mt-km.ok { border-left-color: var(--good); }
.mt-km.ko { border-left-color: var(--danger); }
.mg-diff { color: var(--accent); }

/* Lances sem minigame: gol em zonas e leitura do lance */
.mt-read { margin: 6px 0 4px; padding: 8px 10px; border-radius: 6px; background: color-mix(in srgb, var(--accent2) 10%, transparent); border: 1px solid color-mix(in srgb, var(--accent2) 35%, transparent); color: var(--text); font-size: 13px; }
.mt-goal { position: relative; margin: 14px auto 6px; max-width: 520px; padding: 10px 10px 26px; border: 6px solid #e8eef5; border-bottom: none; border-radius: 6px 6px 0 0;
  background: repeating-linear-gradient(90deg, rgba(255,255,255,0.05) 0 2px, transparent 2px 18px), repeating-linear-gradient(0deg, rgba(255,255,255,0.05) 0 2px, transparent 2px 18px), #0d1a12; }
.mt-goal-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.mt-zone { min-height: 64px; border-radius: 6px; border: 1px dashed rgba(255,255,255,0.3); background: rgba(255,255,255,0.04); color: var(--text); font: inherit; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 6px; text-align: center; font-size: 12px; transition: background 0.12s, border-color 0.12s; }
@media (hover: hover) { .mt-zone:hover:not(:disabled) { background: color-mix(in srgb, var(--accent) 18%, transparent); border-color: var(--accent); border-style: solid; } }
.mt-zone small { color: var(--muted); font-size: 10.5px; }
.mt-zone.alta small { color: var(--good); }
.mt-zone.baixa small { color: var(--danger); }
.mt-keeper { position: absolute; left: 50%; bottom: 2px; transform: translateX(-50%); font-size: 20px; }
.mt-wall { position: absolute; left: 8%; bottom: 4px; font-size: 18px; letter-spacing: -6px; z-index: 1; pointer-events: none; }
.mt-goal.gk .mt-zone { min-height: 110px; }
@media (max-width: 520px) { .mt-zone { min-height: 52px; font-size: 11px; } }