:root {
  --g-squirreldash-deep-top: #2f6b45;
  --g-squirreldash-deep-bottom: #1d4a33;
  --g-squirreldash-moss: #3d7f4c;
  --g-squirreldash-moss-light: #4f9459;
  --g-squirreldash-dapple: #fff3b0;
  --g-squirreldash-bark: #8a5a38;
  --g-squirreldash-bark-dark: #5a3922;
  --g-squirreldash-bark-light: #b07c52;
  --g-squirreldash-leaf: #6fbf58;
  --g-squirreldash-leaf-dark: #3f8a3a;
  --g-squirreldash-leaf-light: #a9de7c;
  --g-squirreldash-void: #0e2a1c;
  --g-squirreldash-fur: #d9773a;
  --g-squirreldash-fur-dark: #8e4520;
  --g-squirreldash-fur-light: #f4a868;
  --g-squirreldash-belly: #fbe3c4;
  --g-squirreldash-owl: #9b7a5c;
  --g-squirreldash-owl-dark: #5e4632;
  --g-squirreldash-owl-face: #f1dfc2;
  --g-squirreldash-owl-eye: #ffcf3f;
  --g-squirreldash-beak: #f2a03d;
  --g-squirreldash-gold: #ffd04a;
  --g-squirreldash-gold-ink: rgba(122, 72, 10, 0.85);
  --g-squirreldash-ribbon: #ffffff;
  --g-squirreldash-ribbon-ink: #4a3348;
  --g-squirreldash-speed: #ffffff;
  --g-squirreldash-chip: rgba(255, 250, 242, 0.92);
  --g-squirreldash-chip-ink: #4a3348;
  --g-squirreldash-hurt: #ff6b6b;
  --g-squirreldash-float-fs: 20px;
  --g-squirreldash-chip-fs: 14px;
  --g-squirreldash-banner-fs: 21px;
  --g-squirreldash-banner-sub: 15px;
  --g-squirreldash-banner-w: 320px;
  --g-squirreldash-tip-time: 4.5;
  --g-squirreldash-end-hold: 1.6;
  --g-squirreldash-lane-w: 120;
  --g-squirreldash-btn: 48px;
  --g-squirreldash-inset: 10px;
  --g-squirreldash-btn-bg: rgba(255, 250, 242, 0.75);
  --g-squirreldash-btn-ink: #5a3922;
  --g-squirreldash-btn-shadow: 0 2px 8px rgba(20, 40, 25, 0.3);
  --g-squirreldash-sr: 1px;
}

:root.is-dark {
  --g-squirreldash-deep-top: #173a2a;
  --g-squirreldash-deep-bottom: #0c2018;
  --g-squirreldash-moss: #22502f;
  --g-squirreldash-moss-light: #2c5f39;
  --g-squirreldash-dapple: #c9d8ff;
  --g-squirreldash-bark: #6a452c;
  --g-squirreldash-bark-dark: #3e2818;
  --g-squirreldash-bark-light: #8a5f3e;
  --g-squirreldash-leaf: #4f9a47;
  --g-squirreldash-leaf-dark: #2b6430;
  --g-squirreldash-leaf-light: #7cbf68;
  --g-squirreldash-void: #050f0a;
  --g-squirreldash-chip: rgba(36, 28, 60, 0.9);
  --g-squirreldash-chip-ink: #f6eefc;
  --g-squirreldash-btn-bg: rgba(36, 28, 60, 0.72);
  --g-squirreldash-btn-ink: #ffe7c2;
  --g-squirreldash-btn-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

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

#game-dom .g-squirreldash-btn {
  position: absolute;
  bottom: var(--g-squirreldash-inset);
  width: var(--g-squirreldash-btn);
  height: var(--g-squirreldash-btn);
  min-width: var(--target);
  min-height: var(--target);
  display: grid;
  place-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--r-pill);
  background: var(--g-squirreldash-btn-bg);
  color: var(--g-squirreldash-btn-ink);
  box-shadow: var(--g-squirreldash-btn-shadow);
  pointer-events: auto;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

#game-dom .g-squirreldash-btn.left {
  left: var(--g-squirreldash-inset);
}

#game-dom .g-squirreldash-btn.jump {
  left: 50%;
  transform: translateX(-50%);
}

#game-dom .g-squirreldash-btn.right {
  right: var(--g-squirreldash-inset);
}

#game-dom .g-squirreldash-btn:active {
  scale: var(--press);
}

#game-dom .g-squirreldash-btn:focus {
  outline: none;
}

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

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