/* Mühle (Nine Men's Morris) — scoped to #sdb-game-root. spieldb.de pastel tokens. */
#sdb-game-root{
  --cream:#FDFBF7;--paper:#fff;--rose:#E5989B;--mustard:#FFB347;--deep:#4A4E69;--ink:#22223B;--line:#4A4E69;
  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;}
.mu-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;margin-bottom:1rem;}
.mu-status{font-weight:700;font-size:1.02rem;min-height:1.5rem;}
.mu-controls{display:flex;gap:.5rem;align-items:center;}
.mu-select{font:inherit;font-weight:600;padding:.55rem .9rem;border:2px solid rgba(74,78,105,.12);border-radius:999px;background:var(--paper);color:var(--ink);cursor:pointer;}
.mu-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);}
.mu-btn:hover{transform:translateY(-2px) scale(1.03);}
.mu-btn:focus-visible,.mu-select:focus-visible{outline:3px solid var(--mustard);outline-offset:2px;}
.mu-wrap{position:relative;width:100%;aspect-ratio:1;background:var(--paper);border-radius:1.25rem;border:3px solid rgba(74,78,105,.12);}
.mu-svg{position:absolute;inset:0;width:100%;height:100%;}
.mu-line{stroke:var(--line);stroke-width:1.4;opacity:.45;}
.mu-spot{cursor:pointer;}
.mu-spot circle.hit{fill:transparent;}
.mu-dot{fill:rgba(74,78,105,.35);}
.mu-p1{fill:var(--rose);} .mu-p2{fill:var(--mustard);}
.mu-stone{stroke:rgba(0,0,0,.15);stroke-width:1.2;}
.mu-sel{stroke:var(--deep);stroke-width:3;}
.mu-target{fill:rgba(74,78,105,.30);}
.mu-removable{stroke:#D9696E;stroke-width:3;stroke-dasharray:4 3;}
.mu-hand{display:flex;justify-content:space-between;margin-top:.7rem;font-weight:700;font-size:.92rem;}
.mu-hand .h1{color:var(--rose);} .mu-hand .h2{color:var(--mustard);}