/* Dame (Checkers) — scoped to #sdb-game-root. spieldb.de pastel tokens. */
#sdb-game-root{
  --cream:#FDFBF7;--paper:#fff;--rose:#E5989B;--mustard:#FFB347;--deep:#4A4E69;--ink:#22223B;
  --light:#F1E7D6;--dark:#B9A98C;--line:rgba(74,78,105,.12);
  font-family:'Be Vietnam Pro',system-ui,sans-serif;color:var(--ink);max-width:520px;margin:0 auto;
}
#sdb-game-root *{box-sizing:border-box;}
.dm-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;margin-bottom:1.1rem;}
.dm-status{font-weight:700;font-size:1.05rem;min-height:1.5rem;}
.dm-controls{display:flex;gap:.5rem;align-items:center;}
.dm-select{font:inherit;font-weight:600;padding:.55rem .9rem;border:2px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);cursor:pointer;}
.dm-btn{font:inherit;font-weight:700;padding:.6rem 1.3rem;border:0;border-radius:999px;background:var(--deep);color:#fff;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1);}
.dm-btn:hover{transform:translateY(-2px) scale(1.03);}
.dm-btn:focus-visible,.dm-sq:focus-visible,.dm-select:focus-visible{outline:3px solid var(--mustard);outline-offset:-3px;}
.dm-board{display:grid;grid-template-columns:repeat(8,1fr);border-radius:1.25rem;overflow:hidden;border:6px solid var(--deep);}
.dm-sq{aspect-ratio:1;border:0;padding:11%;position:relative;cursor:default;}
.dm-sq.light{background:var(--light);} .dm-sq.dark{background:var(--dark);cursor:pointer;}
.dm-piece{width:100%;height:100%;border-radius:50%;box-shadow:0 3px 0 rgba(0,0,0,.18);transition:transform .2s cubic-bezier(.34,1.56,.64,1);}
.dm-p1{background:var(--rose);} .dm-p2{background:var(--mustard);}
.dm-king::after{content:"";position:absolute;left:50%;top:50%;width:26%;height:26%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(34,34,59,.55);}
.dm-sel{box-shadow:0 0 0 4px var(--deep) inset;}
.dm-target::before{content:"";position:absolute;left:50%;top:50%;width:30%;height:30%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(74,78,105,.45);}
@media (prefers-reduced-motion:reduce){.dm-piece{transition:none!important;}}