body
{
  font-family:QuickSand;
  color:white;
}
.red
{
  color:crimson;
}
input.double,.double
{
  -ms-transform:scale(2);
  -moz-transform:scale(2);
  -webkit-transform:scale(2);
  -o-transform:scale(2);
}
.runespace
{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}
.runebox
{
  margin:4px;
  text-align:center;
}
.runestone
{
  background:linear-gradient(0.125turn, Wheat, DarkGoldenrod);
  border-radius:4px;
}
.runestonereverse
{
  background:linear-gradient(0.125turn, DarkGoldenrod, Wheat);
  border-radius:4px;
  padding:6px;
}
.runename
{
  color:Wheat;
  font-size:12px;
}
.runeexplain
{
  color:white;
  font-size:10px;
}
.runeline
{
  line-height:1.5em;
  padding-bottom:16px;
}
.runelabel
{
  color:white;
}
.runelabel > a
{
  color:white;
  text-decoration:underline dotted 1px;
}
.runevalue,runevalue:hover
{
  color:Wheat;
}
.runevalue > a
{
  color:peru;
}
.runevaluebig
{
  color:Wheat;
  font-size:2em;
}
.high
{
  background-color:gold!important;
  color:black!important;
}
.gg
{
  background-color:gold;
}
.whitebloc
{
  background-color:white;
  color:black;
  padding:20px;
}

.btn,.badge
{
  position: relative;
}
.btn::before,.badge::before
{
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(50% - 2px);
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  pointer-events: none;
}