xq-board-surface[data-theme-mode=sprite]{--xq-piece-bg:transparent;--xq-piece-border:none;--xq-piece-red-bg:transparent;--xq-piece-black-bg:transparent;--xq-piece-red-border:none;--xq-piece-black-border:none}html[data-board-theme] xq-board-surface::part(occupied){border-radius:50%}html[data-board-theme=classic]{--demo-bg:#f5f0e6;--demo-surface:#fffdf8;--demo-text:#2a2118;--demo-text-muted:#5c4a38;--demo-border:#c9b08a;--demo-border-strong:#9a7b52;--demo-hover:#efe4d0;--demo-active:#e4d4b8;--demo-focus:#8b5a2b;--xq-board-bg:#f7e3bb;--xq-board-border:1px solid #b7b7b7;--xq-grid-color:#4a4a4a;--xq-river-color:#5c4030;--xq-piece-bg:#fff;--xq-piece-border:1px solid #444;--xq-piece-red-color:#b61d1d;--xq-piece-black-color:#1f1f1f;--xq-select-outline:2px solid #1e6fe8;--xq-legal-target-outline:2px dashed #1e6fe8;--xq-last-move-outline:2px solid #d88a11}html[data-board-theme=classic] xq-board{--xq-border-color:var(--demo-border);--xq-surface-color:var(--demo-surface);--xq-text-color:var(--demo-text)}html[data-board-theme=modern]{--demo-bg:#eef2f7;--demo-surface:#fff;--demo-text:#1a2a3a;--demo-text-muted:#4a6278;--demo-border:#c5d4e4;--demo-border-strong:#8aa8c4;--demo-hover:#e8f0f8;--demo-active:#d8e6f4;--demo-focus:#2f78ff;--xq-board-bg:#d9e4f0;--xq-board-border:1px solid #9eb4c8;--xq-grid-color:#4a657d;--xq-river-color:#3d6a8a;--xq-piece-bg:linear-gradient(180deg, #fff 0%, #e8eef5 100%);--xq-piece-border:1px solid #7a93a8;--xq-piece-red-color:#c62828;--xq-piece-black-color:#1a2330;--xq-select-outline:2px solid #2f78ff;--xq-legal-target-outline:2px dashed #2f78ff;--xq-last-move-outline:2px solid #00b894}html[data-board-theme=modern] xq-board-surface::part(occupied){box-shadow:0 2px 6px #1a2a3a24}html[data-board-theme=modern] xq-board-surface::part(selected){outline-offset:2px}html[data-board-theme=modern] xq-board{--xq-border-color:var(--demo-border);--xq-surface-color:var(--demo-surface);--xq-text-color:var(--demo-text)}html[data-board-theme=dark]{--demo-bg:#121212;--demo-surface:#1d1d1d;--demo-text:#efefef;--demo-text-muted:#bdbdbd;--demo-border:#383838;--demo-border-strong:#5a5a5a;--demo-hover:#2a2a2a;--demo-active:#323232;--demo-focus:#7eb8ff;--xq-board-bg:#1e2228;--xq-board-border:1px solid #3a4048;--xq-grid-color:#c5cdd8;--xq-river-color:#9aa8b8;--xq-piece-bg:radial-gradient(circle at 35% 28%, #5a5a5a 0%, #2a2a2a 100%);--xq-piece-border:1px solid #9a9a9a;--xq-piece-red-color:#ff7a7a;--xq-piece-black-color:#f5f5f5;--xq-select-outline:2px solid #7eb8ff;--xq-legal-target-outline:2px dashed #7eb8ff;--xq-last-move-outline:2px solid #ffd166}html[data-board-theme=dark] xq-board{--xq-border-color:var(--demo-border);--xq-surface-color:var(--demo-surface);--xq-text-color:var(--demo-text)}html[data-board-theme=ink]{--demo-bg:#f4f1ea;--demo-surface:#faf8f3;--demo-text:#1c1c1c;--demo-text-muted:#5a5a5a;--demo-border:#d8d2c4;--demo-border-strong:#a8a090;--demo-hover:#ebe6da;--demo-active:#e0dace;--demo-focus:#3d3d3d;--xq-board-bg:#f4f1ea;--xq-board-border:1px solid #c8c0b0;--xq-grid-color:#2a2a2a;--xq-river-color:#4a4a4a;--xq-piece-bg:#faf8f3;--xq-piece-border:1.5px solid #1c1c1c;--xq-piece-red-color:#8b2500;--xq-piece-black-color:#1c1c1c;--xq-select-outline:1.5px solid #3d3d3d;--xq-legal-target-outline:1.5px dashed #6a6a6a;--xq-last-move-outline:1.5px solid #8b2500}html[data-board-theme=ink] xq-board-surface::part(grid-line),html[data-board-theme=ink] xq-board-surface::part(palace-line){opacity:.9}html[data-board-theme=ink] xq-board{--xq-border-color:var(--demo-border);--xq-surface-color:var(--demo-surface);--xq-text-color:var(--demo-text)}html[data-board-theme=grayscale]{--demo-bg:#ececec;--demo-surface:#fafafa;--demo-text:#111;--demo-text-muted:#666;--demo-border:silver;--demo-border-strong:#888;--demo-hover:#e0e0e0;--demo-active:#d4d4d4;--demo-focus:#222;--xq-board-bg:#d8d8d8;--xq-board-border:1px solid #777;--xq-grid-color:#111;--xq-river-color:#333;--xq-piece-bg:#fff;--xq-piece-border:1.5px solid #111;--xq-piece-red-color:#111;--xq-piece-black-color:#111;--xq-select-outline:2px solid #111;--xq-legal-target-outline:2px dashed #555;--xq-last-move-outline:2px solid #444}html[data-board-theme=grayscale] xq-board{--xq-border-color:var(--demo-border);--xq-surface-color:var(--demo-surface);--xq-text-color:var(--demo-text)}