// OT-MMO (27-oct): login «El Último Faro de noche». Escena en capas de pixel art (PixelLab, ver CREDITOS.md, «Login de
// noche»), mismo lenguaje que las escenas del viaje rápido (game_viaje). Arte a 480x270 dibujado a escala ENTERA
// (x3 en 1366x768, x4 en 1920x1080) con recorte: nunca se ve borroso. De abajo arriba:
//   cielo y mar · nubes (tira que se desliza) · haz del faro (barre a izquierda y derecha) · olas (tira rápida)
//   · acantilado con el faro · brillo de la linterna · ceniza · logo · marca y versión.
// Tamaños, posiciones y movimiento: background.lua (colocar y fotograma). data/images/login/ sale de
// scripts/login-faro-noche.py.
FaroCapa < UIWidget
  phantom: true
  focusable: false
  image-smooth: false
  anchors.top: parent.top
  anchors.left: parent.left

Panel
  id: background
  background-color: #1B2140
  anchors.top: parent.top
  anchors.left: parent.left
  anchors.right: parent.right
  anchors.bottom: parent.bottom
  focusable: false
  clipping: true

  FaroCapa
    id: cielo
    image-source: /images/login/noche-cielo

  FaroCapa
    id: nubes
    image-source: /images/login/noche-nubes
    opacity: 0.55

  FaroCapa
    id: hazIzq
    image-source: /images/login/noche-haz

  FaroCapa
    id: hazDer
    image-source: /images/login/noche-haz-der
    visible: false

  FaroCapa
    id: olas
    image-source: /images/login/noche-olas
    opacity: 0.9

  FaroCapa
    id: acantilado
    image-source: /images/login/noche-acantilado

  FaroCapa
    id: aura
    image-source: /images/login/noche-aura

  UIWidget
    id: ceniza
    phantom: true
    focusable: false
    anchors.fill: parent

  FaroCapa
    id: logo
    image-source: /images/login/noche-logo
    visible: false

  Label
    id: marca
    !text: 'VALDREN'
    anchors.top: parent.top
    anchors.left: parent.left
    margin-top: 16
    margin-left: 24
    ttf-font: $otmmo-font-strong
    ttf-font-size: $otmmo-size-xl
    ttf-stroke: 2 #10161C
    color: #E8D3A2
    text-auto-resize: true

  UILabel
    id: clientVersionLabel
    visible: false
    anchors.right: parent.right
    anchors.bottom: parent.bottom
    text-align: center
    text-auto-resize: true
    width: 120
    padding: 2
    color: $otmmo-text-2
    font: verdana-11px-monochrome