2 color-scheme: light dark;
3 font-family: sans-serif;
18 grid-template-columns: max-content 1fr;
24 #scoresparkcontainer {
38 background-color: rgba(0, 0, 0, 0.6);
43 border: 1px solid white;
91 #refutationlines .move {
94 #refutationlines .score {
99 #refutationlines .depth {
102 padding-right: 0.7em;
104 .white-1e1d7.nonuglyhighlight {
105 background-color: #cce5cf;
107 .black-3c85d.nonuglyhighlight {
108 background-color: #9ab6a6;
120 transform: translate(0,0); /* Make it a containing block. */
147 #whiteimbalance img, #blackimbalance img {
148 vertical-align: text-top;
165 /* If the board is too wide for the screen, shrink it to fit,
166 * and then put the analysis below. */
167 @media all and (max-width: 400px) {
177 /* If there is almost space for the analysis, shrink the board a bit, too. */
178 @media all and (min-width: 500px) and (max-width: 810px) {
189 text-decoration: none;
197 text-decoration: underline;
209 margin-bottom: 0.5em;
212 padding: 0.25em 1em 0.25em 1em;
215 border-right: 1px solid #bbb;
221 .pv, #pv, #history { /* Mute move colors a bit. */
225 .imbalance-inverted-piece {
230 @media (prefers-color-scheme: dark) {
236 .pv, #pv, #history { /* Mute move colors a bit. */
242 a.move, a.move:link {
246 color: rgb(128,128,238);
251 .imbalance-inverted-piece {