/* Site-wide PGN presentation, matching the high-contrast generated result cards. */
.lpv.lpv {
  --c-lpv-bg: #f8fafc;
  --c-lpv-bg-player: #eef4e6;
  --c-lpv-bg-controls: #e5edd9;
  --c-lpv-bg-movelist: #fff;
  --c-lpv-bg-variation: #eef4e6;
  --c-lpv-bg-pane: #eef4e6;
  --c-lpv-pgn-text: #f8fafc;
  --c-lpv-side-border: #cfdbc0;
  --c-lpv-border: #78964f;
  --c-lpv-font: #26364b;
  --c-lpv-font-shy: #66758a;
  --c-lpv-font-bg: #dce8c8;
  --c-lpv-move-hover: #dce8c8;
  --c-lpv-current-move: #78964f;
  --c-lpv-accent: #58703a;
  --c-lpv-accent-over: #fff;
  color: #26364b;
}

.lpv cg-board {
  background-color: #dce8c8;
  background-image: conic-gradient(#dce8c8 25%, #78964f 0 50%, #dce8c8 0 75%, #78964f 0);
  background-size: 25% 25%;
}

.lpv .lpv__controls {
  border-color: #78964f;
  background: #e5edd9;
}

.lpv.lpv .lpv__controls .lpv__fbt {
  border-color: #d3dce5;
  background: linear-gradient(#fff, #edf0f2);
  color: #26364b;
}

.lpv.lpv .lpv__controls .lpv__fbt.disabled,
.lpv.lpv .lpv__controls .lpv__fbt[disabled] {
  border-color: #d9e0e5;
  background: #eef1f2;
  color: #7f8b99;
}

@media (hover: hover) {
  .lpv.lpv .lpv__controls .lpv__fbt:hover:not(.disabled):not([disabled]) {
    border-color: #58703a;
    background: #58703a;
    color: #fff;
  }
}