.chess-piece{width:100%;height:100%;display:block;pointer-events:none;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 2px 1px #19365740)}
.chess-board-space{display:contents}
.chess-blue{fill:#193657;stroke:#456b8b;--detail:#b9d5e4}.chess-yellow{fill:#ffcf72;stroke:#b88a34;--detail:#826022}
.chess-detail{fill:var(--detail);stroke:none}.chess-line{fill:none;stroke:var(--detail);stroke-width:2}
.chess-board .dama-cell{padding:4%}.chess-board .is-target:has(.chess-piece){box-shadow:inset 0 0 0 4px #fff2c3}.chess-board .chess-last:not(.is-selected):not(.is-target){background:#bdc29c}.chess-board .chess-check{background:#e89888!important;box-shadow:inset 0 0 0 3px #c75147}
.chess-file,.chess-rank{position:absolute;font-size:clamp(8px,1.3vh,17px);font-weight:800;color:#193657b0;pointer-events:none}.chess-file{bottom:1px;right:3px}.chess-rank{top:1px;left:3px}
.chess-promotions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.chess-promotions button{border:2px solid #d5b889;border-radius:16px;background:#f7ead6;padding:8px;color:#193657;font-weight:800}.chess-promotions svg{height:75px}.chess-promotions span{display:block;text-transform:capitalize}.chess-promotions button:hover{background:#ffcf72}
@media(max-width:800px){.chess-panel .dama-help{font-size:12px}.chess-promotions{gap:5px}.chess-promotions button{padding:4px;font-size:12px}.chess-promotions svg{height:55px}}