:root {
  --g-snake-sky-top: #8fcdf2;
  --g-snake-sky-bottom: #dff4f6;
  --g-snake-sun: #fff1b8;
  --g-snake-cloud: #f8fbff;
  --g-snake-cloud-dark: #b4c4d8;
  --g-snake-rain: rgba(90, 160, 230, 0.8);
  --g-snake-hill-far: #c6e5b4;
  --g-snake-hill: #a2d685;
  --g-snake-fence: #e6c08e;
  --g-snake-fence-dark: #a77a4d;
  --g-snake-hedge: #5daa4b;
  --g-snake-hedge-dark: #3a7a35;
  --g-snake-hedge-light: #8fd06a;
  --g-snake-berry: #ff7a8a;
  --g-snake-bloom: #fff6d8;
  --g-snake-grass-a: #a7dc7a;
  --g-snake-grass-b: #98d36c;
  --g-snake-blade: rgba(60, 130, 50, 0.35);
  --g-snake-edge: rgba(40, 90, 30, 0.22);
  --g-snake-soil: #a57750;
  --g-snake-soil-dark: #7a5536;
  --g-snake-stone: #c9bcae;
  --g-snake-vine: #63b84a;
  --g-snake-vine-dark: #2f6b2c;
  --g-snake-vine-light: #b5ea86;
  --g-snake-leaf: #7ccf55;
  --g-snake-leaf-dark: #3e8a35;
  --g-snake-bud: #8ad85e;
  --g-snake-bud-dark: #3c8233;
  --g-snake-water: #4aa8ef;
  --g-snake-water-dark: #2a74b8;
  --g-snake-water-light: #c6ecff;
  --g-snake-seed: #f2d27a;
  --g-snake-seed-dark: #4b3d33;
  --g-snake-stripe: #f4ead8;
  --g-snake-gold: #ffd23f;
  --g-snake-gold-dark: #c98a12;
  --g-snake-ring: rgba(255, 255, 255, 0.85);
  --g-snake-hint: #ffe066;
  --g-snake-bonk: #ff6b6b;
  --g-snake-petal-a: #ff9ec4;
  --g-snake-petal-b: #fff3a6;
  --g-snake-petal-c: #b9a4ff;
  --g-snake-chip: rgba(255, 250, 242, 0.92);
  --g-snake-chip-ink: #4a3348;
  --g-snake-top: 104px;
  --g-snake-bottom: 46px;
  --g-snake-side: 16px;
  --g-snake-cell: 30px;
  --g-snake-max-cell: 44px;
  --g-snake-hedge-w: 13px;
  --g-snake-vine-w: 0.52;
  --g-snake-chip-fs: 14px;
  --g-snake-float-fs: 18px;
  --g-snake-swipe: 22px;
  --g-snake-fall: 0.45s;
  --g-snake-banner-fs: 21px;
  --g-snake-banner-sub: 15px;
  --g-snake-banner-w: 320px;
  --g-snake-sr: 1px;
}

:root.is-dark {
  --g-snake-sky-top: #1c2448;
  --g-snake-sky-bottom: #3f4c7c;
  --g-snake-sun: #fff4d6;
  --g-snake-cloud: #c3cce0;
  --g-snake-cloud-dark: #7884a2;
  --g-snake-rain: rgba(150, 196, 255, 0.65);
  --g-snake-hill-far: #33506a;
  --g-snake-hill: #2c4f43;
  --g-snake-fence: #a2805c;
  --g-snake-fence-dark: #634a31;
  --g-snake-hedge: #3c7a3b;
  --g-snake-hedge-dark: #224a25;
  --g-snake-hedge-light: #5c9a4c;
  --g-snake-berry: #e0607a;
  --g-snake-bloom: #e8dfc4;
  --g-snake-grass-a: #4a7a45;
  --g-snake-grass-b: #42703e;
  --g-snake-blade: rgba(10, 40, 20, 0.35);
  --g-snake-edge: rgba(0, 0, 0, 0.3);
  --g-snake-soil: #6b4a32;
  --g-snake-soil-dark: #45301f;
  --g-snake-stone: #8a7f74;
  --g-snake-vine: #5aac44;
  --g-snake-vine-dark: #1f4a1f;
  --g-snake-vine-light: #9edc76;
  --g-snake-leaf: #6fc04c;
  --g-snake-leaf-dark: #2e6a29;
  --g-snake-bud: #7fcc58;
  --g-snake-bud-dark: #2e6a29;
  --g-snake-ring: rgba(240, 246, 255, 0.7);
  --g-snake-chip: rgba(36, 28, 60, 0.9);
  --g-snake-chip-ink: #f6eefc;
}

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