2 color-scheme: light dark;
3 font-family: sans-serif;
21 #scoresparkcontainer {
73 #refutationlines .move {
76 #refutationlines .score {
81 #refutationlines .depth {
86 .white-1e1d7.nonuglyhighlight {
87 background-color: #cce5cf;
89 .black-3c85d.nonuglyhighlight {
90 background-color: #9ab6a6;
102 transform: translate(0,0); /* Make it a containing block. */
129 #whiteimbalance img, #blackimbalance img {
130 vertical-align: text-top;
147 /* If the board is too wide for the screen, shrink it to fit,
148 * and then put the analysis below. */
149 @media all and (max-width: 400px) {
159 /* If there is almost space for the analysis, shrink the board a bit, too. */
160 @media all and (min-width: 500px) and (max-width: 810px) {
171 text-decoration: none;
179 text-decoration: underline;
191 margin-bottom: 0.5em;
194 padding: 0.25em 1em 0.25em 1em;
197 border-right: 1px solid #bbb;
203 .pv, #pv, #history { /* Mute move colors a bit. */
207 .imbalance-inverted-piece {
212 @media (prefers-color-scheme: dark) {
218 .pv, #pv, #history { /* Mute move colors a bit. */
224 a.move, a.move:link {
228 color: rgb(128,128,238);
233 .imbalance-inverted-piece {