/* Rich timber checkers board. Pure CSS: squares and gameplay remain unchanged. */
.game-dashboard .board-frame{
  box-sizing:border-box;
  padding:clamp(9px,1.15vw,15px);
  border-radius:16px;
  border:1px solid #704024;
  background:
    repeating-linear-gradient(94deg, transparent 0 3px,rgba(255,231,178,.07) 4px 5px,transparent 7px 26px),
    linear-gradient(132deg,#6d3e21 0%,#c28a4e 13%,#905326 29%,#c59353 49%,#754321 70%,#bd8349 91%,#623919 100%);
  box-shadow: inset 0 0 0 2px #e1b67c,inset 0 0 0 5px #73421f,inset 0 3px 9px rgba(255,231,190,.45),inset 0 -7px 11px rgba(38,17,6,.42),0 7px 0 #623719,0 13px 26px rgba(46,26,12,.27);
}
.game-dashboard .board-frame .board{
  box-sizing:border-box;
  width:100%;aspect-ratio:1;
  display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));
  overflow:hidden;border-radius:2px;border:2px solid #4e2d19;
  box-shadow: 0 0 0 2px #e8c18a, 0 0 0 4px #5b341d, inset 0 2px 7px rgba(40,16,4,.38);
}
.game-dashboard #checkers-board .square{
  min-width:0;min-height:0;
  background-size:100% 100%;
  box-shadow:inset 0 0 1px rgba(60,36,14,.26);
}
.game-dashboard #checkers-board .square.light{
  background-color:#e8c48d;
  background-image:repeating-linear-gradient(84deg,transparent 0 8px,rgba(118,70,27,.055) 9px 10px,transparent 11px 21px),linear-gradient(145deg,#f2d9ad,#d8a869);
}
.game-dashboard #checkers-board .square.dark{
  background-color:#85512d;
  background-image:repeating-linear-gradient(88deg,transparent 0 10px,rgba(255,219,165,.035) 11px 13px,transparent 14px 25px),linear-gradient(135deg,#a46a38,#714022);
}
.game-dashboard #checkers-board .square::before{
  background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 44%,rgba(28,13,4,.08));
}
.game-dashboard #checkers-board .square.is-selected{
  box-shadow:inset 0 0 0 4px #f9c25b,inset 0 0 22px rgba(255,218,118,.42);
}
.game-dashboard #checkers-board .square.last-move-from,
.game-dashboard #checkers-board .square.last-move-to{
  outline-offset:-3px;
}
.game-dashboard #checkers-board .piece.image-piece{
  width:88%;height:88%;
  filter:drop-shadow(1px 3px 2px rgba(28,15,8,.29));
}
@media(max-width:640px){.game-dashboard .board-frame{padding:9px;border-radius:10px}.game-dashboard .board-frame .board{border-width:1px}}