// OT-MMO: HUD (fase 3, concepto A.6b de la guía de diseño).
// Micromenú: grupo aparte a la derecha de la barra de acción, 6 botones con íconos de línea propios
// (data/images/game/hud/iconos, scripts/generar-iconos-hud.py) y contador pequeño. Ventana abierta = borde acento.
// Minimapa: contenedor pizarra con el minimapa redondo, N/S/E/O y dos columnas de botones (zoom, centrar, mapa |
// buscar grupo, logros, misiones, opciones).
BotonMicro < GameIconButton
  size: 32 32

  GameCounter
    id: contador
    anchors.top: parent.top
    anchors.right: parent.right
    margin-top: -5
    margin-right: -5

BotonMapa < GameIconButton
  size: 28 28

  GameCounter
    id: contador
    anchors.top: parent.top
    anchors.right: parent.right
    margin-top: -5
    margin-right: -5

PuntoCardinal < Label
  ttf-font: $otmmo-font-strong
  ttf-font-size: $otmmo-size-xs
  color: $otmmo-text-2
  text-auto-resize: true
  phantom: true

MarcoMinimapa < GameHudPanel
  id: marcoMinimapa
  size: 264 192

  UIWidget
    id: columnaIzq
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 8
    size: 28 130
    layout:
      type: verticalBox
      spacing: 6

  UIWidget
    id: hueco
    anchors.centerIn: parent
    size: 176 176
    phantom: true

  UIWidget
    id: columnaDer
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    margin-right: 8
    size: 28 130
    layout:
      type: verticalBox
      spacing: 6

  // aro y puntos cardinales: encima del minimapa (game_hud.lua lo sube tras mover el minimapa aquí)
  UIWidget
    id: rosa
    anchors.fill: hueco
    phantom: true
    focusable: false
    image-source: /images/game/hud/iconos/aro

    PuntoCardinal
      id: norte
      text: N
      color: $otmmo-text
      anchors.top: parent.top
      anchors.horizontalCenter: parent.horizontalCenter

    PuntoCardinal
      id: sur
      text: S
      anchors.bottom: parent.bottom
      anchors.horizontalCenter: parent.horizontalCenter

    PuntoCardinal
      id: este
      text: E
      anchors.right: parent.right
      anchors.verticalCenter: parent.verticalCenter
      margin-right: 2

    PuntoCardinal
      id: oeste
      text: O
      anchors.left: parent.left
      anchors.verticalCenter: parent.verticalCenter
      margin-left: 1

CasillaBolsa < GameItemSlot

// Ventanas del HUD (Personaje, Bolsas): marco Window de la piel, contenido con las clases de 50-otmmo.
VentanaHud < Window
  size: 220 200
  focusable: false
  padding-top: 36
  padding-left: 12
  padding-right: 12
  padding-bottom: 12

  UIButton
    id: cerrar
    anchors.top: parent.top
    anchors.right: parent.right
    margin-top: -30
    margin-right: -4
    size: 20 20
    text: ×
    text-align: center
    ttf-font: $otmmo-font
    ttf-font-size: $otmmo-size-lg
    color: $otmmo-text-2
    change-cursor-image: true
    cursor: pointer
    $hover:
      color: $otmmo-text
    $pressed:
      text-offset: 0 1

// Fila etiqueta + cifra (Vida 325 / 325): etiqueta Geist text-2, cifra Geist Mono a la derecha.
FilaDato < Panel
  height: 20

  GameTextMuted
    id: etiqueta
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    phantom: true

  GameNumber
    id: valor
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    phantom: true

VentanaPersonaje < VentanaHud
  id: personaje
  text: Personaje
  size: 212 296

  GameTitle
    id: nombre
    anchors.top: parent.top
    anchors.left: parent.left
    phantom: true

  GameTextMuted
    id: clase
    anchors.top: nombre.bottom
    anchors.left: parent.left
    margin-top: 4
    phantom: true

  GamePanel
    id: equipo
    anchors.top: clase.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    margin-top: 12
    height: 160
    phantom: true

  FilaDato
    id: vida
    anchors.top: equipo.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    margin-top: 8

  FilaDato
    id: mana
    anchors.top: vida.bottom
    anchors.left: parent.left
    anchors.right: parent.right

VentanaBolsas < VentanaHud
  id: bolsas
  text: Bolsas
  size: 316 120

  ScrollablePanel
    id: casillas
    anchors.top: parent.top
    anchors.left: parent.left
    anchors.right: scrollBolsas.left
    anchors.bottom: oroEtiqueta.top
    margin-bottom: 8
    vertical-scrollbar: scrollBolsas
    layout:
      type: grid
      cell-size: 34 34
      cell-spacing: 2
      num-columns: 8
      flow: true

  VerticalScrollBar
    id: scrollBolsas
    anchors.top: parent.top
    anchors.right: parent.right
    anchors.bottom: oroEtiqueta.top
    margin-bottom: 8
    step: 36
    pixels-scroll: true

  GameParagraph
    id: vacio
    anchors.top: parent.top
    anchors.left: parent.left
    anchors.right: parent.right
    text-auto-resize: false
    height: 40
    visible: false

  GameTextMuted
    id: oroEtiqueta
    anchors.bottom: parent.bottom
    anchors.left: parent.left
    text: Oro
    phantom: true

  GameNumber
    id: oro
    anchors.left: oroEtiqueta.right
    anchors.verticalCenter: oroEtiqueta.verticalCenter
    margin-left: 8
    phantom: true

  GameNumber
    id: cuenta
    anchors.bottom: parent.bottom
    anchors.right: parent.right
    color: $otmmo-text-2
    phantom: true

Micromenu < GameHudPanel
  id: micromenu
  focusable: false
  height: 46
  padding: 7
  layout:
    type: horizontalBox
    spacing: 4
    fit-children: true