/* games/morris.html: what only the Nine men's morris page needs (the page: board-game.css, the board: ../morris-board.css). */
.dot.white{background:var(--stone-white,#f2efe6)}
.dot.black{background:var(--stone-black,#1c1c1c)}
.count{margin-left:4px;font-size:15px;font-variant-numeric:tabular-nums;color:var(--muted)}
.player.active .count{color:var(--text)}
.variant-tag{font-size:13px;font-weight:700;color:var(--muted);border:1px solid var(--border);border-radius:20px;padding:2px 10px}
.hero{background:linear-gradient(135deg,rgba(217,178,122,.25),var(--card) 60%)}
.hero .sub{color:#d9b27a}
/* The stones still to place, under each player's name */
.hands{display:flex;justify-content:space-between;gap:12px;max-width:560px;margin:0 auto 10px;min-height:16px}
.hand{display:flex;gap:3px;flex-wrap:wrap}
.hand:last-child{justify-content:flex-end}
.hand .hs{width:14px;height:14px;border-radius:50%;box-shadow:0 1px 0 rgba(0,0,0,.35)}
.hand .hs.w{background:var(--stone-white,#f2efe6);box-shadow:0 0 0 1px var(--sw-rim,rgba(0,0,0,.45)),0 1px 0 rgba(0,0,0,.35)}
.hand .hs.b{background:var(--stone-black,#1c1c1c);box-shadow:0 0 0 1px var(--sb-rim,rgba(255,255,255,.55)),0 1px 0 rgba(0,0,0,.35)}