/* Shared visual language for the website, tools and game interface. */
@font-face{font-family:Barlow Condensed;src:url('/site-assets/BarlowCondensed-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Barlow Condensed;src:url('/site-assets/BarlowCondensed-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root,:root[data-theme]{
 color-scheme:dark;
 --bg-main:#0b0d0e;--bg-dark:#080a0b;--bg-panel:#111416;--bg-panel-hover:#16191b;--bg-header:rgba(10,12,13,.96);
 --border-main:#292d2f;--border-light:#34393c;--text-main:#e2e2df;--text-secondary:#989c9d;--text-muted:#666b6d;
 --accent:#d85f24;--accent-hover:#ed6b29;--accent-dark:#a9471c;--success:#5da96c;--warning:#d49b3f;--danger:#d07972;
 --bg:var(--bg-main);--surface:var(--bg-panel);--panel:var(--bg-panel);--panel2:var(--bg-panel-hover);--panel3:#1c2022;
 --ink:var(--text-main);--text:var(--text-main);--muted:var(--text-secondary);--soft:var(--text-secondary);--line:var(--border-main);--line2:var(--border-light);
 --accent-ink:#0b0d0e;--amber:var(--warning);--ok:var(--success);--shadow:none;
 --font-heading:'Barlow Condensed','Arial Narrow',sans-serif;--font-body:Arial,Helvetica,sans-serif;
 --content-width:1500px;--page-gutter:32px;
}
@media(max-width:767px){:root,:root[data-theme]{--page-gutter:18px}}