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;
128 #whiteimbalance img, #blackimbalance img {
129 vertical-align: text-top;
146 /* If the board is too wide for the screen, shrink it to fit,
147 * and then put the analysis below. */
148 @media all and (max-width: 400px) {
158 /* If there is almost space for the analysis, shrink the board a bit, too. */
159 @media all and (min-width: 500px) and (max-width: 810px) {
170 text-decoration: none;
178 text-decoration: underline;
190 margin-bottom: 0.5em;
193 padding: 0.25em 1em 0.25em 1em;
196 border-right: 1px solid #bbb;
202 .pv, #pv, #history { /* Mute move colors a bit. */
206 .imbalance-inverted-piece {
211 @media (prefers-color-scheme: dark) {
217 .pv, #pv, #history { /* Mute move colors a bit. */
223 a.move, a.move:link {
227 color: rgb(128,128,238);
232 .imbalance-inverted-piece {