/* User-approved C palette. Tournament retains its original geometry and shading. */
.piece-swatches{grid-column:1/-1;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;margin:10px 0}
.piece-swatches button{min-width:0;min-height:0;height:auto;width:100%;aspect-ratio:1;padding:0;border-radius:50%;border:2px solid transparent;box-shadow:inset 0 1px 2px #fff5,0 1px 3px #0003}
.piece-swatches button[aria-pressed="true"]{outline:2px solid var(--text,#fff);outline-offset:2px}
.custom-color-label{grid-column:1/-1;display:flex!important;align-items:center;gap:10px;font-size:13px}.custom-color-label input[type="color"],.custom-board-editor input[type="color"]{width:46px;height:34px;padding:3px;border:1px solid #8885;border-radius:8px;background:transparent;cursor:pointer}.custom-color-code{margin-left:auto;font-size:12px}
.piece-color-side .custom-color-label{flex-direction:row;justify-content:flex-start;text-align:left}.piece-color-side .custom-color-code{margin-left:auto}.piece-color-side .piece-swatches{grid-template-columns:repeat(7,minmax(0,1fr))}
.piece-finish-editor{padding:18px 0;border-top:1px solid #8883}.piece-materials{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.piece-materials button{padding:10px 16px}.piece-materials button[aria-pressed="true"]{border-color:var(--accent,#c9acdb);background:#a68abe35}.piece-finish-editor input[type="range"]{display:block;width:100%;margin:10px 0 18px}.piece-finish-editor output{float:right}.custom-board-editor{display:flex;flex-wrap:wrap;gap:18px;padding:18px 0}.custom-board-editor label{display:flex;align-items:center;gap:12px}.custom-board-editor small{width:100%;opacity:.7}
body[data-board="custom"] #board{--board-top:var(--custom-board);--board-bottom:var(--custom-board);--board-rim:var(--custom-board);--board-edge:color-mix(in srgb,var(--custom-board) 75%,#292430);--well-face:var(--custom-well);--well-top:var(--custom-well);--well-border:color-mix(in srgb,var(--custom-well) 65%,#292430);--well-rim:var(--well-border);--well-glint:color-mix(in srgb,var(--custom-well) 65%,white);--bridge-line:var(--well-border);--bridge-glint:color-mix(in srgb,var(--custom-board) 70%,white);--bridge-texture:var(--well-border)}
body[data-board="custom"] #board>polygon[fill="url(#wood)"]{fill:var(--custom-board);stroke:var(--custom-board)}body[data-board="custom"] #board .board-light,body[data-board="custom"] #board .board-sheen{display:none}body[data-board="custom"] #board .board-weave{opacity:.055}body[data-board="custom"] #board .board-grain{opacity:.04}body[data-board="custom"] #board .board-camp{opacity:0}
body[data-board="tournament"] #board .solid-board-link,body[data-board="tournament"] #board .solid-board-link-glint,body[data-board="tournament"] #board .board-weave{display:none}
body:not([data-board="tournament"]) #board .board-link{display:none}
body:not([data-board="tournament"]) #board .solid-board-link{stroke-opacity:.8}body:not([data-board="tournament"]) #board .solid-board-link-glint{stroke-opacity:.8}
body:not([data-board="tournament"]) #board .hole-rim{stroke-width:1.1;stroke-opacity:.65}body:not([data-board="tournament"]) #board .hole-well{fill-opacity:1;stroke-width:1;stroke-opacity:.8}
body[data-board="sakura"] #board{--board-top:#f1e3e9;--board-bottom:#f1e3e9;--board-rim:#f1e3e9;--board-edge:color-mix(in srgb,#f1e3e9 72%,#ac889c);--well-face:#cba6b8;--well-top:color-mix(in srgb,#cba6b8 94%,#ac889c);--well-border:#ac889c;--well-rim:color-mix(in srgb,#ac889c 72%,#f1e3e9);--well-glint:color-mix(in srgb,#cba6b8 65%,#fff);--bridge-line:#ac889c;--bridge-glint:color-mix(in srgb,#f1e3e9 70%,#fff);--bridge-texture:#ac889c}body[data-board="sakura"] #board>polygon[fill="url(#wood)"]{fill:#f1e3e9;stroke:#f1e3e9}body[data-board="sakura"] #board .board-light,body[data-board="sakura"] #board .board-sheen{display:none}body[data-board="sakura"] #board .board-weave{opacity:.055}body[data-board="sakura"] #board .board-grain{opacity:.06}body[data-board="sakura"] #board .board-camp{opacity:0}
#board-choice-sakura .material-sample{background:#f1e3e9;box-shadow:inset 0 -2px 0 #ac889c44}#board-choice-sakura .material-sample i{background:#cba6b8;border-color:#ac889c;box-shadow:inset 0 1px 1px #ac889c22,0 1px 0 #fff4}
body[data-board="rosewood"] #board{--board-top:#e0c2bb;--board-bottom:#e0c2bb;--board-rim:#e0c2bb;--board-edge:color-mix(in srgb,#e0c2bb 72%,#8d615e);--well-face:#aa7b79;--well-top:color-mix(in srgb,#aa7b79 94%,#8d615e);--well-border:#8d615e;--well-rim:color-mix(in srgb,#8d615e 72%,#e0c2bb);--well-glint:color-mix(in srgb,#aa7b79 65%,#fff);--bridge-line:#8d615e;--bridge-glint:color-mix(in srgb,#e0c2bb 70%,#fff);--bridge-texture:#8d615e}body[data-board="rosewood"] #board>polygon[fill="url(#wood)"]{fill:#e0c2bb;stroke:#e0c2bb}body[data-board="rosewood"] #board .board-light,body[data-board="rosewood"] #board .board-sheen{display:none}body[data-board="rosewood"] #board .board-weave{opacity:.055}body[data-board="rosewood"] #board .board-grain{opacity:.06}body[data-board="rosewood"] #board .board-camp{opacity:0}
#board-choice-rosewood .material-sample{background:#e0c2bb;box-shadow:inset 0 -2px 0 #8d615e44}#board-choice-rosewood .material-sample i{background:#aa7b79;border-color:#8d615e;box-shadow:inset 0 1px 1px #8d615e22,0 1px 0 #fff4}
body[data-board="porcelain"] #board{--board-top:#f3eee5;--board-bottom:#f3eee5;--board-rim:#f3eee5;--board-edge:color-mix(in srgb,#f3eee5 72%,#958994);--well-face:#c4bac2;--well-top:color-mix(in srgb,#c4bac2 94%,#958994);--well-border:#958994;--well-rim:color-mix(in srgb,#958994 72%,#f3eee5);--well-glint:color-mix(in srgb,#c4bac2 65%,#fff);--bridge-line:#958994;--bridge-glint:color-mix(in srgb,#f3eee5 70%,#fff);--bridge-texture:#958994}body[data-board="porcelain"] #board>polygon[fill="url(#wood)"]{fill:#f3eee5;stroke:#f3eee5}body[data-board="porcelain"] #board .board-light,body[data-board="porcelain"] #board .board-sheen{display:none}body[data-board="porcelain"] #board .board-weave{opacity:.055}body[data-board="porcelain"] #board .board-grain{opacity:.06}body[data-board="porcelain"] #board .board-camp{opacity:0}
#board-choice-porcelain .material-sample{background:#f3eee5;box-shadow:inset 0 -2px 0 #95899444}#board-choice-porcelain .material-sample i{background:#c4bac2;border-color:#958994;box-shadow:inset 0 1px 1px #95899422,0 1px 0 #fff4}
body[data-board="wood"] #board{--board-top:#e8d8b8;--board-bottom:#e8d8b8;--board-rim:#e8d8b8;--board-edge:color-mix(in srgb,#e8d8b8 72%,#8e704c);--well-face:#b99c75;--well-top:color-mix(in srgb,#b99c75 94%,#8e704c);--well-border:#8e704c;--well-rim:color-mix(in srgb,#8e704c 72%,#e8d8b8);--well-glint:color-mix(in srgb,#b99c75 65%,#fff);--bridge-line:#8e704c;--bridge-glint:color-mix(in srgb,#e8d8b8 70%,#fff);--bridge-texture:#8e704c}body[data-board="wood"] #board>polygon[fill="url(#wood)"]{fill:#e8d8b8;stroke:#e8d8b8}body[data-board="wood"] #board .board-light,body[data-board="wood"] #board .board-sheen{display:none}body[data-board="wood"] #board .board-weave{opacity:.055}body[data-board="wood"] #board .board-grain{opacity:.06}body[data-board="wood"] #board .board-camp{opacity:0}
#board-choice-wood .material-sample{background:#e8d8b8;box-shadow:inset 0 -2px 0 #8e704c44}#board-choice-wood .material-sample i{background:#b99c75;border-color:#8e704c;box-shadow:inset 0 1px 1px #8e704c22,0 1px 0 #fff4}
body[data-board="crystal"] #board{--board-top:#dce7f2;--board-bottom:#dce7f2;--board-rim:#dce7f2;--board-edge:color-mix(in srgb,#dce7f2 72%,#667e9e);--well-face:#91a8c4;--well-top:color-mix(in srgb,#91a8c4 94%,#667e9e);--well-border:#667e9e;--well-rim:color-mix(in srgb,#667e9e 72%,#dce7f2);--well-glint:color-mix(in srgb,#91a8c4 65%,#fff);--bridge-line:#667e9e;--bridge-glint:color-mix(in srgb,#dce7f2 70%,#fff);--bridge-texture:#667e9e}body[data-board="crystal"] #board>polygon[fill="url(#wood)"]{fill:#dce7f2;stroke:#dce7f2}body[data-board="crystal"] #board .board-light,body[data-board="crystal"] #board .board-sheen{display:none}body[data-board="crystal"] #board .board-weave{opacity:.055}body[data-board="crystal"] #board .board-grain{opacity:.06}body[data-board="crystal"] #board .board-camp{opacity:0}
#board-choice-crystal .material-sample{background:#dce7f2;box-shadow:inset 0 -2px 0 #667e9e44}#board-choice-crystal .material-sample i{background:#91a8c4;border-color:#667e9e;box-shadow:inset 0 1px 1px #667e9e22,0 1px 0 #fff4}
body[data-board="ink"] #board{--board-top:#343e4b;--board-bottom:#343e4b;--board-rim:#343e4b;--board-edge:color-mix(in srgb,#343e4b 72%,#18232f);--well-face:#778493;--well-top:color-mix(in srgb,#778493 94%,#18232f);--well-border:#18232f;--well-rim:color-mix(in srgb,#18232f 72%,#343e4b);--well-glint:color-mix(in srgb,#778493 65%,#fff);--bridge-line:#18232f;--bridge-glint:color-mix(in srgb,#343e4b 70%,#fff);--bridge-texture:#18232f}body[data-board="ink"] #board>polygon[fill="url(#wood)"]{fill:#343e4b;stroke:#343e4b}body[data-board="ink"] #board .board-light,body[data-board="ink"] #board .board-sheen{display:none}body[data-board="ink"] #board .board-weave{opacity:.055}body[data-board="ink"] #board .board-grain{opacity:.06}body[data-board="ink"] #board .board-camp{opacity:0}
#board-choice-ink .material-sample{background:#343e4b;box-shadow:inset 0 -2px 0 #18232f44}#board-choice-ink .material-sample i{background:#778493;border-color:#18232f;box-shadow:inset 0 1px 1px #18232f22,0 1px 0 #fff4}
body[data-board="sakura-milk"] #board{--board-top:#fcf0f3;--board-bottom:#fcf0f3;--board-rim:#fcf0f3;--board-edge:color-mix(in srgb,#fcf0f3 72%,#b1899e);--well-face:#ddbdca;--well-top:color-mix(in srgb,#ddbdca 94%,#b1899e);--well-border:#b1899e;--well-rim:color-mix(in srgb,#b1899e 72%,#fcf0f3);--well-glint:color-mix(in srgb,#ddbdca 65%,#fff);--bridge-line:#b1899e;--bridge-glint:color-mix(in srgb,#fcf0f3 70%,#fff);--bridge-texture:#b1899e}body[data-board="sakura-milk"] #board>polygon[fill="url(#wood)"]{fill:#fcf0f3;stroke:#fcf0f3}body[data-board="sakura-milk"] #board .board-light,body[data-board="sakura-milk"] #board .board-sheen{display:none}body[data-board="sakura-milk"] #board .board-weave{opacity:.055}body[data-board="sakura-milk"] #board .board-grain{opacity:.06}body[data-board="sakura-milk"] #board .board-camp{opacity:0}
#board-choice-sakura-milk .material-sample{background:#fcf0f3;box-shadow:inset 0 -2px 0 #b1899e44}#board-choice-sakura-milk .material-sample i{background:#ddbdca;border-color:#b1899e;box-shadow:inset 0 1px 1px #b1899e22,0 1px 0 #fff4}
body[data-board="jade"] #board{--board-top:#e0eee5;--board-bottom:#e0eee5;--board-rim:#e0eee5;--board-edge:color-mix(in srgb,#e0eee5 72%,#6e9281);--well-face:#9cb9ab;--well-top:color-mix(in srgb,#9cb9ab 94%,#6e9281);--well-border:#6e9281;--well-rim:color-mix(in srgb,#6e9281 72%,#e0eee5);--well-glint:color-mix(in srgb,#9cb9ab 65%,#fff);--bridge-line:#6e9281;--bridge-glint:color-mix(in srgb,#e0eee5 70%,#fff);--bridge-texture:#6e9281}body[data-board="jade"] #board>polygon[fill="url(#wood)"]{fill:#e0eee5;stroke:#e0eee5}body[data-board="jade"] #board .board-light,body[data-board="jade"] #board .board-sheen{display:none}body[data-board="jade"] #board .board-weave{opacity:.055}body[data-board="jade"] #board .board-grain{opacity:.06}body[data-board="jade"] #board .board-camp{opacity:0}
#board-choice-jade .material-sample{background:#e0eee5;box-shadow:inset 0 -2px 0 #6e928144}#board-choice-jade .material-sample i{background:#9cb9ab;border-color:#6e9281;box-shadow:inset 0 1px 1px #6e928122,0 1px 0 #fff4}
body[data-board="slate"] #board{--board-top:#344a60;--board-bottom:#344a60;--board-rim:#344a60;--board-edge:color-mix(in srgb,#344a60 72%,#1e344a);--well-face:#8399af;--well-top:color-mix(in srgb,#8399af 94%,#1e344a);--well-border:#1e344a;--well-rim:color-mix(in srgb,#1e344a 72%,#344a60);--well-glint:color-mix(in srgb,#8399af 65%,#fff);--bridge-line:#1e344a;--bridge-glint:color-mix(in srgb,#344a60 70%,#fff);--bridge-texture:#1e344a}body[data-board="slate"] #board>polygon[fill="url(#wood)"]{fill:#344a60;stroke:#344a60}body[data-board="slate"] #board .board-light,body[data-board="slate"] #board .board-sheen{display:none}body[data-board="slate"] #board .board-weave{opacity:.055}body[data-board="slate"] #board .board-grain{opacity:.06}body[data-board="slate"] #board .board-camp{opacity:0}
#board-choice-slate .material-sample{background:#344a60;box-shadow:inset 0 -2px 0 #1e344a44}#board-choice-slate .material-sample i{background:#8399af;border-color:#1e344a;box-shadow:inset 0 1px 1px #1e344a22,0 1px 0 #fff4}
body[data-room="graphite"][data-board="auto"] #board{--board-top:#474f5d;--board-bottom:#474f5d;--board-rim:#474f5d;--board-edge:color-mix(in srgb,#474f5d 72%,#253142);--well-face:#8b95a4;--well-top:color-mix(in srgb,#8b95a4 94%,#253142);--well-border:#253142;--well-rim:color-mix(in srgb,#253142 72%,#474f5d);--well-glint:color-mix(in srgb,#8b95a4 65%,#fff);--bridge-line:#253142;--bridge-glint:color-mix(in srgb,#474f5d 70%,#fff);--bridge-texture:#253142}body[data-room="graphite"][data-board="auto"] #board>polygon[fill="url(#wood)"]{fill:#474f5d;stroke:#474f5d}body[data-room="graphite"][data-board="auto"] #board .board-light,body[data-room="graphite"][data-board="auto"] #board .board-sheen{display:none}body[data-room="graphite"][data-board="auto"] #board .board-weave{opacity:.055}body[data-room="graphite"][data-board="auto"] #board .board-grain{opacity:.06}body[data-room="graphite"][data-board="auto"] #board .board-camp{opacity:0}
body[data-room="midnight"][data-board="auto"] #board{--board-top:#34486b;--board-bottom:#34486b;--board-rim:#34486b;--board-edge:color-mix(in srgb,#34486b 72%,#1b2d49);--well-face:#8d9fbc;--well-top:color-mix(in srgb,#8d9fbc 94%,#1b2d49);--well-border:#1b2d49;--well-rim:color-mix(in srgb,#1b2d49 72%,#34486b);--well-glint:color-mix(in srgb,#8d9fbc 65%,#fff);--bridge-line:#1b2d49;--bridge-glint:color-mix(in srgb,#34486b 70%,#fff);--bridge-texture:#1b2d49}body[data-room="midnight"][data-board="auto"] #board>polygon[fill="url(#wood)"]{fill:#34486b;stroke:#34486b}body[data-room="midnight"][data-board="auto"] #board .board-light,body[data-room="midnight"][data-board="auto"] #board .board-sheen{display:none}body[data-room="midnight"][data-board="auto"] #board .board-weave{opacity:.055}body[data-room="midnight"][data-board="auto"] #board .board-grain{opacity:.06}body[data-room="midnight"][data-board="auto"] #board .board-camp{opacity:0}
body[data-room="sand"][data-board="auto"] #board{--board-top:#ece2ce;--board-bottom:#ece2ce;--board-rim:#ece2ce;--board-edge:color-mix(in srgb,#ece2ce 72%,#8e7b60);--well-face:#bfb09a;--well-top:color-mix(in srgb,#bfb09a 94%,#8e7b60);--well-border:#8e7b60;--well-rim:color-mix(in srgb,#8e7b60 72%,#ece2ce);--well-glint:color-mix(in srgb,#bfb09a 65%,#fff);--bridge-line:#8e7b60;--bridge-glint:color-mix(in srgb,#ece2ce 70%,#fff);--bridge-texture:#8e7b60}body[data-room="sand"][data-board="auto"] #board>polygon[fill="url(#wood)"]{fill:#ece2ce;stroke:#ece2ce}body[data-room="sand"][data-board="auto"] #board .board-light,body[data-room="sand"][data-board="auto"] #board .board-sheen{display:none}body[data-room="sand"][data-board="auto"] #board .board-weave{opacity:.055}body[data-room="sand"][data-board="auto"] #board .board-grain{opacity:.06}body[data-room="sand"][data-board="auto"] #board .board-camp{opacity:0}
body[data-room="anime"][data-board="auto"] #board{--board-top:#fcf0f3;--board-bottom:#fcf0f3;--board-rim:#fcf0f3;--board-edge:color-mix(in srgb,#fcf0f3 72%,#b1899e);--well-face:#ddbdca;--well-top:color-mix(in srgb,#ddbdca 94%,#b1899e);--well-border:#b1899e;--well-rim:color-mix(in srgb,#b1899e 72%,#fcf0f3);--well-glint:color-mix(in srgb,#ddbdca 65%,#fff);--bridge-line:#b1899e;--bridge-glint:color-mix(in srgb,#fcf0f3 70%,#fff);--bridge-texture:#b1899e}body[data-room="anime"][data-board="auto"] #board>polygon[fill="url(#wood)"]{fill:#fcf0f3;stroke:#fcf0f3}body[data-room="anime"][data-board="auto"] #board .board-light,body[data-room="anime"][data-board="auto"] #board .board-sheen{display:none}body[data-room="anime"][data-board="auto"] #board .board-weave{opacity:.055}body[data-room="anime"][data-board="auto"] #board .board-grain{opacity:.06}body[data-room="anime"][data-board="auto"] #board .board-camp{opacity:0}
body[data-board="starmist"] #board{--board-top:#54618b;--board-bottom:#54618b;--board-rim:#54618b;--board-edge:color-mix(in srgb,#54618b 72%,#303c62);--well-face:#a3adce;--well-top:color-mix(in srgb,#a3adce 94%,#303c62);--well-border:#303c62;--well-rim:color-mix(in srgb,#303c62 72%,#54618b);--well-glint:color-mix(in srgb,#a3adce 65%,#fff);--bridge-line:#303c62;--bridge-glint:color-mix(in srgb,#54618b 70%,#fff);--bridge-texture:#303c62}body[data-board="starmist"] #board>polygon[fill="url(#wood)"]{fill:#54618b;stroke:#54618b}body[data-board="starmist"] #board .board-light,body[data-board="starmist"] #board .board-sheen{display:none}body[data-board="starmist"] #board .board-weave{opacity:.055}body[data-board="starmist"] #board .board-grain{opacity:.06}body[data-board="starmist"] #board .board-camp{opacity:0}
#board-choice-starmist .material-sample{background:#54618b;box-shadow:inset 0 -2px 0 #303c6244}#board-choice-starmist .material-sample i{background:#a3adce;border-color:#303c62;box-shadow:inset 0 1px 1px #303c6222,0 1px 0 #fff4}

.piece-size-preview img{display:block;width:58px;height:58px;object-fit:contain;transform-origin:center;filter:drop-shadow(0 2px 2px #0002)}.fixed-piece-note{display:block;grid-column:1/-1;color:var(--gold);font-size:12px;line-height:1.5}.fixed-piece-colors .piece-swatches,.fixed-piece-colors .custom-color-label{opacity:.45}.piece-skin-preview img{width:78px;height:78px;object-fit:contain}
