:root {
  --g-wordsprout-sky-top: #a7d8f4;
  --g-wordsprout-sky-bottom: #eef8e2;
  --g-wordsprout-sun: #fff3c4;
  --g-wordsprout-hill-far: #c4e2b6;
  --g-wordsprout-hill: #9fd08a;
  --g-wordsprout-meadow: #8cc96c;
  --g-wordsprout-meadow-dark: #5f9d4f;
  --g-wordsprout-soil: #9a6a43;
  --g-wordsprout-soil-dark: #6e4a2e;
  --g-wordsprout-moss: #7dba57;
  --g-wordsprout-moss-light: #b9e186;
  --g-wordsprout-patch: #b98557;
  --g-wordsprout-patch-light: #dcb27f;
  --g-wordsprout-patch-edge: #8a5c36;
  --g-wordsprout-tile: #fff8ea;
  --g-wordsprout-tile-light: #ffffff;
  --g-wordsprout-tile-dark: #e3cfaa;
  --g-wordsprout-tile-edge: rgba(122, 88, 48, 0.36);
  --g-wordsprout-ink: #4a3427;
  --g-wordsprout-sel: #ffd166;
  --g-wordsprout-sel-light: #fff0b8;
  --g-wordsprout-sel-ink: #5a3a12;
  --g-wordsprout-path: rgba(255, 196, 64, 0.75);
  --g-wordsprout-bad: #ff7b7b;
  --g-wordsprout-seed: #b07a45;
  --g-wordsprout-seed-dark: #7a4f2b;
  --g-wordsprout-stem: #5aa54a;
  --g-wordsprout-leaf: #6fc158;
  --g-wordsprout-leaf-light: #b8e57f;
  --g-wordsprout-leaf-gold: #f2c94c;
  --g-wordsprout-petal: #ff9ec4;
  --g-wordsprout-petal-light: #ffd3e4;
  --g-wordsprout-petal-heart: #ffd84d;
  --g-wordsprout-slot: rgba(255, 250, 240, 0.92);
  --g-wordsprout-slot-box: #f1e4cb;
  --g-wordsprout-slot-ink: #4a3427;
  --g-wordsprout-slot-done: #a6dd84;
  --g-wordsprout-slot-done-ink: #2f5a22;
  --g-wordsprout-slot-hint: rgba(74, 52, 39, 0.45);
  --g-wordsprout-chip: rgba(255, 250, 242, 0.94);
  --g-wordsprout-chip-ink: #4a3348;
  --g-wordsprout-spark: #fff1a6;
  --g-wordsprout-font: var(--font-display);
  --g-wordsprout-side: 14px;
  --g-wordsprout-top: 8px;
  --g-wordsprout-box: 20px;
  --g-wordsprout-box-min: 13px;
  --g-wordsprout-box-gap: 2px;
  --g-wordsprout-slot-pad: 5px;
  --g-wordsprout-slot-gap: 6px;
  --g-wordsprout-rows: 3;
  --g-wordsprout-sprout-h: 116px;
  --g-wordsprout-sprout-min: 64px;
  --g-wordsprout-ring-max: 132px;
  --g-wordsprout-ring-min: 92px;
  --g-wordsprout-tile-k: 0.37;
  --g-wordsprout-letter-k: 0.62;
  --g-wordsprout-letter-fw: 800;
  --g-wordsprout-chip-fs: 22px;
  --g-wordsprout-tip-fs: 14px;
  --g-wordsprout-float-fs: 19px;
  --g-wordsprout-banner-fs: 22px;
  --g-wordsprout-banner-sub: 15px;
  --g-wordsprout-banner-w: 300px;
  --g-wordsprout-btn: 50px;
  --g-wordsprout-btn-icon: 22px;
  --g-wordsprout-gap: 10px;
  --g-wordsprout-sr: 1px;
  --g-wordsprout-grow: 0.55s;
  --g-wordsprout-fly: 0.42s;
  --g-wordsprout-end: 2.4s;
  --g-wordsprout-tip: 5s;
  --g-wordsprout-idle: 7s;
}

:root.is-dark {
  --g-wordsprout-sky-top: #1a2444;
  --g-wordsprout-sky-bottom: #3d4d70;
  --g-wordsprout-sun: #e6e2ff;
  --g-wordsprout-hill-far: #34476a;
  --g-wordsprout-hill: #2f5a4a;
  --g-wordsprout-meadow: #2f5a40;
  --g-wordsprout-meadow-dark: #1f3d2d;
  --g-wordsprout-soil: #6a4930;
  --g-wordsprout-soil-dark: #46301f;
  --g-wordsprout-moss: #3f7a45;
  --g-wordsprout-moss-light: #6aa260;
  --g-wordsprout-patch: #7d5a3b;
  --g-wordsprout-patch-light: #9b7550;
  --g-wordsprout-patch-edge: #3f2a19;
  --g-wordsprout-tile: #f4ead4;
  --g-wordsprout-tile-light: #fffaf0;
  --g-wordsprout-tile-dark: #cdb994;
  --g-wordsprout-slot: rgba(36, 28, 60, 0.9);
  --g-wordsprout-slot-box: #3b3360;
  --g-wordsprout-slot-ink: #f6eefc;
  --g-wordsprout-slot-done: #4f8a46;
  --g-wordsprout-slot-done-ink: #f2ffe9;
  --g-wordsprout-slot-hint: rgba(246, 238, 252, 0.5);
  --g-wordsprout-chip: rgba(36, 28, 60, 0.92);
  --g-wordsprout-chip-ink: #f6eefc;
}

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

#game-dom .g-ws-btn {
  position: absolute;
  pointer-events: auto;
  min-width: var(--g-wordsprout-btn);
  min-height: var(--g-wordsprout-btn);
  padding: 0 var(--gap-m);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  border: 0;
  border-radius: var(--r-pill);
  background: var(--hud-glass);
  box-shadow: var(--clay);
  color: var(--ink);
  font: inherit;
  font-size: var(--fs-xs);
  font-weight: var(--fw-x);
  line-height: 1.1;
  white-space: nowrap;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

#game-dom .g-ws-btn svg {
  width: var(--g-wordsprout-btn-icon);
  height: var(--g-wordsprout-btn-icon);
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#game-dom .g-ws-btn small {
  font-size: var(--fs-xs);
  font-weight: var(--fw-b);
  color: var(--ink-soft);
  font-variant-numeric: tabular-nums;
}

#game-dom .g-ws-btn.go {
  background: var(--accent);
  color: var(--on-accent, #fff);
}

#game-dom .g-ws-btn:active:not([aria-disabled='true']) {
  transform: scale(var(--press-s));
}

#game-dom .g-ws-btn[aria-disabled='true'] {
  opacity: 0.45;
  cursor: default;
}

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

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

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