/* Chess2256 V45 — plateau transparent, radial adouci, tech discret */
.board-frame{
  background:
    radial-gradient(circle at 50% 50%, rgba(92,215,228,.055) 0 28%, rgba(92,215,228,.025) 48%, transparent 76%),
    linear-gradient(135deg, rgba(92,215,228,.045), transparent 28%, transparent 72%, rgba(255,161,58,.045)),
    rgba(6,12,14,.24) !important;
  box-shadow:
    0 18px 52px rgba(0,0,0,.30),
    inset 0 0 0 1px rgba(156,228,233,.05),
    inset 0 0 46px rgba(92,215,228,.055),
    0 0 34px rgba(92,215,228,.045);
  backdrop-filter: blur(1.8px) saturate(1.05);
}
.board-glow{opacity:.14;filter:blur(48px)}
.board{
  background:
    linear-gradient(180deg, rgba(255,255,255,.014), transparent 22%),
    rgba(8,15,18,.12) !important;
  border-color:rgba(156,228,233,.15);
  box-shadow:inset 0 0 20px rgba(92,215,228,.045),0 0 20px rgba(92,215,228,.03);
}
.board::before{
  background:
    linear-gradient(90deg, transparent 0 12%, rgba(92,215,228,.018) 12% 12.25%, transparent 12.25% 87.75%, rgba(255,161,58,.014) 87.75% 88%, transparent 88%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.004) 0 1px, transparent 1px 11px) !important;
  opacity:.62 !important;
}
.square{
  background:
    radial-gradient(circle at 50% 50%, rgba(177,230,234,.030) 0 34%, rgba(76,118,122,.020) 58%, rgba(5,11,13,.015) 100%),
    linear-gradient(145deg, rgba(255,255,255,.018), transparent 40%),
    rgba(12,22,24,.075) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.010),inset 0 0 14px rgba(92,215,228,.018);
}
.square[data-tone="light"]{
  background:
    radial-gradient(circle at 50% 50%, rgba(206,246,248,.045) 0 36%, rgba(105,164,169,.030) 62%, rgba(11,20,22,.010) 100%),
    linear-gradient(145deg, rgba(255,255,255,.022), transparent 42%),
    rgba(91,133,137,.105) !important;
}
.square::before{
  inset:10%;
  background:
    linear-gradient(90deg, rgba(92,215,228,.13),rgba(92,215,228,.13)) left top/13% 1px no-repeat,
    linear-gradient(180deg,rgba(92,215,228,.13),rgba(92,215,228,.13)) left top/1px 13% no-repeat,
    linear-gradient(90deg,rgba(255,161,58,.075),rgba(255,161,58,.075)) right bottom/11% 1px no-repeat,
    linear-gradient(180deg,rgba(255,161,58,.075),rgba(255,161,58,.075)) right bottom/1px 11% no-repeat;
  opacity:.20;
}
.square::after{border-color:rgba(156,228,233,.052)}