:root {
  --g-pollinate-sky-top: #93cdf2;
  --g-pollinate-sky-bottom: #e3f4ec;
  --g-pollinate-sun: #fff1b8;
  --g-pollinate-hill-far: #c4e3b0;
  --g-pollinate-hill: #9fd27f;
  --g-pollinate-meadow: #86c766;
  --g-pollinate-meadow-dark: #5fa64b;
  --g-pollinate-tuft: #4e9a3e;
  --g-pollinate-board: #6a4a2f;
  --g-pollinate-board-edge: #8d6440;
  --g-pollinate-board-light: #b98a5a;
  --g-pollinate-tile: #a9d98b;
  --g-pollinate-tile-alt: #9ccf7e;
  --g-pollinate-tile-edge: rgba(46, 92, 34, 0.35);
  --g-pollinate-tile-shine: rgba(255, 255, 255, 0.28);
  --g-pollinate-blade: rgba(70, 130, 52, 0.45);
  --g-pollinate-core: #f7c548;
  --g-pollinate-core-dark: #b07a24;
  --g-pollinate-bee: #ffd23f;
  --g-pollinate-bee-stripe: #3a2a1c;
  --g-pollinate-wing: rgba(235, 248, 255, 0.85);
  --g-pollinate-pollen: #ffe27a;
  --g-pollinate-cursor: #ffffff;
  --g-pollinate-hint: #fff4a8;
  --g-pollinate-chip: rgba(255, 250, 242, 0.92);
  --g-pollinate-chip-ink: #4a3348;
  --g-pollinate-hedge: #4f9a45;
  --g-pollinate-hedge-dark: #2f6a2c;
  --g-pollinate-hole: #2a1a10;
  --g-pollinate-hole-rim: #9a6a42;
  --g-pollinate-water: #8fd3f0;
  --g-pollinate-water-deep: #4c9fcc;
  --g-pollinate-pad: #74c25a;
  --g-pollinate-pad-dark: #3f8a35;
  --g-pollinate-sky-h: 118px;
  --g-pollinate-side: 14px;
  --g-pollinate-bottom: 74px;
  --g-pollinate-max-cell: 68px;
  --g-pollinate-frame: 7px;
  --g-pollinate-radius: 0.24;
  --g-pollinate-path-w: 0.34;
  --g-pollinate-flower-r: 0.46;
  --g-pollinate-tint: 0.5;
  --g-pollinate-bee-size: 15px;
  --g-pollinate-flight: 0.09s;
  --g-pollinate-chip-fs: 14px;
  --g-pollinate-float-fs: 18px;
  --g-pollinate-sr: 1px;
  --g-pollinate-banner-fs: 21px;
  --g-pollinate-banner-sub: 15px;
  --g-pollinate-banner-w: 320px;
  --g-pollinate-mech-img: 72px;
  --g-pollinate-mech-w: 300px;
}

:root.is-dark {
  --g-pollinate-sky-top: #1d2550;
  --g-pollinate-sky-bottom: #45507e;
  --g-pollinate-sun: #fff2d0;
  --g-pollinate-hill-far: #34506a;
  --g-pollinate-hill: #2e5a45;
  --g-pollinate-meadow: #2c5a3d;
  --g-pollinate-meadow-dark: #20442e;
  --g-pollinate-tuft: #1b3a27;
  --g-pollinate-board: #3a2818;
  --g-pollinate-board-edge: #5c3f26;
  --g-pollinate-board-light: #7c5838;
  --g-pollinate-tile: #3f6b47;
  --g-pollinate-tile-alt: #38623f;
  --g-pollinate-tile-edge: rgba(0, 0, 0, 0.35);
  --g-pollinate-tile-shine: rgba(255, 255, 255, 0.12);
  --g-pollinate-tint: 0.3;
  --g-pollinate-blade: rgba(150, 210, 140, 0.25);
  --g-pollinate-wing: rgba(220, 235, 255, 0.7);
  --g-pollinate-chip: rgba(36, 28, 60, 0.9);
  --g-pollinate-chip-ink: #f6eefc;
  --g-pollinate-hedge: #2f6a34;
  --g-pollinate-hedge-dark: #17401c;
  --g-pollinate-hole: #120a05;
  --g-pollinate-hole-rim: #6e4a2c;
  --g-pollinate-water: #3f7fa8;
  --g-pollinate-water-deep: #22506e;
  --g-pollinate-pad: #4f8f45;
  --g-pollinate-pad-dark: #2a5a26;
}

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

#game-dom .g-pollinate-mech {
  pointer-events: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(calc(100% - 2 * var(--gap-m)), var(--g-pollinate-mech-w));
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-xs);
  padding: var(--gap-m);
  border-radius: var(--r-l);
  background: var(--surface);
  color: var(--ink);
  box-shadow: var(--clay), var(--shadow-sheet);
  text-align: center;
  animation: fade var(--t-med) var(--ease);
}

#game-dom .g-pollinate-mech img {
  width: var(--g-pollinate-mech-img);
  height: var(--g-pollinate-mech-img);
}

#game-dom .g-pollinate-mech b {
  font-size: var(--fs-m);
  font-weight: var(--fw-x);
}

#game-dom .g-pollinate-mech p {
  margin: 0 0 var(--gap-xs);
  font-size: var(--fs-s);
  color: var(--ink-soft);
}

#game-dom .g-pollinate-mech .btn {
  width: 100%;
}

:root.reduce-motion #game-dom .g-pollinate-mech {
  animation: none;
}