#board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;max-width:520px;border:9px solid #765333;border-radius:5px;box-shadow:0 8px 24px #0004}#board .square{border:0;border-radius:0;box-shadow:none;position:relative;font-size:24px;display:grid;place-items:center}#board .light{background:#e8d7b5}#board .dark{background:#805c40}#board .dark:not(:disabled):hover{background:#98734b}#board .square.selected{background:#b29c50}#board .destination:after{content:'';width:23%;height:23%;border-radius:50%;background:#f4da85;box-shadow:0 0 0 4px #f4da8544}.disc{display:grid;place-items:center;width:76%;height:76%;border-radius:50%;border:3px double #0004;box-shadow:0 3px 0 #0007,inset 0 0 0 3px #ffffff20;font-size:clamp(16px,4vw,29px);line-height:1}.ivory{background:#f0dfb9;color:#79551f}.charcoal{background:#2b302e;color:#efc774}#board.flipped{transform:rotate(180deg)}#board.flipped .disc{transform:rotate(180deg)}@media(max-width:500px){#board{border-width:5px}.disc{border-width:2px}}
#captured-pieces{max-width:520px;margin:0 auto 24px;display:grid;gap:12px}.capture-row{padding:14px 16px;background:#102c24;border:1px solid #ffffff18;border-radius:12px}.capture-row strong{font-size:12px;color:#cbd8c9}.capture-tray{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;min-height:30px}.capture-tray .disc{width:29px;height:29px;font-size:18px;flex:none}.capture-tray.empty{font-size:12px;color:#90aa99;min-height:0;margin-top:6px}

#opponent-captured{max-width:520px;margin:20px auto -10px}.damas-appearance{padding:14px 16px;border:1px solid #ffffff20;border-radius:12px;margin:20px 0;background:#102c24}.damas-appearance summary{cursor:pointer;font-size:13px;color:#e9d8af}.damas-appearance p{font-size:11px;color:#adc3b4;margin-bottom:0}.damas-style-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.damas-style-controls select{display:block;width:100%;font:inherit;font-size:14px;color:#eee9db;background:#214538;border:1px solid #ffffff30;border-radius:8px;padding:10px;margin-top:6px}
:root[data-damas-table=green] #board{border-color:#315b42}:root[data-damas-table=green] #board .dark{background:#477555}:root[data-damas-table=green] #board .light{background:#ece7cc}
:root[data-damas-table=blue] #board{border-color:#253e64}:root[data-damas-table=blue] #board .dark{background:#335785}:root[data-damas-table=blue] #board .light{background:#c6daeb}
:root[data-damas-table=purple] #board{border-color:#5e4477}:root[data-damas-table=purple] #board .dark{background:#8663a1}:root[data-damas-table=purple] #board .light{background:#ebdcf5}
:root[data-damas-table=mono] #board{border-color:#343434}:root[data-damas-table=mono] #board .dark{background:#555}:root[data-damas-table=mono] #board .light{background:#f1f0ea}
:root[data-damas-pieces=gold] .disc.ivory{background:linear-gradient(125deg,#fff0a0,#c28b18,#ffe17d);color:#5c3d06}:root[data-damas-pieces=gold] .disc.charcoal{background:linear-gradient(125deg,#414448,#101215);color:#e8c775}
:root[data-damas-pieces=ocean] .disc.ivory{background:#55c7ed;color:#124477}:root[data-damas-pieces=ocean] .disc.charcoal{background:#f07b67;color:#6a231a}
:root[data-damas-pieces=candy] .disc.ivory{background:#f7a9ce;color:#713b63}:root[data-damas-pieces=candy] .disc.charcoal{background:#8859d1;color:#f9e1ff}
:root[data-damas-pieces=sketch] .disc{box-shadow:none;border:2px solid #242424}:root[data-damas-pieces=sketch] .disc.ivory{background:#f7f5ec;color:#242424}:root[data-damas-pieces=sketch] .disc.charcoal{background:#454545;color:#f7f5ec}
#board .square.selected{background:#b29c50!important}#board .square.destination{outline:2px solid #f4da8590;outline-offset:-3px}
@media(max-width:450px){.damas-style-controls{grid-template-columns:1fr}}
#damas-appearance-open{display:block;margin:18px 0 0 auto;font-size:12px;min-height:42px}dialog.damas-appearance{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:26px;background:#15372e;color:#eef1e5;border:1px solid #d6bf7b88;border-radius:20px;box-shadow:0 24px 80px #0007}dialog.damas-appearance::backdrop{background:#061b14aa;backdrop-filter:blur(4px)}.damas-appearance-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.damas-appearance-heading .eyebrow{margin:0 0 8px}.damas-appearance-heading h2{font-size:25px;margin:0 0 14px}.damas-appearance-heading button{min-width:40px;min-height:40px;margin:0;font-size:22px;padding:4px 10px}

:root[data-damas-table=green] #damas-preview-board .dark{background:#477555}
:root[data-damas-table=green] #damas-preview-board .light{background:#ece7cc}
:root[data-damas-table=blue] #damas-preview-board .dark{background:#335785}
:root[data-damas-table=blue] #damas-preview-board .light{background:#c6daeb}
:root[data-damas-table=purple] #damas-preview-board .dark{background:#8663a1}
:root[data-damas-table=purple] #damas-preview-board .light{background:#ebdcf5}
:root[data-damas-table=mono] #damas-preview-board .dark{background:#555}
:root[data-damas-table=mono] #damas-preview-board .light{background:#f1f0ea}
.damas-preview{margin-top:22px;border:1px solid #ffffff18;border-radius:14px;background:#0f2a22;padding:18px}.preview-label{display:block;text-align:center;font-size:9px;letter-spacing:2px;color:#d6bf7b;margin-bottom:14px}#damas-preview-board{display:grid;grid-template-columns:repeat(4,1fr);width:min(100%,224px);margin:auto;border:6px solid #765333;border-radius:5px;overflow:hidden}.preview-square{aspect-ratio:1;display:grid;place-items:center}.preview-square.dark{background:#805c40}.preview-square.light{background:#e8d7b5}.preview-square .disc{font-size:23px;width:76%;height:76%}
/* Pencil doodles on paper: irregular contours without shifting playable squares. */
:root[data-damas-table=scribble] :is(#board,#damas-preview-board){border:3px solid #59554b;border-radius:8px 3px 11px 5px;background:#f0ebdb;box-shadow:1px 1px 0 #eee9da,2px -1px 0 #77706488,-1px 2px 0 #8b837488;padding:3px;gap:1px}
:root[data-damas-table=scribble] :is(#board,#damas-preview-board) .light{background:repeating-linear-gradient(13deg,#70695707 0 1px,transparent 1px 6px),#f4efdf}
:root[data-damas-table=scribble] :is(#board,#damas-preview-board) .dark{background:repeating-linear-gradient(35deg,#68615599 0 1px,transparent 1px 4px),repeating-linear-gradient(145deg,#7a726455 0 .8px,transparent .8px 5px),#c4bca9}
:root[data-damas-table=scribble] :is(#board,#damas-preview-board) :is(.square,.preview-square){border:1px solid #71695b88;border-radius:2px 4px 1px 3px;box-shadow:inset .5px .5px 0 #fff5}
:root[data-damas-table=scribble] :is(#board,#damas-preview-board) :is(.square,.preview-square):nth-child(3n){border-radius:5px 1px 3px 2px;border-color:#5e574c99}
:root[data-damas-table=scribble] #board .dark:not(:disabled):hover{background-color:#d6c796}
:root[data-damas-pieces=scribble] .disc{border:1.7px solid #45423b;border-radius:46% 54% 48% 52%;box-shadow:inset 1px 0 0 #77706580,inset -2px -1px 0 #635b4f77,1px -1px 0 #6f675966;position:relative;font-family:Georgia,serif}
:root[data-damas-pieces=scribble] .disc:after{content:'';position:absolute;inset:4px;border:1px solid #58524788;border-radius:53% 45% 51% 47%;pointer-events:none;transform:rotate(-13deg)}
:root[data-damas-pieces=scribble] .disc.ivory{color:#4a463e;background:repeating-linear-gradient(22deg,#8b816e12 0 1px,transparent 1px 5px),#f7f1df}
:root[data-damas-pieces=scribble] .disc.charcoal{color:#f1e7cf;background:repeating-linear-gradient(32deg,#24221ecc 0 1px,#6d6659 1px 2px,#49453d 2px 4px)}
:root[data-damas-pieces=scribble] :is(.square,.preview-square):nth-child(even) .disc{border-radius:53% 47% 55% 45%;transform:rotate(8deg)}
:root[data-damas-pieces=scribble] #board.flipped .square:nth-child(even) .disc{transform:rotate(188deg)}
/* Monochrome pencil sketch: white paper and graphite only. */
:root[data-damas-table=scribble] :is(#board,#damas-preview-board){background:#fff;border-color:#333;box-shadow:1px 1px 0 #fff,2px -1px 0 #7778,-1px 2px 0 #8888}
:root[data-damas-table=scribble] :is(#board,#damas-preview-board) .light{background:repeating-linear-gradient(13deg,#00000005 0 1px,transparent 1px 6px),#fff}
:root[data-damas-table=scribble] :is(#board,#damas-preview-board) .dark{background:repeating-linear-gradient(35deg,#333a 0 1px,transparent 1px 4px),repeating-linear-gradient(145deg,#5557 0 .8px,transparent .8px 5px),#c8c8c8}
:root[data-damas-table=scribble] :is(#board,#damas-preview-board) :is(.square,.preview-square){border-color:#5558}
:root[data-damas-table=scribble] :is(#board,#damas-preview-board) :is(.square,.preview-square):nth-child(3n){border-color:#3339}
:root[data-damas-table=scribble] #board .dark:not(:disabled):hover{background-color:#e0e0e0}
:root[data-damas-pieces=scribble] .disc{border-color:#222;box-shadow:inset 1px 0 0 #7778,inset -2px -1px 0 #5557,1px -1px 0 #6666}
:root[data-damas-pieces=scribble] .disc:after{border-color:#5558}
:root[data-damas-pieces=scribble] .disc.ivory{color:#222;background:repeating-linear-gradient(22deg,#00000009 0 1px,transparent 1px 5px),#fff}
:root[data-damas-pieces=scribble] .disc.charcoal{color:#fff;background:repeating-linear-gradient(32deg,#111d 0 1px,#666 1px 2px,#333 2px 4px)}
/* Solid gray playing squares in the monochrome sketch theme. */
:root[data-damas-table=scribble] :is(#board,#damas-preview-board) .dark{background:#aaa}
:root[data-damas-table=scribble] #board .dark:not(:disabled):hover{background:#b8b8b8}