:root {
  --g-beaver-sky-top: #8fc8f2;
  --g-beaver-sky-mid: #c4e6f7;
  --g-beaver-sky-bottom: #f3f6dc;
  --g-beaver-sun: #fff2b8;
  --g-beaver-cloud: rgba(255, 255, 255, 0.9);
  --g-beaver-hill-far: #b7d9b4;
  --g-beaver-forest-far: #8fbf8c;
  --g-beaver-forest-near: #5f9c63;
  --g-beaver-pine: #3f7a52;
  --g-beaver-far-bank: #9acb72;
  --g-beaver-river-top: #7cc6e8;
  --g-beaver-river-bottom: #3f97c9;
  --g-beaver-river-shine: rgba(255, 255, 255, 0.55);
  --g-beaver-river-edge: #2f7aa6;
  --g-beaver-mud: #a98457;
  --g-beaver-lily: #6db55a;
  --g-beaver-lily-dark: #3f8a3a;
  --g-beaver-lily-flower: #ffd1e3;
  --g-beaver-reed: #78a84a;
  --g-beaver-reed-dark: #4f7a32;
  --g-beaver-cattail: #8a5a36;
  --g-beaver-grass-top: #9fd27a;
  --g-beaver-grass-bottom: #6fb257;
  --g-beaver-grass-blade: #5a9c45;
  --g-beaver-grass-light: #c4e89a;
  --g-beaver-trail: rgba(196, 160, 112, 0.55);
  --g-beaver-trail-edge: rgba(150, 112, 70, 0.25);
  --g-beaver-lodge: #8a6240;
  --g-beaver-lodge-dark: #5b3d26;
  --g-beaver-stump: #a8774c;
  --g-beaver-stump-top: #e7c792;
  --g-beaver-stump-ring: rgba(150, 100, 60, 0.6);
  --g-beaver-fur: #9a6236;
  --g-beaver-fur-dark: #6b3f20;
  --g-beaver-fur-light: #c38a55;
  --g-beaver-belly: #e2b98a;
  --g-beaver-kit-fur: #b97c47;
  --g-beaver-big-fur: #7d4b29;
  --g-beaver-tail: #4f3a33;
  --g-beaver-tail-dark: #2f221e;
  --g-beaver-nose: #2b1d1a;
  --g-beaver-tooth: #fff7e0;
  --g-beaver-log: #a0703f;
  --g-beaver-log-dark: #6e4726;
  --g-beaver-log-end: #e8c58c;
  --g-beaver-stick: #8a5a36;
  --g-beaver-fence: #a9773f;
  --g-beaver-fence-dark: #6b4524;
  --g-beaver-fence-light: #d6a66a;
  --g-beaver-chip-wood: #e9c48a;
  --g-beaver-slot: rgba(255, 244, 196, 0.55);
  --g-beaver-slot-ring: #ffe066;
  --g-beaver-bite: #f3d7a4;
  --g-beaver-bite-dark: #9c6a3c;
  --g-beaver-splash: #d8f2ff;
  --g-beaver-bubble: rgba(235, 250, 255, 0.85);
  --g-beaver-hint: #ffe066;
  --g-beaver-hp: #ff8a6b;
  --g-beaver-hp-off: rgba(255, 255, 255, 0.55);
  --g-beaver-dizzy: #ffd25a;
  --g-beaver-dust: rgba(255, 248, 230, 0.85);
  --g-beaver-chip: rgba(255, 250, 242, 0.93);
  --g-beaver-chip-ink: #4a3348;
  --g-beaver-float: #ffffff;
  --g-beaver-float-bad: #ff8a6b;
  --g-beaver-float-gold: #ffd25a;
  --g-beaver-wave-ink: #ffffff;
  --g-beaver-wave-edge: rgba(74, 51, 72, 0.55);
  --g-beaver-bird: rgba(60, 70, 96, 0.55);
  --g-beaver-size: 1.15;
  --g-beaver-tree-h: 0.3;
  --g-beaver-fence-w: 40px;
  --g-beaver-fence-h: 30px;
  --g-beaver-slot-r: 26px;
  --g-beaver-btn: 56px;
  --g-beaver-chip-fs: 14px;
  --g-beaver-float-fs: 20px;
  --g-beaver-wave-fs: 36px;
  --g-beaver-banner-fs: 21px;
  --g-beaver-banner-sub: 15px;
  --g-beaver-banner-w: 320px;
  --g-beaver-banner-in: 0.3s;
  --g-beaver-wave-pop: 1.5s;
  --g-beaver-sr: 1px;
}

:root.is-dark {
  --g-beaver-sky-top: #141c40;
  --g-beaver-sky-mid: #2c3a6b;
  --g-beaver-sky-bottom: #5b5f8f;
  --g-beaver-sun: #fff4d0;
  --g-beaver-cloud: rgba(190, 200, 235, 0.35);
  --g-beaver-hill-far: #34456b;
  --g-beaver-forest-far: #2b4a55;
  --g-beaver-forest-near: #22413c;
  --g-beaver-pine: #183330;
  --g-beaver-far-bank: #2f5a45;
  --g-beaver-river-top: #3b6c9c;
  --g-beaver-river-bottom: #1f4573;
  --g-beaver-river-shine: rgba(220, 235, 255, 0.4);
  --g-beaver-river-edge: #173a60;
  --g-beaver-mud: #6b5236;
  --g-beaver-lily: #3f7a46;
  --g-beaver-lily-dark: #2a5532;
  --g-beaver-lily-flower: #e8b8d0;
  --g-beaver-reed: #4f7a40;
  --g-beaver-reed-dark: #33552a;
  --g-beaver-cattail: #6a452b;
  --g-beaver-grass-top: #3f7a46;
  --g-beaver-grass-bottom: #2a5532;
  --g-beaver-grass-blade: #24492b;
  --g-beaver-grass-light: #5a9a58;
  --g-beaver-trail: rgba(150, 120, 86, 0.45);
  --g-beaver-trail-edge: rgba(60, 40, 24, 0.3);
  --g-beaver-lodge: #644530;
  --g-beaver-lodge-dark: #3e2818;
  --g-beaver-stump: #7e5636;
  --g-beaver-stump-top: #b39066;
  --g-beaver-slot: rgba(255, 236, 170, 0.4);
  --g-beaver-chip: rgba(36, 28, 60, 0.9);
  --g-beaver-chip-ink: #f6eefc;
  --g-beaver-bird: rgba(210, 220, 255, 0.45);
}

#game-dom .g-beaver-ui {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

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

#game-dom .g-beaver-slot:focus {
  outline: none;
}

#game-dom .g-beaver-slot:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 2px;
}

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