html,
body {
  height: 100%;
}
.row {
  padding-top: 10px;
}
#spyfall .badge {
  min-width: 150px;
  display: inline-block;
  margin-right: 5px;
}
[ng:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
#picross input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
#picross input[type=number]::-webkit-inner-spin-button,
#picross input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
#picross .picross-table {
  margin: 0 auto;
}
#picross .picross-table th:nth-child(5n+1),
#picross .picross-table td:nth-child(5n+1) {
  border-right: 2px solid #008000;
}
#picross .picross-table thead tr:nth-child(1),
#picross .picross-table thead th {
  border-bottom: 2px solid #008000;
}
#picross .picross-table tr:nth-child(5n) td,
#picross .picross-table tr:nth-child(5n) th {
  border-bottom: 2px solid #008000;
}
#picross .picross-table th {
  background-color: #eee;
}
#picross .picross-table .clues {
  font-size: 1em;
  resize: none;
  overflow: hidden;
}
#picross .picross-table .clues.vertical {
  width: 1.8em;
  text-align: center;
}
#picross .picross-table .clues.horizontal {
  height: 2em;
  text-align: right;
  white-space: nowrap;
}
#picross .picross-table .pc-col {
  min-height: 5em;
  width: 2.5em;
}
#picross .picross-table .pc-row {
  min-width: 3em;
  height: 2.5em;
}
#picross .picross-table .pc-cell {
  line-height: normal;
}
#picross .picross-table .checking {
  background-color: #008080;
}
#picross .picross-table .conflict {
  background-color: #b22222;
}
#picross .picross-table .block {
  background-color: #000;
  width: 2.5em;
  height: 2.5em;
}
#picross .picross-table .space {
  position: relative;
  padding: 0;
  width: 2.5em;
  height: 2.5em;
}
#picross .picross-table .space:after,
#picross .picross-table .space:before {
  content: '';
  height: 2.5em;
  border-left: 2px solid #000;
  position: absolute;
  left: 1.25em;
  top: 0;
  transform: rotate(45deg);
}
#picross .picross-table .space:before {
  transform: rotate(-45deg);
}
.btn-steam {
  color: #fff;
  background-color: #181a21;
  border-color: #181a21;
}
.btn-steam:hover {
  color: #fff;
  background-color: #2b2f3b;
  border-color: #2b2f3b;
}
.btn-facebook {
  color: #fff;
  background-color: #2e88ff;
  border-color: #2e88ff;
}
.btn-facebook:hover {
  color: #fff;
  background-color: #4394ff;
  border-color: #4394ff;
}
.btn-twitter {
  color: #fff;
  background-color: #1ea1f2;
  border-color: #1ea1f2;
}
.btn-twitter:hover {
  color: #fff;
  background-color: #34aaf3;
  border-color: #34aaf3;
}
.btn-github {
  color: #fff;
  background-color: #21262d;
  border-color: #21262d;
}
.btn-github:hover {
  color: #fff;
  background-color: #333b46;
  border-color: #333b46;
}
.btn-discord {
  color: #fff;
  background-color: #7289da;
  border-color: #7289da;
}
.btn-discord:hover {
  color: #fff;
  background-color: #8095de;
  border-color: #8095de;
}
.btn-minecraft {
  color: #fff;
  background-color: #008542;
  border-color: #008542;
}
.btn-minecraft:hover {
  color: #fff;
  background-color: #00ab55;
  border-color: #00ab55;
}
.btn-bluesky {
  color: #fff;
  background-color: #1185fe;
  border-color: #1185fe;
}
.btn-bluesky:hover {
  color: #fff;
  background-color: #2991fe;
  border-color: #2991fe;
}
#tunic #glyphContainer {
  width: 250px;
  height: 500px;
}
#tunic #thumbScratch {
  display: none;
}
#tunic .word {
  display: inline-block;
}
#tunic .thumb {
  display: inline-block;
  margin: 0 -1px;
  padding: 0;
}
#tunic .selected {
  -moz-box-shadow: inset 0 0 0 3px #2196f3;
  -webkit-box-shadow: inset 0 0 0 3px #2196f3;
  box-shadow: inset 0 0 0 3px #2196f3;
}
#tunic .semi-tall {
  max-height: 650px;
}
#tunic .note input {
  font-style: italic;
}