.tile-dama{background:#e8bca0}
.dama-setup .pexeso-intro img{width:min(310px,34cqh,60cqw);margin-bottom:14px}
.dama-setup .pexeso-modes button:first-child{background:#193657;color:white}
.dama-setup .pexeso-modes button:last-child{background:#ffcf72;color:#193657}
.dama-difficulty,.dama-rules{position:relative;width:min(640px,92vw);max-height:85dvh;overflow:auto;border:3px solid white;border-radius:28px;padding:32px;background:#fffaf7;color:#193657;box-shadow:0 16px 50px #19365730}
.dama-difficulty::backdrop,.dama-rules::backdrop{background:#19365755}
.dama-difficulty h2,.dama-rules h2{font-size:32px;margin:0 40px 12px 0}
.dama-difficulty p,.dama-rules p{font-size:19px;line-height:1.45;margin:12px 0}
.dama-dialog-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:50%;background:#edf0f3;font-size:28px}
.dama-levels{display:grid;gap:12px;margin-top:22px}
.dama-levels button{border:0;border-radius:18px;padding:18px 24px;background:#edf0f3;color:#193657;text-align:left;display:flex;flex-direction:column;gap:6px}
.dama-levels button:first-child{background:#ffcf72}.dama-levels button:last-child{background:#193657;color:white}
.dama-levels strong{font-size:25px;font-weight:900}.dama-levels span{font-size:17px}
.dama-panel{color:#193657;min-height:0}
.dama-board{flex:0 1 auto;min-height:0;width:min(61vh,100%);aspect-ratio:1;margin:auto;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));border:clamp(5px,.8vh,12px) solid #d5b889;border-radius:16px;overflow:hidden;box-shadow:0 4px 0 #9e7e5430;touch-action:manipulation}
.dama-cell{position:relative;min-width:0;min-height:0;padding:8%;border:0;display:grid;place-items:center;border-radius:0}
.dama-light{background:#f7ead6}.dama-dark{background:#809bab}.dama-cell:disabled{opacity:1;cursor:default}
.dama-piece{pointer-events:none;display:grid;place-items:center;width:94%;height:94%;border-radius:50%;border:3px solid #ffffff70;box-shadow:inset 0 0 0 3px #00000012,0 3px 2px #19365745}
.dama-blue{background:radial-gradient(circle at 35% 25%,#3c6085,#193657 70%);color:#ffda88}
.dama-yellow{background:radial-gradient(circle at 35% 25%,#ffe6a8,#ffcf72 70%);color:#193657}
.dama-piece svg{width:60%;height:60%;fill:currentColor;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.dama-king{box-shadow:inset 0 0 0 3px #00000012,0 3px 0 #b28f50,0 6px 2px #19365755}
.dama-cell.can-select .dama-piece{outline:2px solid #fff8;outline-offset:1px}
.dama-cell.is-selected{background:#ffdc8e}.dama-cell.is-selected .dama-piece{outline:3px solid white;outline-offset:2px}
.dama-target{width:32%;height:32%;border-radius:50%;background:#fff2c3;box-shadow:0 0 0 5px #fff4;pointer-events:none}
.dama-cell.is-target{background:#779180}.dama-cell.is-target:hover{background:#5c7d68}
.dama-cell:focus-visible{outline:3px solid white;outline-offset:-4px;z-index:1}
.dama-help{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;font-size:15px;flex-shrink:0;text-align:center}
.dama-mode{font-weight:800}.dama-rules-button{border:0;border-radius:12px;padding:8px 14px;background:#edf0f3;color:#193657;font-weight:800}
@media(max-width:800px){.dama-board{width:min(60vh,100%)}.dama-help{font-size:12px;gap:6px}.dama-scores .ttt-player{font-size:12px;padding:5px;gap:5px}.dama-scores .ttt-player strong{font-size:19px}.dama-panel .pexeso-toolbar{flex-wrap:wrap}.dama-scores{margin:auto}.dama-piece{border-width:2px}.dama-difficulty,.dama-rules{padding:22px}.dama-difficulty h2,.dama-rules h2{font-size:25px}.dama-difficulty p,.dama-rules p{font-size:16px}}
.dama-panel{display:grid;grid-template-rows:auto minmax(38px,1fr) auto minmax(54px,1fr);gap:0;padding-bottom:0;container-type:size}
.dama-panel .dama-status{display:flex;align-items:center;justify-content:center;align-self:stretch;margin:0}
.dama-panel .dama-board{width:min(61vh,100cqw,calc(100cqh - 170px));height:auto;aspect-ratio:1;margin:0;justify-self:center}
.dama-panel .dama-help{align-self:stretch;align-content:center;justify-content:center;align-items:center;margin:0}
@media(max-width:800px){.dama-panel .dama-board{width:min(60vh,100cqw,calc(100cqh - 190px))}}