[data-component~="components/games/go/tabletop"] {
  #board {
    --line-width: 0.125rem;
    --half-line-width: calc(var(--line-width) / 2);
    --line-color: var(--color-yellow-950);
    tr td {
      background-color: var(--color-yellow-800);
    }
    tr td::before {
      z-index: 1;
      content: " ";
      position: absolute;
      top: -1%;
      bottom: -1%;
      left: 50%;
      transform: translateX(-50%);
      width: var(--line-width);
      background-color: var(--line-color);
    }
    tr td::after {
      z-index: 1;
      content: " ";
      position: absolute;
      top: 50%;
      left: -1%;
      right: -1%;
      transform: translateY(-50%);
      height: var(--line-width);
      background-color: var(--line-color);
    }
    tr:first-child td:first-child::before, tr:first-child td:last-child::before, tr:first-child td:not(:first-child):not(:last-child)::before {
      top: calc(50% - var(--half-line-width));
    }
    tr:first-child td:last-child::after, tr:not(:first-child):not(:last-child) td:last-child::after, tr:last-child td:last-child::after {
      right: calc(50% - var(--half-line-width));
    }
    tr:last-child td:first-child::before, tr:last-child td:last-child::before, tr:last-child td:not(:first-child):not(:last-child)::before {
      bottom: calc(50% - var(--half-line-width));
    }
    tr:first-child td:first-child::after, tr:not(:first-child):not(:last-child) td:first-child::after, tr:last-child td:first-child::after {
      left: calc(50% - var(--half-line-width));
    }
  }
}