:root {
  --g-mossroll-outer: #4c7d3f;
  --g-mossroll-outer-2: #3f6d35;
  --g-mossroll-outer-3: #5d8f48;
  --g-mossroll-soil: #6b4a35;
  --g-mossroll-soil-2: #82604a;
  --g-mossroll-soil-3: #4f3424;
  --g-mossroll-sprout: #8cc864;
  --g-mossroll-lawn: #8cc56a;
  --g-mossroll-lawn-2: #9dd078;
  --g-mossroll-lawn-3: #6fab52;
  --g-mossroll-clover: #5f9f48;
  --g-mossroll-orchard: #7fb85f;
  --g-mossroll-orchard-2: #91c56e;
  --g-mossroll-orchard-3: #659c4b;
  --g-mossroll-fallen: #d9a74a;
  --g-mossroll-yard: #86bf63;
  --g-mossroll-yard-2: #96cc72;
  --g-mossroll-yard-3: #6da650;
  --g-mossroll-wild: #7aad55;
  --g-mossroll-wild-2: #8fbe64;
  --g-mossroll-wild-3: #5c8f42;
  --g-mossroll-gravel: #d8c7a4;
  --g-mossroll-gravel-2: #c4b089;
  --g-mossroll-gravel-3: #ece0c4;
  --g-mossroll-flower-a: #fff4f7;
  --g-mossroll-flower-b: #ffd45a;
  --g-mossroll-flower-c: #f28bb4;
  --g-mossroll-flower-d: #a98ce8;
  --g-mossroll-stone: #c9c4b8;
  --g-mossroll-stone-dark: #8f8a7e;
  --g-mossroll-hedge: #4f9442;
  --g-mossroll-hedge-dark: #2f6a2e;
  --g-mossroll-hedge-light: #8ccc6c;
  --g-mossroll-fence: #f4ecdc;
  --g-mossroll-fence-dark: #b9a98c;
  --g-mossroll-fence-shade: #d9cbb0;
  --g-mossroll-wallstone: #b3a996;
  --g-mossroll-wallstone-2: #cfc6b2;
  --g-mossroll-wallstone-dark: #7e7462;
  --g-mossroll-moss-spot: #7fb04f;
  --g-mossroll-gate: #b98053;
  --g-mossroll-gate-dark: #7a4e2f;
  --g-mossroll-sign: #f6e7c4;
  --g-mossroll-sign-ink: #5a3a22;
  --g-mossroll-dew: #9fd8f5;
  --g-mossroll-dew-light: #ffffff;
  --g-mossroll-seed: #3a3330;
  --g-mossroll-seed-stripe: #e9e2d4;
  --g-mossroll-clover-leaf: #5cae4c;
  --g-mossroll-clover-dark: #3c7d35;
  --g-mossroll-petal-a: #ff9ec4;
  --g-mossroll-petal-b: #fff6f1;
  --g-mossroll-petal-c: #ffd45a;
  --g-mossroll-berry: #e8414f;
  --g-mossroll-berry-seed: #ffe38a;
  --g-mossroll-calyx: #4f9a3a;
  --g-mossroll-acorn: #c98a45;
  --g-mossroll-acorn-dark: #8a5626;
  --g-mossroll-acorn-cap: #7b5a3a;
  --g-mossroll-shell: #f1dcb4;
  --g-mossroll-shell-dark: #b98a58;
  --g-mossroll-twig: #8a6142;
  --g-mossroll-twig-dark: #5d3e27;
  --g-mossroll-leaf: #6fb84f;
  --g-mossroll-leaf-dark: #3f8536;
  --g-mossroll-cone: #a56b3c;
  --g-mossroll-cone-dark: #6a4123;
  --g-mossroll-mush-cap: #e2574c;
  --g-mossroll-mush-cap-2: #b07a4a;
  --g-mossroll-mush-spot: #fff8ee;
  --g-mossroll-mush-stem: #f4ead8;
  --g-mossroll-apple: #e0473f;
  --g-mossroll-apple-2: #9ccc4a;
  --g-mossroll-stem: #6b4a2c;
  --g-mossroll-pot: #d9774b;
  --g-mossroll-pot-2: #4f8fc8;
  --g-mossroll-pot-soil: #5b3d2a;
  --g-mossroll-cabbage: #8fca6a;
  --g-mossroll-cabbage-light: #c9ec9e;
  --g-mossroll-cabbage-dark: #5a9a46;
  --g-mossroll-sunflower: #ffc62e;
  --g-mossroll-sunflower-dark: #e09a1a;
  --g-mossroll-sunflower-center: #6a4022;
  --g-mossroll-pumpkin: #f08a2c;
  --g-mossroll-pumpkin-dark: #c0601c;
  --g-mossroll-pumpkin-stem: #6f7f2e;
  --g-mossroll-bath: #d8d2c4;
  --g-mossroll-bath-dark: #9c9586;
  --g-mossroll-water: #7cc7f2;
  --g-mossroll-water-light: #d8f2ff;
  --g-mossroll-log: #9a6b45;
  --g-mossroll-log-dark: #64422a;
  --g-mossroll-log-end: #e6c08a;
  --g-mossroll-log-ring: #b98d5a;
  --g-mossroll-hay: #ecc860;
  --g-mossroll-hay-dark: #c49a34;
  --g-mossroll-hay-string: #9a6a3a;
  --g-mossroll-barrow: #4f9e6a;
  --g-mossroll-barrow-dark: #2f6e48;
  --g-mossroll-wheel: #3d3a45;
  --g-mossroll-bench: #c48a55;
  --g-mossroll-bench-dark: #84562f;
  --g-mossroll-boulder: #a9a69c;
  --g-mossroll-boulder-dark: #75726a;
  --g-mossroll-moss: #79b04a;
  --g-mossroll-stump: #94673f;
  --g-mossroll-stump-dark: #5f3f24;
  --g-mossroll-stump-top: #e2bd84;
  --g-mossroll-stump-ring: #c09160;
  --g-mossroll-bush: #4c9a46;
  --g-mossroll-bush-dark: #2f6e30;
  --g-mossroll-bush-light: #79c063;
  --g-mossroll-bush-berry: #6a5ad6;
  --g-mossroll-roof: #c4583e;
  --g-mossroll-roof-dark: #8e3a2a;
  --g-mossroll-shed-wall: #6f9cc4;
  --g-mossroll-shed-trim: #f4efe4;
  --g-mossroll-frog: #6cc04e;
  --g-mossroll-frog-dark: #3f8a34;
  --g-mossroll-frog-belly: #d8f0a0;
  --g-mossroll-hog: #9a7350;
  --g-mossroll-hog-dark: #5f4330;
  --g-mossroll-hog-face: #f2d9b4;
  --g-mossroll-bunny: #f2ece4;
  --g-mossroll-bunny-dark: #c9bfb2;
  --g-mossroll-bunny-ear: #f6b7c4;
  --g-mossroll-tortoise: #8b9a4a;
  --g-mossroll-tortoise-dark: #55622a;
  --g-mossroll-tortoise-skin: #b8b07a;
  --g-mossroll-eye: #2a2018;
  --g-mossroll-eye-shine: #ffffff;
  --g-mossroll-blush: rgba(255, 120, 140, 0.55);
  --g-mossroll-crown-a: #5fa84c;
  --g-mossroll-crown-a-dark: #3d7f37;
  --g-mossroll-crown-a-light: #93d16e;
  --g-mossroll-fruit: #e5463e;
  --g-mossroll-oak: #4e9142;
  --g-mossroll-oak-dark: #2f6630;
  --g-mossroll-oak-light: #7fbe5c;
  --g-mossroll-pine: #2f7a4c;
  --g-mossroll-pine-dark: #1d5536;
  --g-mossroll-pine-light: #57a46a;
  --g-mossroll-trunk: #7a5434;
  --g-mossroll-trunk-dark: #4f3420;
  --g-mossroll-ball: #6fae47;
  --g-mossroll-ball-dark: #3f7a31;
  --g-mossroll-ball-light: #a8d77a;
  --g-mossroll-tuft: #86c25a;
  --g-mossroll-tuft-dark: #4d8a39;
  --g-mossroll-tuft-tip: #c4e88f;
  --g-mossroll-ball-shine: rgba(255, 255, 240, 0.55);
  --g-mossroll-ball-shade: rgba(20, 50, 20, 0.42);
  --g-mossroll-sap: rgba(255, 176, 46, 0.42);
  --g-mossroll-sap-light: #ffe3a0;
  --g-mossroll-dew-trail: #e8f8ff;
  --g-mossroll-dew-glow: #bfeaff;
  --g-mossroll-slope: rgba(255, 255, 230, 0.32);
  --g-mossroll-shadow: rgba(30, 50, 20, 0.32);
  --g-mossroll-spark: #fff3b0;
  --g-mossroll-ring: #ffffff;
  --g-mossroll-dust: #d9e8b8;
  --g-mossroll-gust: rgba(255, 255, 255, 0.7);
  --g-mossroll-gust-leaf: #8cc864;
  --g-mossroll-heart: #ff7a9a;
  --g-mossroll-ray: rgba(255, 244, 196, 0.5);
  --g-mossroll-glow: #fff6c8;
  --g-mossroll-vignette: rgba(20, 45, 20, 0.34);
  --g-mossroll-firefly: #fff59a;
  --g-mossroll-float: #ffffff;
  --g-mossroll-float-edge: rgba(36, 60, 24, 0.85);
  --g-mossroll-float-gold: #ffe066;
  --g-mossroll-float-gold-edge: rgba(122, 72, 10, 0.9);
  --g-mossroll-float-bad: #ffb3a8;
  --g-mossroll-float-bad-edge: rgba(110, 30, 24, 0.9);
  --g-mossroll-chip: rgba(255, 252, 242, 0.95);
  --g-mossroll-chip-ink: #3a4a2a;
  --g-mossroll-pill: rgba(255, 252, 242, 0.93);
  --g-mossroll-pill-ink: #3a4a2a;
  --g-mossroll-pill-bar: rgba(80, 120, 50, 0.2);
  --g-mossroll-pill-fill: #6fae47;
  --g-mossroll-pill-sap: #f0a23a;
  --g-mossroll-pill-dew: #4fa8d8;
  --g-mossroll-pill-gust: #6f8fb0;
  --g-mossroll-arrow: rgba(255, 252, 242, 0.95);
  --g-mossroll-arrow-ink: #3d7a31;
  --g-mossroll-cue: #fffdf5;
  --g-mossroll-joy: rgba(255, 255, 255, 0.5);
  --g-mossroll-joy-fill: rgba(255, 255, 255, 0.16);
  --g-mossroll-panel: #5b8a44;
  --g-mossroll-panel-edge: #3f6d33;
  --g-mossroll-ball-min: 40;
  --g-mossroll-ball-max: 58;
  --g-mossroll-ball-y: 0.54;
  --g-mossroll-reveal-px: 120;
  --g-mossroll-zoom-rate: 1.6;
  --g-mossroll-cam-rate: 6;
  --g-mossroll-lead: 0.35;
  --g-mossroll-joy-r: 56;
  --g-mossroll-joy-dead: 0.12;
  --g-mossroll-tile: 256;
  --g-mossroll-item-lo: 56;
  --g-mossroll-item-hi: 168;
  --g-mossroll-item-switch: 60;
  --g-mossroll-item-fill: 0.78;
  --g-mossroll-max-stuck: 28;
  --g-mossroll-tufts: 46;
  --g-mossroll-tuft-k: 0.22;
  --g-mossroll-poke: 0.18;
  --g-mossroll-canopy-a: 0.94;
  --g-mossroll-canopy-under: 0.38;
  --g-mossroll-gate-swing: 0.7;
  --g-mossroll-gate-open: 1.75;
  --g-mossroll-lump: 0.85;
  --g-mossroll-lod: 3;
  --g-mossroll-squash: 0.16;
  --g-mossroll-squash-t: 0.28;
  --g-mossroll-pop: 0.08;
  --g-mossroll-pop-t: 0.22;
  --g-mossroll-shake: 5;
  --g-mossroll-dust-rate: 14;
  --g-mossroll-fly-t: 0.45;
  --g-mossroll-agg-t: 0.3;
  --g-mossroll-fireflies: 0;
  --g-mossroll-motes: 10;
  --g-mossroll-sign-fs: 11;
  --g-mossroll-float-fs: 17px;
  --g-mossroll-chip-fs: 14px;
  --g-mossroll-banner-fs: 22px;
  --g-mossroll-banner-sub: 15px;
  --g-mossroll-banner-w: 310px;
  --g-mossroll-pill-h: 26;
  --g-mossroll-pill-fs: 13;
  --g-mossroll-pill-top: 10;
  --g-mossroll-pill-side: 10;
  --g-mossroll-toast-gap: 10;
  --g-mossroll-toast-t: 2.6;
  --g-mossroll-arrow-r: 20;
  --g-mossroll-arrow-t: 6;
  --g-mossroll-edge: 30;
  --g-mossroll-tip-time: 8;
  --g-mossroll-tip-fade: 0.4;
  --g-mossroll-end-hold: 3.4;
  --g-mossroll-reveal-in: 0.7;
  --g-mossroll-hop-t: 0.32;
  --g-mossroll-cue-period: 1.6;
  --g-mossroll-cue-span: 70;
  --g-mossroll-pad-h: 80;
  --g-mossroll-stuck-k: 0.72;
  --g-mossroll-rim: 0.9;
  --g-mossroll-post: 0.85;
  --g-mossroll-nudge-t: 6;
  --g-mossroll-canopy-reveal: 0.12;
  --g-mossroll-gc-pad: 1.7;
  --g-mossroll-gc-zoom: 0.15;
  --g-mossroll-gc-dpr: 1.5;
  --g-mossroll-gc-lead: 0.6;
  --g-mossroll-live-stuck: 12;
  --g-mossroll-mottle-a: 0.22;
  --g-mossroll-btn: 56px;
  --g-mossroll-gap-btn: 12px;
  --g-mossroll-inset: 12px;
  --g-mossroll-icon: 26px;
  --g-mossroll-btn-bg: rgba(255, 252, 242, 0.92);
  --g-mossroll-btn-ink: #3d6b33;
  --g-mossroll-btn-shadow: 0 2px 8px rgba(30, 60, 25, 0.3);
}

:root.is-dark {
  --g-mossroll-outer: #17301f;
  --g-mossroll-outer-2: #11261a;
  --g-mossroll-outer-3: #1f3c27;
  --g-mossroll-soil: #3a2a22;
  --g-mossroll-soil-2: #4a362b;
  --g-mossroll-soil-3: #2a1d17;
  --g-mossroll-sprout: #4f8a4a;
  --g-mossroll-lawn: #2f5a3a;
  --g-mossroll-lawn-2: #376544;
  --g-mossroll-lawn-3: #234a30;
  --g-mossroll-clover: #2c5a34;
  --g-mossroll-orchard: #2b5236;
  --g-mossroll-orchard-2: #335d3f;
  --g-mossroll-orchard-3: #1f412a;
  --g-mossroll-fallen: #8a6a38;
  --g-mossroll-yard: #2d5838;
  --g-mossroll-yard-2: #356342;
  --g-mossroll-yard-3: #21452c;
  --g-mossroll-wild: #284c33;
  --g-mossroll-wild-2: #30583c;
  --g-mossroll-wild-3: #1c3b26;
  --g-mossroll-gravel: #5f6470;
  --g-mossroll-gravel-2: #4d525d;
  --g-mossroll-gravel-3: #767b86;
  --g-mossroll-flower-a: #dfe6ff;
  --g-mossroll-flower-b: #e8c85a;
  --g-mossroll-flower-c: #c97aa4;
  --g-mossroll-flower-d: #8f7ad0;
  --g-mossroll-stone: #7c8290;
  --g-mossroll-stone-dark: #4c515c;
  --g-mossroll-hedge: #24543a;
  --g-mossroll-hedge-dark: #133322;
  --g-mossroll-hedge-light: #4a8a5e;
  --g-mossroll-fence: #b9bfcf;
  --g-mossroll-fence-dark: #6c7282;
  --g-mossroll-fence-shade: #8d93a3;
  --g-mossroll-wallstone: #6c6a72;
  --g-mossroll-wallstone-2: #85838c;
  --g-mossroll-wallstone-dark: #44434a;
  --g-mossroll-moss-spot: #3f6a3a;
  --g-mossroll-gate: #7a5a44;
  --g-mossroll-gate-dark: #4a3424;
  --g-mossroll-sign: #d8cfb8;
  --g-mossroll-sign-ink: #3a2a1c;
  --g-mossroll-dew: #7ab8de;
  --g-mossroll-petal-b: #e8e4f0;
  --g-mossroll-shell: #cdbd9e;
  --g-mossroll-mush-stem: #d8d0c2;
  --g-mossroll-bath: #9a98a2;
  --g-mossroll-bath-dark: #66646e;
  --g-mossroll-water: #4f8fc4;
  --g-mossroll-water-light: #a8d4f2;
  --g-mossroll-hay: #c8a85a;
  --g-mossroll-hay-dark: #94793a;
  --g-mossroll-boulder: #7a7a84;
  --g-mossroll-boulder-dark: #4f4f58;
  --g-mossroll-bunny: #dcd8e2;
  --g-mossroll-bunny-dark: #a8a2b2;
  --g-mossroll-crown-a: #2f6a40;
  --g-mossroll-crown-a-dark: #1d4a2c;
  --g-mossroll-crown-a-light: #4f8f5c;
  --g-mossroll-oak: #2a5c3a;
  --g-mossroll-oak-dark: #173a24;
  --g-mossroll-oak-light: #46805a;
  --g-mossroll-pine: #1c4f36;
  --g-mossroll-pine-dark: #0f3322;
  --g-mossroll-pine-light: #357052;
  --g-mossroll-trunk: #5a3e2c;
  --g-mossroll-trunk-dark: #3a281c;
  --g-mossroll-ball: #4f8f46;
  --g-mossroll-ball-dark: #2a5a2c;
  --g-mossroll-ball-light: #8cc47a;
  --g-mossroll-tuft: #64a85a;
  --g-mossroll-tuft-dark: #346c38;
  --g-mossroll-tuft-tip: #a8dc92;
  --g-mossroll-ball-shine: rgba(210, 230, 255, 0.42);
  --g-mossroll-ball-shade: rgba(5, 15, 25, 0.5);
  --g-mossroll-dew-trail: #bfe6ff;
  --g-mossroll-dew-glow: #8fd0ff;
  --g-mossroll-slope: rgba(190, 220, 255, 0.18);
  --g-mossroll-shadow: rgba(0, 8, 14, 0.42);
  --g-mossroll-spark: #fff3b0;
  --g-mossroll-dust: #6f8f78;
  --g-mossroll-gust: rgba(200, 225, 255, 0.55);
  --g-mossroll-gust-leaf: #5f9a6a;
  --g-mossroll-ray: rgba(255, 236, 160, 0.26);
  --g-mossroll-glow: #ffe9a0;
  --g-mossroll-vignette: rgba(4, 10, 22, 0.55);
  --g-mossroll-firefly: #fff59a;
  --g-mossroll-fireflies: 14;
  --g-mossroll-motes: 0;
  --g-mossroll-float-edge: rgba(8, 18, 12, 0.92);
  --g-mossroll-chip: rgba(28, 40, 34, 0.94);
  --g-mossroll-chip-ink: #e8f3df;
  --g-mossroll-pill: rgba(28, 40, 34, 0.92);
  --g-mossroll-pill-ink: #e8f3df;
  --g-mossroll-pill-bar: rgba(160, 220, 140, 0.2);
  --g-mossroll-pill-fill: #8cc47a;
  --g-mossroll-arrow: rgba(28, 40, 34, 0.94);
  --g-mossroll-arrow-ink: #a8dc92;
  --g-mossroll-cue: #f4fbef;
  --g-mossroll-joy: rgba(220, 240, 255, 0.45);
  --g-mossroll-joy-fill: rgba(220, 240, 255, 0.12);
  --g-mossroll-panel: #1c3626;
  --g-mossroll-panel-edge: #102419;
  --g-mossroll-btn-bg: rgba(28, 40, 34, 0.9);
  --g-mossroll-btn-ink: #b9e6a4;
  --g-mossroll-btn-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}

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

#game-dom .g-mossroll-pad {
  position: absolute;
  left: 0;
  right: 0;
  bottom: var(--g-mossroll-inset);
  display: flex;
  justify-content: center;
  gap: max(var(--g-mossroll-gap-btn), var(--target-gap));
  pointer-events: none;
}

#game-dom .g-mossroll-btn {
  width: max(var(--g-mossroll-btn), var(--target));
  height: max(var(--g-mossroll-btn), var(--target));
  display: grid;
  place-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--r-pill);
  background: var(--g-mossroll-btn-bg);
  color: var(--g-mossroll-btn-ink);
  box-shadow: var(--g-mossroll-btn-shadow);
  pointer-events: auto;
  cursor: pointer;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}

#game-dom .g-mossroll-btn svg {
  width: var(--g-mossroll-icon);
  height: var(--g-mossroll-icon);
  fill: none;
  stroke: currentColor;
  stroke-width: 2.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

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

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

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