/*
  Theme tokens for every page. Light is the default; dark applies when the
  reader chose it (html[data-theme="dark"], set by the switch in nav.js and
  remembered in localStorage) or when the system prefers dark and no choice
  was made. Pages define the same base names inline; this file adds the rest
  and the dark values.
*/
:root {
  --paper: #ffffff; --ink: #0b0b0c; --ink-2: #5c5c61; --ink-3: #9a9aa0; --rule: #e6e6e7; --wash: #f6f6f7;
  --rule-strong: #d2d2d4; --card: var(--paper); --line: var(--rule); --muted: var(--ink-2); --faint: var(--ink-3);
  --draw: #d4d4d8; --loss: #d3413f; --win: var(--up);
  --up: #0b6b0b; --down: #b91c1c;
  --grid: #eeeef0; --axis: #d9d9dc;
  --badge-fg: #8a6508; --badge-bg: #fdf6e3; --badge-line: #ecd9a8;
  --gold-soft: #fffdf6; --gold-line: #e7dfc8;
  --a: #0f8a43; --a-soft: #e6f2e7; --b: #c92a28; --b-soft: #fbe9e9;
  --shadow: rgba(11,11,12,.10); --shadow-soft: rgba(11,11,12,.06); --focus: rgba(11,11,12,.06);
  --nav-bg: rgba(255,255,255,.86);
  --sq-white: #ffffff; --sq-black: #3f3b36;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --paper: #0f0f11; --ink: #f2f2f4; --ink-2: #a5a5ad; --ink-3: #6f6f78; --rule: #26262b; --wash: #17171a;
  --rule-strong: #36363d;
  --draw: #3a3a42; --loss: #ef5350;
  --up: #4ade80; --down: #f87171;
  --grid: #1e1e23; --axis: #36363d;
  --badge-fg: #e6c15c; --badge-bg: #26200f; --badge-line: #4a3d16;
  --gold-soft: #1a1812; --gold-line: #34301f;
  --a: #4ade80; --a-soft: #15301d; --b: #f87171; --b-soft: #3a1a19;
  --shadow: rgba(0,0,0,.55); --shadow-soft: rgba(0,0,0,.35); --focus: rgba(255,255,255,.08);
  --nav-bg: rgba(15,15,17,.82);
  --sq-white: #e9e9ec; --sq-black: #2a2a2e;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0f0f11; --ink: #f2f2f4; --ink-2: #a5a5ad; --ink-3: #6f6f78; --rule: #26262b; --wash: #17171a;
    --rule-strong: #36363d;
    --draw: #3a3a42; --loss: #ef5350;
    --up: #4ade80; --down: #f87171;
    --grid: #1e1e23; --axis: #36363d;
    --badge-fg: #e6c15c; --badge-bg: #26200f; --badge-line: #4a3d16;
    --gold-soft: #1a1812; --gold-line: #34301f;
    --a: #4ade80; --a-soft: #15301d; --b: #f87171; --b-soft: #3a1a19;
    --shadow: rgba(0,0,0,.55); --shadow-soft: rgba(0,0,0,.35); --focus: rgba(255,255,255,.08);
    --nav-bg: rgba(15,15,17,.82);
    --sq-white: #e9e9ec; --sq-black: #2a2a2e;
    color-scheme: dark;
  }
}
/* the Lichess mark is a black knight on white; flip it with the theme */
:root[data-theme="dark"] img.logo.li { filter: invert(1); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) img.logo.li { filter: invert(1); } }

/* very quiet chess pieces behind every page */
body::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22640%22%20height=%22660%22%20viewBox=%220%200%20640%20660%22%3E%3Cg%20fill=%22%230b0b0c%22%3E%3Cg%20transform=%22translate(60,40)%20rotate(-8)%20scale(1.00)%22%3E%3Cpath%20d=%22M35%2052%20C36%2041%2034%2031%2031%2024%20C30%2018%2030%2013%2030%209%20L27%202%20L23%208%20C18%208%2014%2011%2011%2016%20C9%2020%208%2024%2010%2026%20L15%2026%20C15%2029%2017%2031%2020%2032%20C15%2036%2013%2044%2013%2052%20Z%22/%3E%3Cpath%20d=%22M7%2052%20h32%20c2%200%203%201%203%203%20v3%20h-38%20v-3%20c0%20-2%201%20-3%203%20-3z%22/%3E%3C/g%3E%3Cg%20transform=%22translate(360,90)%20rotate(6)%20scale(0.95)%22%3E%3Ccircle%20cx=%226%22%20cy=%2215%22%20r=%222.6%22/%3E%3Ccircle%20cx=%2214.5%22%20cy=%228%22%20r=%222.6%22/%3E%3Ccircle%20cx=%2223%22%20cy=%225%22%20r=%222.6%22/%3E%3Ccircle%20cx=%2231.5%22%20cy=%228%22%20r=%222.6%22/%3E%3Ccircle%20cx=%2240%22%20cy=%2215%22%20r=%222.6%22/%3E%3Cpath%20d=%22M7%2018%20l7.5%20-8%20l8.5%20-5%20l8.5%205%20l7.5%208%20l-4%2020%20h-24z%22/%3E%3Cpath%20d=%22M12%2040%20h22%20l3%208%20h-28z%22/%3E%3Cpath%20d=%22M7%2052%20h32%20c2%200%203%201%203%203%20v3%20h-38%20v-3%20c0%20-2%201%20-3%203%20-3z%22/%3E%3C/g%3E%3Cg%20transform=%22translate(200,250)%20rotate(-5)%20scale(0.90)%22%3E%3Ccircle%20cx=%2223%22%20cy=%2212%22%20r=%227.5%22/%3E%3Cpath%20d=%22M17%2020%20h12%20c0%205%20-1%208%20-3%2011%20c6%203%209%209%2010%2017%20h-26%20c1%20-8%204%20-14%2010%20-17%20c-2%20-3%20-3%20-6%20-3%20-11z%22/%3E%3Cpath%20d=%22M7%2052%20h32%20c2%200%203%201%203%203%20v3%20h-38%20v-3%20c0%20-2%201%20-3%203%20-3z%22/%3E%3C/g%3E%3Cg%20transform=%22translate(520,320)%20rotate(7)%20scale(1.00)%22%3E%3Cpath%20d=%22M20.5%201%20h5%20v4.5%20h4.5%20v5%20h-4.5%20v5.5%20h-5%20v-5.5%20h-4.5%20v-5%20h4.5z%22/%3E%3Cpath%20d=%22M13%2019%20c6%20-4%2014%20-4%2020%200%20c3%207%203%2013%200%2020%20h-20%20c-3%20-7%20-3%20-13%200%20-20z%22/%3E%3Cpath%20d=%22M12%2041%20h22%20l2%207%20h-26z%22/%3E%3Cpath%20d=%22M7%2052%20h32%20c2%200%203%201%203%203%20v3%20h-38%20v-3%20c0%20-2%201%20-3%203%20-3z%22/%3E%3C/g%3E%3Cg%20transform=%22translate(90,430)%20rotate(5)%20scale(0.95)%22%3E%3Ccircle%20cx=%2223%22%20cy=%226%22%20r=%223.2%22/%3E%3Cpath%20d=%22M23%2010%20c9%206%2012%2014%2011%2022%20c-1%205%20-5%208%20-11%208%20c-6%200%20-10%20-3%20-11%20-8%20c-1%20-8%202%20-16%2011%20-22z%22/%3E%3Cpath%20d=%22M12%2042%20h22%20v4%20h-22z%22/%3E%3Cpath%20d=%22M9%2048%20c8%20-3%2020%20-3%2028%200%20v4%20h-28z%22/%3E%3Cpath%20d=%22M7%2052%20h32%20c2%200%203%201%203%203%20v3%20h-38%20v-3%20c0%20-2%201%20-3%203%20-3z%22/%3E%3C/g%3E%3Cg%20transform=%22translate(330,520)%20rotate(-7)%20scale(1.00)%22%3E%3Cpath%20d=%22M9%205%20h7%20v6%20h4%20v-6%20h6%20v6%20h4%20v-6%20h7%20v14%20l-4%204%20v23%20l4%203%20h-28%20l4%20-3%20v-23%20l-4%20-4z%22/%3E%3Cpath%20d=%22M7%2052%20h32%20c2%200%203%201%203%203%20v3%20h-38%20v-3%20c0%20-2%201%20-3%203%20-3z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 640px 660px; background-position: 40px 20px;
  opacity: .02;
}
:root[data-theme="dark"] body::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22640%22%20height=%22660%22%20viewBox=%220%200%20640%20660%22%3E%3Cg%20fill=%22%23ffffff%22%3E%3Cg%20transform=%22translate(60,40)%20rotate(-8)%20scale(1.00)%22%3E%3Cpath%20d=%22M35%2052%20C36%2041%2034%2031%2031%2024%20C30%2018%2030%2013%2030%209%20L27%202%20L23%208%20C18%208%2014%2011%2011%2016%20C9%2020%208%2024%2010%2026%20L15%2026%20C15%2029%2017%2031%2020%2032%20C15%2036%2013%2044%2013%2052%20Z%22/%3E%3Cpath%20d=%22M7%2052%20h32%20c2%200%203%201%203%203%20v3%20h-38%20v-3%20c0%20-2%201%20-3%203%20-3z%22/%3E%3C/g%3E%3Cg%20transform=%22translate(360,90)%20rotate(6)%20scale(0.95)%22%3E%3Ccircle%20cx=%226%22%20cy=%2215%22%20r=%222.6%22/%3E%3Ccircle%20cx=%2214.5%22%20cy=%228%22%20r=%222.6%22/%3E%3Ccircle%20cx=%2223%22%20cy=%225%22%20r=%222.6%22/%3E%3Ccircle%20cx=%2231.5%22%20cy=%228%22%20r=%222.6%22/%3E%3Ccircle%20cx=%2240%22%20cy=%2215%22%20r=%222.6%22/%3E%3Cpath%20d=%22M7%2018%20l7.5%20-8%20l8.5%20-5%20l8.5%205%20l7.5%208%20l-4%2020%20h-24z%22/%3E%3Cpath%20d=%22M12%2040%20h22%20l3%208%20h-28z%22/%3E%3Cpath%20d=%22M7%2052%20h32%20c2%200%203%201%203%203%20v3%20h-38%20v-3%20c0%20-2%201%20-3%203%20-3z%22/%3E%3C/g%3E%3Cg%20transform=%22translate(200,250)%20rotate(-5)%20scale(0.90)%22%3E%3Ccircle%20cx=%2223%22%20cy=%2212%22%20r=%227.5%22/%3E%3Cpath%20d=%22M17%2020%20h12%20c0%205%20-1%208%20-3%2011%20c6%203%209%209%2010%2017%20h-26%20c1%20-8%204%20-14%2010%20-17%20c-2%20-3%20-3%20-6%20-3%20-11z%22/%3E%3Cpath%20d=%22M7%2052%20h32%20c2%200%203%201%203%203%20v3%20h-38%20v-3%20c0%20-2%201%20-3%203%20-3z%22/%3E%3C/g%3E%3Cg%20transform=%22translate(520,320)%20rotate(7)%20scale(1.00)%22%3E%3Cpath%20d=%22M20.5%201%20h5%20v4.5%20h4.5%20v5%20h-4.5%20v5.5%20h-5%20v-5.5%20h-4.5%20v-5%20h4.5z%22/%3E%3Cpath%20d=%22M13%2019%20c6%20-4%2014%20-4%2020%200%20c3%207%203%2013%200%2020%20h-20%20c-3%20-7%20-3%20-13%200%20-20z%22/%3E%3Cpath%20d=%22M12%2041%20h22%20l2%207%20h-26z%22/%3E%3Cpath%20d=%22M7%2052%20h32%20c2%200%203%201%203%203%20v3%20h-38%20v-3%20c0%20-2%201%20-3%203%20-3z%22/%3E%3C/g%3E%3Cg%20transform=%22translate(90,430)%20rotate(5)%20scale(0.95)%22%3E%3Ccircle%20cx=%2223%22%20cy=%226%22%20r=%223.2%22/%3E%3Cpath%20d=%22M23%2010%20c9%206%2012%2014%2011%2022%20c-1%205%20-5%208%20-11%208%20c-6%200%20-10%20-3%20-11%20-8%20c-1%20-8%202%20-16%2011%20-22z%22/%3E%3Cpath%20d=%22M12%2042%20h22%20v4%20h-22z%22/%3E%3Cpath%20d=%22M9%2048%20c8%20-3%2020%20-3%2028%200%20v4%20h-28z%22/%3E%3Cpath%20d=%22M7%2052%20h32%20c2%200%203%201%203%203%20v3%20h-38%20v-3%20c0%20-2%201%20-3%203%20-3z%22/%3E%3C/g%3E%3Cg%20transform=%22translate(330,520)%20rotate(-7)%20scale(1.00)%22%3E%3Cpath%20d=%22M9%205%20h7%20v6%20h4%20v-6%20h6%20v6%20h4%20v-6%20h7%20v14%20l-4%204%20v23%20l4%203%20h-28%20l4%20-3%20v-23%20l-4%20-4z%22/%3E%3Cpath%20d=%22M7%2052%20h32%20c2%200%203%201%203%203%20v3%20h-38%20v-3%20c0%20-2%201%20-3%203%20-3z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); opacity: .026; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) body::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22640%22%20height=%22660%22%20viewBox=%220%200%20640%20660%22%3E%3Cg%20fill=%22%23ffffff%22%3E%3Cg%20transform=%22translate(60,40)%20rotate(-8)%20scale(1.00)%22%3E%3Cpath%20d=%22M35%2052%20C36%2041%2034%2031%2031%2024%20C30%2018%2030%2013%2030%209%20L27%202%20L23%208%20C18%208%2014%2011%2011%2016%20C9%2020%208%2024%2010%2026%20L15%2026%20C15%2029%2017%2031%2020%2032%20C15%2036%2013%2044%2013%2052%20Z%22/%3E%3Cpath%20d=%22M7%2052%20h32%20c2%200%203%201%203%203%20v3%20h-38%20v-3%20c0%20-2%201%20-3%203%20-3z%22/%3E%3C/g%3E%3Cg%20transform=%22translate(360,90)%20rotate(6)%20scale(0.95)%22%3E%3Ccircle%20cx=%226%22%20cy=%2215%22%20r=%222.6%22/%3E%3Ccircle%20cx=%2214.5%22%20cy=%228%22%20r=%222.6%22/%3E%3Ccircle%20cx=%2223%22%20cy=%225%22%20r=%222.6%22/%3E%3Ccircle%20cx=%2231.5%22%20cy=%228%22%20r=%222.6%22/%3E%3Ccircle%20cx=%2240%22%20cy=%2215%22%20r=%222.6%22/%3E%3Cpath%20d=%22M7%2018%20l7.5%20-8%20l8.5%20-5%20l8.5%205%20l7.5%208%20l-4%2020%20h-24z%22/%3E%3Cpath%20d=%22M12%2040%20h22%20l3%208%20h-28z%22/%3E%3Cpath%20d=%22M7%2052%20h32%20c2%200%203%201%203%203%20v3%20h-38%20v-3%20c0%20-2%201%20-3%203%20-3z%22/%3E%3C/g%3E%3Cg%20transform=%22translate(200,250)%20rotate(-5)%20scale(0.90)%22%3E%3Ccircle%20cx=%2223%22%20cy=%2212%22%20r=%227.5%22/%3E%3Cpath%20d=%22M17%2020%20h12%20c0%205%20-1%208%20-3%2011%20c6%203%209%209%2010%2017%20h-26%20c1%20-8%204%20-14%2010%20-17%20c-2%20-3%20-3%20-6%20-3%20-11z%22/%3E%3Cpath%20d=%22M7%2052%20h32%20c2%200%203%201%203%203%20v3%20h-38%20v-3%20c0%20-2%201%20-3%203%20-3z%22/%3E%3C/g%3E%3Cg%20transform=%22translate(520,320)%20rotate(7)%20scale(1.00)%22%3E%3Cpath%20d=%22M20.5%201%20h5%20v4.5%20h4.5%20v5%20h-4.5%20v5.5%20h-5%20v-5.5%20h-4.5%20v-5%20h4.5z%22/%3E%3Cpath%20d=%22M13%2019%20c6%20-4%2014%20-4%2020%200%20c3%207%203%2013%200%2020%20h-20%20c-3%20-7%20-3%20-13%200%20-20z%22/%3E%3Cpath%20d=%22M12%2041%20h22%20l2%207%20h-26z%22/%3E%3Cpath%20d=%22M7%2052%20h32%20c2%200%203%201%203%203%20v3%20h-38%20v-3%20c0%20-2%201%20-3%203%20-3z%22/%3E%3C/g%3E%3Cg%20transform=%22translate(90,430)%20rotate(5)%20scale(0.95)%22%3E%3Ccircle%20cx=%2223%22%20cy=%226%22%20r=%223.2%22/%3E%3Cpath%20d=%22M23%2010%20c9%206%2012%2014%2011%2022%20c-1%205%20-5%208%20-11%208%20c-6%200%20-10%20-3%20-11%20-8%20c-1%20-8%202%20-16%2011%20-22z%22/%3E%3Cpath%20d=%22M12%2042%20h22%20v4%20h-22z%22/%3E%3Cpath%20d=%22M9%2048%20c8%20-3%2020%20-3%2028%200%20v4%20h-28z%22/%3E%3Cpath%20d=%22M7%2052%20h32%20c2%200%203%201%203%203%20v3%20h-38%20v-3%20c0%20-2%201%20-3%203%20-3z%22/%3E%3C/g%3E%3Cg%20transform=%22translate(330,520)%20rotate(-7)%20scale(1.00)%22%3E%3Cpath%20d=%22M9%205%20h7%20v6%20h4%20v-6%20h6%20v6%20h4%20v-6%20h7%20v14%20l-4%204%20v23%20l4%203%20h-28%20l4%20-3%20v-23%20l-4%20-4z%22/%3E%3Cpath%20d=%22M7%2052%20h32%20c2%200%203%201%203%203%20v3%20h-38%20v-3%20c0%20-2%201%20-3%203%20-3z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); opacity: .026; } }