/* manoletre.com: the annotator in the site's terminal look (black, white, yellow, monospace). */
:root {
  --paper: #000000;
  --ink: #ffffff;
  --ink-soft: #b0b0b0;
  --rule: #3a3a3a;
  --light-sq: #d6d6d6;
  --dark-sq: #6e6e6e;
  --illegal: #9a9a9a;

  --START: #ffd700;
  --START-tint: #3a3200;
  --SQUARE: #6ee7a0;
  --FILE: #7cb8ff;
  --RANK: #ffb86b;
  --DIAGONAL: #e19bff;
  --PIECE: #f0f0f0;
  --CLAIM: #b0b0b0;
  --CHECK: #ff6b6b;
  --ATTACKS: #7cb8ff;
  --FLIGHT: #ffb86b;
  --WINS: #6ee7a0;
  --v-true: #6ee7a0;
  --v-false: #ff6b6b;
  --v-unknown: #b0b0b0;

  --body: "JetBrains Mono", ui-monospace, monospace;
  --radius: 0;
  color-scheme: dark;
}

body { font-size: 15px; }
.desk { padding: 24px 16px; gap: 32px; }
@media (min-width: 900px) { .desk { padding: 40px; } }

.text { font-size: 16px; line-height: 2.1; }
.text-frame { background: #000; border: 1px solid var(--rule); box-shadow: none; border-radius: 0; }
.text-frame:focus-within { border-color: var(--START); }
.mk--move.mk--chosen { color: #000; }
.chip--chosen { color: #000; }
.toggle button[aria-pressed="true"] { background: var(--START); color: #000; }
.show-check .chip--illegal { background: repeating-linear-gradient(-45deg, #1a1a1a 0 5px, #262626 5px 10px); }
.fen input { background: #000; color: #fff; border-radius: 0; }
.fen input:focus { border-color: var(--START); outline: none; }
.board { box-shadow: none; border-radius: 0; }
.sq.is-from { box-shadow: inset 0 0 0 100vmax rgba(255, 215, 0, 0.35); }
.sq.is-to { box-shadow: inset 0 0 0 100vmax rgba(255, 215, 0, 0.6); }
.report h2 { font-family: var(--mono); }
.board-frame { background: #000; border: 1px solid var(--rule); border-radius: 0; box-shadow: none; }
.board-frame .sq__file, .board-frame .sq__rank { color: #fff; }