// OT-MMO: HUD de arena. Arriba al centro el reloj (fase y tiempo) con cuántos quedan en pie de cada lado; a la derecha,
// los marcos de los rivales (vida, maná y lo que están lanzando). Se lee de reojo: nada se mueve si no informa.
UIWidget
  id: pvpHud
  anchors.fill: parent
  phantom: true
  focusable: false

  UIWidget
    id: reloj
    anchors.top: parent.top
    anchors.horizontalCenter: parent.horizontalCenter
    margin-top: 40
    size: 250 56
    background-color: #10161CD8
    border-width: 1
    border-color: $otmmo-border
    phantom: true

    Label
      id: fase
      anchors.top: parent.top
      anchors.horizontalCenter: parent.horizontalCenter
      margin-top: 6
      ttf-font: geistsemibold
      ttf-font-size: 11
      color: $otmmo-text-2
      text-auto-resize: true

    Label
      id: tiempo
      anchors.top: fase.bottom
      anchors.horizontalCenter: parent.horizontalCenter
      margin-top: 1
      ttf-font: geistmono
      ttf-font-size: 22
      color: $otmmo-text
      text-auto-resize: true

    Label
      id: aliados
      anchors.verticalCenter: tiempo.verticalCenter
      anchors.left: parent.left
      margin-left: 14
      ttf-font: geistmono
      ttf-font-size: 15
      color: #C7A86B
      text-auto-resize: true

    Label
      id: rivales
      anchors.verticalCenter: tiempo.verticalCenter
      anchors.right: parent.right
      margin-right: 14
      ttf-font: geistmono
      ttf-font-size: 15
      color: $otmmo-error-text
      text-auto-resize: true

    Label
      id: tAliados
      anchors.top: parent.top
      anchors.left: parent.left
      margin-top: 6
      margin-left: 10
      ttf-font: geist
      ttf-font-size: 10
      color: $otmmo-text-2
      text: Tuyos
      text-auto-resize: true

    Label
      id: tRivales
      anchors.top: parent.top
      anchors.right: parent.right
      margin-top: 6
      margin-right: 10
      ttf-font: geist
      ttf-font-size: 10
      color: $otmmo-text-2
      text: Rivales
      text-auto-resize: true

  Label
    id: titulo
    anchors.bottom: marcos.top
    anchors.left: marcos.left
    margin-bottom: 6
    ttf-font: geistsemibold
    ttf-font-size: 11
    color: $otmmo-text-2
    text: Rivales
    text-auto-resize: true

  Panel
    id: marcos
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    margin-right: 16
    margin-top: -40
    size: 200 208
    phantom: true
    layout:
      type: verticalBox
      spacing: 6