/* Copyright 2020 Josiah Ulfers: licensed under GNU GPL v3 or later */
@font-face {
  /* Righteous by Astigmatic, from https://fonts.google.com/specimen/Righteous?selection.family=Righteous
   * Licensed under SIL OFL web version https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL_web
  */
  font-family: Righteous;
  font-display: block;
  src: url(lib/Righteous.woff2);
}
@font-face {
  font-family: NotoSansRunic;
  font-display: block;
  src: url(lib/NotoSansRunic-unhinted/NotoSansRunic-Regular.ttf);
}

body {
  /* https://css-tricks.com/box-sizing */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  touch-action: none; /* svgzoom.tested.js handles zoom */

  color: black;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

:not(input) {
  /* Mostly don't want to allow text selection. Exempting <input> is just for test pages. */
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}

/* Use console to set localStorage.debug = truthy to reveal debug tools */
             .debug { display: none; }
body.devmode .debug { display: block; }

a { text-decoration: dotted underline; }

*:focus { outline: none /* outlines don't fit controls because of the unusual shapes */; }
*:focus,
*:focus svg text,
input:focus + *,
input:focus + svg text { text-decoration: underline dotted; }
a:focus { text-decoration: dotted underline overline; }

.attack-paths,
.regions .fence,
.labels
  { pointer-events: none; }


.rewind > ol {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.rewind li {
  list-style-type: none;
}


button.game {
     -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;

  border-radius: 999px;
  border: none;
  background: white;
  font-family: Righteous;

  /* shadows overriden for hudbutton by gameui.js */
  -webkit-filter: drop-shadow(0 0 8px black);
          filter: drop-shadow(0 0 8px black);

  transition: filter 0.3s color 0.3s;
}
button.game:active,
button.game:disabled {
  color: lightgray !important;
  text-decoration: none;
  -webkit-filter: drop-shadow(0 0 1px black);
          filter: drop-shadow(0 0 1px black);
}