*{
 padding: 0;
 margin: 0;
 text-decoration: inherit;
 line-height: normal;
 word-break: break-word;
}
body{
 font-family: sans-serif;
 color:windowtext;
 background-color:threedface;
 font-size: 0.9em;
}
pre{
 font-family: monospace, auto;
 font-size: 0.8em;
 white-space: pre-wrap;
}
::selection{
  color:highlighttext;
  background-color:highlight;
}
a:link{
 color:-ms-hotlight;
 color:linktext;
}
.flex{
 display: inline-flex;
 align-items: center;
}
.label{
 color:graytext;
}
sb{
 font-weight: 600;
}
h1, h2, h3, h4{
 display: inline;
 font-weight: inherit;
}
h1 {font-size: 1.6em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
input,select,textarea{
 flex: 1;
 font-size: inherit;
 font-family: inherit;
 background-color: window;
 color: windowtext;
 border: 0.5px solid windowtext;
}
textarea{
 vertical-align: bottom;
}
button{
 font-size: inherit;
 font-family: inherit;
 background-color: threedface;
 color: buttontext;
 border: 0.4px solid;
 border-color: threedhighlight threeddarkshadow threeddarkshadow threedhighlight;
 box-shadow: inset -0.4px -0.4px 0 0px threedshadow, inset 0.4px 0.4px 0 0px threedlightshadow;
}
button:active{
 border-color: threeddarkshadow threedhighlight threedhighlight threeddarkshadow;
 box-shadow: inset -0.4px -0.4px 0 0px threedlightshadow, inset 0.4px 0.4px 0 0px threedshadow;
}
table,th,td{
 border: 0.5px solid windowtext;
}
svg.board{
 border: 0.5px solid;
 border-color: graytext;
}