.dam-panel{max-width:620px;margin:0 auto 20px}.dam-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;aspect-ratio:1;border:3px solid #b39a72;border-radius:6px;overflow:hidden;background:#d4c29b}.dam-cell{aspect-ratio:1;min-height:0;min-width:0;padding:5px;border:0;border-radius:0;background:#d4c29b;position:relative;display:grid;place-items:center}.dam-cell.dark{background:#3c5a51}.dam-cell:disabled{opacity:1}.dam-cell.last{box-shadow:inset 0 0 0 3px #cbb075}.dam-cell.selected{box-shadow:inset 0 0 0 4px #ffe1a2}.dam-cell.target:after{content:'';width:28%;aspect-ratio:1;border-radius:50%;background:#ffe4a6;position:absolute}.dam-cell:focus-visible{outline-offset:-4px;z-index:1}.dam-piece{width:88%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:3px solid #c4ac87;background:#f7e4bb;color:#243b34;font-size:clamp(15px,4vw,30px);font-weight:800;box-shadow:0 4px 0 #8d7857,inset 0 0 0 3px #ffffff55}.dam-piece.p2{background:#b84d40;color:#fff5de;border-color:#ed9d84;box-shadow:0 4px 0 #6b292b,inset 0 0 0 3px #ffffff44}.dam-piece.king{border-style:double;border-width:5px}.dam-note{min-height:3.3em}.dam-players{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.dam-axis{font-size:12px;position:absolute;bottom:1px;left:3px;color:#fff9}.dam-cell:not(.dark) .dam-axis{color:#253c39}.dam-panel button#rematch{margin-top:16px}@media(max-width:450px){.dam-panel{padding:8px}.dam-cell{padding:3px}.dam-piece{border-width:2px;box-shadow:0 2px 0 #8d7857}.dam-axis{font-size:9px}.dam-cell.last{box-shadow:inset 0 0 0 2px #cbb075}}@media(prefers-reduced-motion:reduce){.dam-cell{transition:none}}
.rum-panel details{background:#e5eee5;color:#203c35;border-color:#b8cbbd}