// OT-MMO: el Gunslinger (server/scripts/clases/gunslinger.lua, opcode 138). Pixel art de arte/gunslinger/hud.py.
// Recámara: placa de hierro abajo al centro, sobre la barra de acción, solo con un arma de fuego en las manos. A la
// izquierda el arma; en medio, una bala por hueco (cargada = latón, gastada = contorno hueco, dorada = latón claro con
// rombo); a la derecha, la cuenta. 28-oct: la metralleta (30+) es un cargador de segmentos en grupos de 5; la recámara
// dorada pone el canto de la placa, las balas y la cuenta en oro saturado, con un rombo y «Recámara dorada» en la línea.
// Debajo, el estado en una línea. La placa cambia de canto: brasa vacía, rojo
// encasquillada. Barra de recarga activa encima: carril con la zona blanca (baja) y la dorada (alta, sobresale) y la
// aguja; la tecla a la izquierda y el resultado debajo. Se distingue por forma además de por color (PRODUCT.md).
GunslingerBala < UIWidget
  phantom: true
  image-smooth: false

GunslingerHud < UIWidget
  id: gunslingerHud
  size: 284 48
  image-source: /modules/game_gunslinger/images/placa
  image-border: 6
  image-smooth: false
  phantom: true
  focusable: false

  UIWidget
    id: arma
    size: 22 14
    anchors.left: parent.left
    anchors.top: parent.top
    margin-left: 9
    margin-top: 9
    image-smooth: false
    phantom: true

  UIWidget
    id: balas
    anchors.left: arma.right
    anchors.top: parent.top
    margin-left: 9
    margin-top: 7
    size: 108 22
    phantom: true

  Label
    id: cuenta
    anchors.right: parent.right
    anchors.top: parent.top
    margin-right: 10
    margin-top: 8
    ttf-font: $otmmo-font-num
    ttf-font-size: $otmmo-size-md
    color: $otmmo-text
    text-auto-resize: true
    phantom: true

  UIWidget
    id: rombo
    size: 9 9
    anchors.left: arma.left
    anchors.bottom: parent.bottom
    margin-bottom: 8
    image-source: /modules/game_gunslinger/images/rombo
    image-smooth: false
    visible: false
    phantom: true

  Label
    id: estado
    anchors.left: arma.left
    anchors.bottom: parent.bottom
    margin-bottom: 6
    ttf-font: $otmmo-font
    ttf-font-size: $otmmo-size-xs
    color: $otmmo-text-2
    text-auto-resize: true
    phantom: true

  UIWidget
    id: tecla
    size: 20 20
    anchors.right: parent.right
    anchors.bottom: parent.bottom
    margin-right: 6
    margin-bottom: 3
    image-source: /modules/game_gunslinger/images/tecla-r
    image-smooth: false
    phantom: true

GunslingerRecarga < UIWidget
  id: gunslingerRecarga
  size: 284 52
  image-source: /modules/game_gunslinger/images/placa
  image-border: 6
  image-smooth: false
  phantom: true
  focusable: false

  UIWidget
    id: tecla
    size: 20 20
    anchors.left: parent.left
    anchors.top: parent.top
    margin-left: 10
    margin-top: 9
    image-source: /modules/game_gunslinger/images/tecla-r
    image-smooth: false
    phantom: true

  UIWidget
    id: pista
    size: 228 18
    anchors.left: tecla.right
    anchors.verticalCenter: tecla.verticalCenter
    margin-left: 10
    image-source: /modules/game_gunslinger/images/pista
    image-border: 5
    image-smooth: false
    padding: 0 4
    phantom: true

    UIWidget
      id: blanca
      anchors.left: parent.left
      anchors.verticalCenter: parent.verticalCenter
      size: 40 12
      image-source: /modules/game_gunslinger/images/zona-blanca
      image-border: 2
      image-smooth: false
      phantom: true

    UIWidget
      id: dorada
      anchors.left: parent.left
      anchors.verticalCenter: parent.verticalCenter
      size: 12 18
      image-source: /modules/game_gunslinger/images/zona-dorada
      image-border: 2
      image-smooth: false
      phantom: true

    // Encasquillada (28-oct): un solo estado. Las zonas y la aguja se ocultan y el carril se llena de rayado rojo que
    // se vacía de derecha a izquierda durante los 2 s (cuenta atrás); el texto de debajo dice los segundos que faltan.
    UIWidget
      id: rayado
      anchors.left: parent.left
      anchors.top: parent.top
      anchors.bottom: parent.bottom
      margin-top: 2
      margin-bottom: 2
      width: 220
      image-source: /modules/game_gunslinger/images/rayado
      image-repeated: true
      image-smooth: false
      visible: false
      phantom: true

  UIWidget
    id: aguja
    size: 7 24
    anchors.left: pista.left
    anchors.verticalCenter: pista.verticalCenter
    image-source: /modules/game_gunslinger/images/aguja
    image-smooth: false
    phantom: true

  UIWidget
    id: destello
    size: 16 16
    anchors.verticalCenter: pista.verticalCenter
    anchors.horizontalCenter: pista.horizontalCenter
    image-source: /modules/game_gunslinger/images/destello
    image-clip: 0 0 16 16
    image-smooth: false
    visible: false
    phantom: true

  Label
    id: resultado
    anchors.left: pista.left
    anchors.bottom: parent.bottom
    margin-bottom: 6
    ttf-font: $otmmo-font-strong
    ttf-font-size: $otmmo-size-xs
    color: $otmmo-text-2
    text-auto-resize: true
    phantom: true