:root {
  --g-pairs-radius: 14px;
  --g-pairs-ring: 3px;
  --g-pairs-ring-gap: 3px;
  --g-pairs-sr: 1px;
  --g-pairs-vine: #6fae4a;
  --g-pairs-vine-dark: #3f6e2c;
  --g-pairs-vine-leaf: #8fd06a;
  --g-pairs-tag: #fff3d6;
  --g-pairs-tag-edge: #a4784a;
  --g-pairs-ice: #bfe6fb;
  --g-pairs-ice-edge: #6aaed6;
  --g-pairs-ice-shine: #f2fbff;
  --g-pairs-ice-ink: #2d5f80;
  --g-pairs-pebble: #b9b0a6;
  --g-pairs-pebble-dark: #7e7469;
  --g-pairs-sun: #ffd24d;
  --g-pairs-sun-ray: #ffaa2b;
  --g-pairs-sun-face: #7a4a1e;
  --g-pairs-breeze: rgba(255, 255, 255, 0.92);
  --g-pairs-intro-bg: rgba(255, 250, 242, 0.95);
  --g-pairs-intro-ink: #4a3348;
  --g-pairs-intro-soft: #7b6577;
  --g-pairs-intro-edge: rgba(74, 51, 72, 0.1);
  --g-pairs-intro-fs: 14px;
  --g-pairs-intro-sub-fs: 12px;
  --g-pairs-intro-w: 344px;
  --g-pairs-intro-pad: 10px;
  --g-pairs-intro-hold: 6;
  --g-pairs-sun-peek: 1.4;
  --g-pairs-slide: 0.45;
}

:root.is-dark {
  --g-pairs-vine: #5d9a3e;
  --g-pairs-vine-dark: #2f5420;
  --g-pairs-vine-leaf: #74b453;
  --g-pairs-tag: #efe0bd;
  --g-pairs-tag-edge: #8a6238;
  --g-pairs-ice: #9fcfe9;
  --g-pairs-ice-edge: #4f8fb8;
  --g-pairs-ice-shine: #dff3ff;
  --g-pairs-ice-ink: #1f4560;
  --g-pairs-pebble: #9b928a;
  --g-pairs-pebble-dark: #655c53;
  --g-pairs-sun: #ffcf4a;
  --g-pairs-sun-ray: #f0a033;
  --g-pairs-breeze: rgba(225, 235, 255, 0.85);
  --g-pairs-intro-bg: rgba(36, 28, 60, 0.94);
  --g-pairs-intro-ink: #f6eefc;
  --g-pairs-intro-soft: #cbbcd8;
  --g-pairs-intro-edge: rgba(246, 238, 252, 0.12);
}

#game-dom .pr-board {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

#game-dom .pr-card {
  position: absolute;
  pointer-events: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--g-pairs-radius);
  background: transparent;
  color: transparent;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

#game-dom .pr-card:focus {
  outline: none;
}

#game-dom .pr-card:focus-visible {
  outline: var(--g-pairs-ring) solid var(--accent);
  outline-offset: var(--g-pairs-ring-gap);
}

#game-dom .pr-card[aria-disabled='true'] {
  cursor: default;
}

#game-dom .pr-sr {
  position: absolute;
  width: var(--g-pairs-sr);
  height: var(--g-pairs-sr);
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  pointer-events: none;
}