/**
 * @author EduFdezSoy
 * @copyright Eduardo Fernandez 2025
 */

/* #region html elements */

body {
  min-height: 97vh;
  margin: 0;
  padding: 0;
}

footer {
  position: sticky;
  top: 100vh;
}

/* #endregion */

/* #region util classes */

.no-url {
  color: inherit;
  text-decoration: none;
}

.hidden {
  display: none;
}

.game-stats {
  position: fixed;
  top: 10px;
  right: 10px;
}

/* #endregion */

/* #region game board */

#game-map {
  text-align: center;
  margin: 0;
  padding: 0;
  width: 200%;
  height: 200%;

/* #endregion */

/* #region title header */

#title {
  width: 250px;
  margin: 0;
  padding: 0;
}

#title h1 {
  font-size: 3em;
  margin: 0;
}

#title p {
  margin: 0;
}

/* #endregion */

/* #region no js message */

.no-js-warning {
  background-color: yellow;
  margin: 10px;
  padding: 25px;
}

.no-js-warning p:first-child {
  font-weight: bold;
}

.no-js-contact ul {
  list-style: none;
  padding: 0;
}

.no-js-contact li:first-child {
  list-style-type: symbols(mail);
}

/* #endregion */