:root {
  --g-pipes-sky-top: #8ccbf0;
  --g-pipes-sky-bottom: #d8f1f8;
  --g-pipes-hill: #b4dd96;
  --g-pipes-hill-far: #cfe8c0;
  --g-pipes-grass: #7cc35e;
  --g-pipes-grass-dark: #4f9a42;
  --g-pipes-soil-top: #a3744c;
  --g-pipes-soil-mid: #835a39;
  --g-pipes-soil-deep: #5e3f28;
  --g-pipes-strata: rgba(52, 30, 16, 0.22);
  --g-pipes-speck: rgba(255, 236, 210, 0.2);
  --g-pipes-stone: #c2b4a4;
  --g-pipes-pocket: rgba(44, 24, 12, 0.32);
  --g-pipes-pocket-edge: rgba(255, 232, 204, 0.2);
  --g-pipes-pipe: #9fcb6a;
  --g-pipes-pipe-light: #d3eca4;
  --g-pipes-pipe-dark: #4f7a32;
  --g-pipes-node: #7fae4f;
  --g-pipes-channel: #3d2717;
  --g-pipes-water: #3fa4ea;
  --g-pipes-water-light: #b5e8ff;
  --g-pipes-clamp: #9aa6b2;
  --g-pipes-clamp-dark: #5e6a76;
  --g-pipes-root: #c4935f;
  --g-pipes-root-dark: #7e5434;
  --g-pipes-root-wet: #5cc2ff;
  --g-pipes-funnel: #c9bdb0;
  --g-pipes-cloud: #f6f9fc;
  --g-pipes-cloud-dark: #aebdd0;
  --g-pipes-rain: rgba(96, 160, 226, 0.75);
  --g-pipes-sun: #fff0b0;
  --g-pipes-cursor: #ffffff;
  --g-pipes-hint: #ffe066;
  --g-pipes-chip: rgba(255, 250, 242, 0.92);
  --g-pipes-chip-ink: #4a3348;
  --g-pipes-sky-h: 132px;
  --g-pipes-root-h: 76px;
  --g-pipes-side: 22px;
  --g-pipes-pad: 18px;
  --g-pipes-max-cell: 86px;
  --g-pipes-radius: 0.22;
  --g-pipes-pipe-w: 0.34;
  --g-pipes-chip-fs: 14px;
  --g-pipes-float-fs: 20px;
  --g-pipes-turn: 0.16s;
  --g-pipes-flow: 0.07s;
  --g-pipes-sr: 1px;
  --g-pipes-banner-fs: 21px;
  --g-pipes-banner-sub: 15px;
  --g-pipes-banner-w: 320px;
  --g-pipes-ice: #a9dbff;
  --g-pipes-ice-light: #f2fbff;
  --g-pipes-ice-edge: rgba(98, 164, 222, 0.9);
  --g-pipes-clog: #d9853a;
  --g-pipes-clog-light: #f5bc62;
  --g-pipes-clog-dark: #8a4c1c;
  --g-pipes-bud: #f08ab2;
  --g-pipes-bud-dark: #b04c78;
  --g-pipes-petal: #ffcfe2;
  --g-pipes-petal-heart: #ffd45c;
  --g-pipes-arrow: #fff6e0;
  --g-pipes-valve: #e2a93f;
  --g-pipes-valve-dark: #8a5a1c;
  --g-pipes-vine: #c08347;
  --g-pipes-vine-leaf: #93d160;
  --g-pipes-intro: rgba(255, 250, 242, 0.96);
  --g-pipes-intro-ink: #4a3348;
  --g-pipes-intro-sub: #6f5a6d;
  --g-pipes-intro-ring: rgba(255, 214, 92, 0.95);
  --g-pipes-intro-well: #7a5434;
  --g-pipes-intro-fs: 15px;
  --g-pipes-intro-sub-fs: 13px;
  --g-pipes-intro-w: 340px;
  --g-pipes-intro-icon: 46px;
  --g-pipes-intro-hold: 6s;
  --g-pipes-intro-fade: 0.3s;
}

:root.is-dark {
  --g-pipes-sky-top: #1c2346;
  --g-pipes-sky-bottom: #3d4a78;
  --g-pipes-hill: #2c4a43;
  --g-pipes-hill-far: #34506a;
  --g-pipes-grass: #3f7a46;
  --g-pipes-grass-dark: #2a5532;
  --g-pipes-soil-top: #6b4a32;
  --g-pipes-soil-mid: #523825;
  --g-pipes-soil-deep: #3a271a;
  --g-pipes-strata: rgba(0, 0, 0, 0.25);
  --g-pipes-speck: rgba(255, 236, 210, 0.1);
  --g-pipes-stone: #8a7f74;
  --g-pipes-pocket: rgba(0, 0, 0, 0.32);
  --g-pipes-pocket-edge: rgba(255, 232, 204, 0.12);
  --g-pipes-pipe: #7fae55;
  --g-pipes-pipe-light: #b4d886;
  --g-pipes-pipe-dark: #34552a;
  --g-pipes-node: #5f8d3f;
  --g-pipes-channel: #24170d;
  --g-pipes-root: #a87b4f;
  --g-pipes-root-dark: #5e3e26;
  --g-pipes-funnel: #9a8f84;
  --g-pipes-cloud: #c6cfe2;
  --g-pipes-cloud-dark: #7b88a6;
  --g-pipes-rain: rgba(150, 196, 255, 0.6);
  --g-pipes-sun: #fff4d0;
  --g-pipes-chip: rgba(36, 28, 60, 0.9);
  --g-pipes-chip-ink: #f6eefc;
  --g-pipes-ice: #7fb4e6;
  --g-pipes-ice-light: #d8eeff;
  --g-pipes-ice-edge: rgba(150, 204, 255, 0.8);
  --g-pipes-clog: #b86f30;
  --g-pipes-clog-light: #d99a4c;
  --g-pipes-clog-dark: #5c3214;
  --g-pipes-bud: #cf6f98;
  --g-pipes-bud-dark: #86385c;
  --g-pipes-petal: #f0b6ce;
  --g-pipes-petal-heart: #eebd45;
  --g-pipes-arrow: #f3ead6;
  --g-pipes-valve: #c08b34;
  --g-pipes-valve-dark: #5e3d12;
  --g-pipes-vine: #a06c3a;
  --g-pipes-vine-leaf: #6dab48;
  --g-pipes-intro: rgba(36, 28, 60, 0.95);
  --g-pipes-intro-ink: #f6eefc;
  --g-pipes-intro-sub: #cfc2dc;
  --g-pipes-intro-ring: rgba(255, 214, 92, 0.7);
  --g-pipes-intro-well: #4a3322;
}

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