/* Chess2256 V41 — plateau plus stylé, texturé, semi-transparent */
.board-frame{
  background:
    radial-gradient(circle at 50% 50%, rgba(73,173,182,.10), transparent 58%),
    linear-gradient(135deg, rgba(73,173,182,.10), transparent 20%, transparent 80%, rgba(177,101,23,.10)),
    rgba(7,13,13,.74) !important;
  box-shadow:
    0 20px 60px rgba(0,0,0,.46),
    inset 0 0 0 1px rgba(255,255,255,.03),
    inset 0 0 36px rgba(73,173,182,.08),
    0 0 30px rgba(73,173,182,.05);
  backdrop-filter: blur(1.6px);
}
.board-glow{
  opacity:.28;
  filter: blur(38px);
}
.board{
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 22%),
    linear-gradient(135deg, rgba(73,173,182,.06), transparent 50%, rgba(177,101,23,.04)),
    rgba(10,18,18,.52) !important;
  border:1px solid rgba(145,205,205,.22);
  box-shadow:
    inset 0 0 28px rgba(73,173,182,.09),
    inset 0 -20px 30px rgba(0,0,0,.18),
    0 0 26px rgba(73,173,182,.05);
}
.board::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.045), transparent 22%),
    radial-gradient(circle at 82% 82%, rgba(255,148,45,.03), transparent 22%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.012) 0 2px, transparent 2px 7px);
  mix-blend-mode:screen;
  opacity:.75;
}
.square{
  background:
    linear-gradient(140deg, rgba(255,255,255,.045), transparent 50%),
    linear-gradient(315deg, rgba(0,0,0,.12), transparent 58%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.012) 0 2px, transparent 2px 7px),
    rgba(17,27,28,.46) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.015);
}
.square[data-tone="light"]{
  background:
    linear-gradient(140deg, rgba(252,251,228,.06), transparent 48%),
    linear-gradient(315deg, rgba(73,173,182,.09), transparent 62%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.014) 0 2px, transparent 2px 7px),
    rgba(71,101,104,.30) !important;
}
.square::after{
  border-color: rgba(117,174,174,.085);
}
.square--last{
  box-shadow:
    inset 0 0 0 2px rgba(177,101,23,.46),
    inset 0 0 26px rgba(177,101,23,.11),
    inset 0 0 0 1px rgba(255,255,255,.02);
}
.square--selected{
  box-shadow:
    inset 0 0 0 2px rgba(252,251,228,.82),
    inset 0 0 34px rgba(252,251,228,.19),
    0 0 10px rgba(252,251,228,.06);
}