#townsquare-root#townsquare-root {
  --scene: #e4e2dd;
  --page: #efede9;
  --surface: #fdf8f4;
  --ink: #2a2926;
  --you: #419968;
  --tree-trunk: color-mix(in oklab, var(--text) 58%, var(--muted) 42%);
  --tree-canopy: #3d9968;
  --other: #26241f;
  --ground: rgba(42, 41, 38, 0.16);
  --scene-edge: color-mix(in oklab, var(--scene) 88%, var(--page) 12%);
  --you-deep: var(--you);
  --text: var(--ink);
  --muted: var(--ink);
}
#townsquare-root#townsquare-root[data-townsquare-theme="dark"] {
  --scene: #242521;
  --page: #181917;
  --surface: #24231f;
  --ink: #f2eee6;
  --you: #3d9968;
  --tree-trunk: color-mix(in oklab, var(--text) 58%, var(--muted) 42%);
  --tree-canopy: color-mix(in oklab, var(--text) 58%, var(--muted) 42%);
  --other: #ddd7cc;
  --ground: rgba(242, 238, 230, 0.18);
  --scene-edge: color-mix(in oklab, var(--scene) 88%, var(--page) 12%);
  --you-deep: var(--you);
  --text: var(--ink);
  --muted: var(--ink);
}
@media (prefers-color-scheme: dark) {
  #townsquare-root#townsquare-root[data-townsquare-theme="auto"] {
  --scene: #242521;
  --page: #181917;
  --surface: #24231f;
  --ink: #f2eee6;
  --you: #3d9968;
  --tree-trunk: color-mix(in oklab, var(--text) 58%, var(--muted) 42%);
  --tree-canopy: color-mix(in oklab, var(--text) 58%, var(--muted) 42%);
  --other: #ddd7cc;
  --ground: rgba(242, 238, 230, 0.18);
  --scene-edge: color-mix(in oklab, var(--scene) 88%, var(--page) 12%);
  --you-deep: var(--you);
  --text: var(--ink);
  --muted: var(--ink);
  }
}
#townsquare-root#townsquare-root .townsquare__stage {
  background: linear-gradient(
    180deg,
    var(--scene) 0%,
    var(--scene) 72%,
    var(--scene-edge) 72%,
    var(--page) 72.4%,
    var(--page) 100%
  );
}
#townsquare-root#townsquare-root .townsquare__ground {
  background: var(--ground);
}