.control-select,.control-input{box-sizing:border-box;border:1px solid var(--v-board-border);border-radius:var(--v-radius-sm);background:var(--v-board-bg);width:100%;min-width:148px;max-width:220px;color:var(--v-board-text);padding:var(--v-sp-4) var(--v-sp-5);font:inherit;font-size:var(--v-text-body-sm)}.control-select:disabled,.control-input:disabled,.control-range:disabled{cursor:not-allowed}.control-range{width:148px;accent-color:var(--v-board-accent)}@media (width<=767px){.control-select,.control-input{max-width:none}}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)}html,body{height:100%;margin:0}body{min-height:100dvh;color:var(--v-color-text);background-color:var(--v-color-bg);font-family:var(--v-font-family-base);font-size:var(--v-text-base);font-weight:var(--v-weight-normal);line-height:var(--v-leading-body);overflow:hidden}.edge-root{flex-direction:column;height:100dvh;min-height:0;max-height:100dvh;display:flex}.edge-root>*{flex:1;min-height:0}.app-version-badge{z-index:20;border:1px solid var(--v-color-border);border-radius:var(--v-radius-full);background:color-mix(in srgb, var(--v-color-surface) 92%, transparent 8%);color:var(--v-color-text-muted);font-size:var(--v-text-label);padding:7px 10px;font-weight:700;position:fixed;inset-block-end:16px;inset-inline-end:16px}