:root {
  --g-pinball-cab-top: #3a2a3f;
  --g-pinball-cab-bottom: #1f2b22;
  --g-pinball-cab-grain: rgba(255, 220, 170, 0.06);
  --g-pinball-floor-top: #5c9a5e;
  --g-pinball-floor-bottom: #234f45;
  --g-pinball-plank: rgba(28, 52, 24, 0.22);
  --g-pinball-grain: rgba(30, 58, 26, 0.14);
  --g-pinball-moss: #8cc663;
  --g-pinball-moss-light: #c4ec8e;
  --g-pinball-moss-dark: #2c5a2c;
  --g-pinball-dusk: rgba(255, 178, 102, 0.5);
  --g-pinball-cool: rgba(64, 40, 118, 0.38);
  --g-pinball-rim-shadow: #10200f;
  --g-pinball-rail: #a8744a;
  --g-pinball-rail-dark: #4a2c19;
  --g-pinball-rail-light: #f3d29e;
  --g-pinball-apron: #8a5a36;
  --g-pinball-apron-dark: #3e2414;
  --g-pinball-drain: rgba(16, 12, 20, 0.78);
  --g-pinball-lane: #5a3c24;
  --g-pinball-ramp: #c99157;
  --g-pinball-ramp-dark: #5a361d;
  --g-pinball-ramp-light: #ffe6b8;
  --g-pinball-ramp-shadow: #0f1a0c;
  --g-pinball-vine: #4c9a3e;
  --g-pinball-vine-dark: #1f4a1f;
  --g-pinball-vine-leaf: #86cf5a;
  --g-pinball-insert: rgba(24, 34, 22, 0.5);
  --g-pinball-insert-rim: rgba(255, 238, 196, 0.45);
  --g-pinball-lit-skill: #ffbe2e;
  --g-pinball-lit-mission: #6cf06e;
  --g-pinball-lit-ready: #ff8a3a;
  --g-pinball-lit-jackpot: #ff5f9e;
  --g-pinball-lit-oak: #ffe44a;
  --g-pinball-firefly: #e4ff7a;
  --g-pinball-lamp: #ffe066;
  --g-pinball-lamp-ink: #5a3410;
  --g-pinball-cap: #e9504f;
  --g-pinball-cap-dark: #8e1f2e;
  --g-pinball-cap-light: #ff9a82;
  --g-pinball-cap-spot: #fff6e6;
  --g-pinball-skirt: #f3e3c3;
  --g-pinball-bumper-glow: #ffcf6a;
  --g-pinball-sling: #7cc95a;
  --g-pinball-sling-dark: #2f6a2e;
  --g-pinball-sling-band: #fff6d8;
  --g-pinball-sling-lit: #fff2a0;
  --g-pinball-brass: #e0b85c;
  --g-pinball-brass-dark: #7a5620;
  --g-pinball-stump: #b88353;
  --g-pinball-stump-dark: #5a3720;
  --g-pinball-stump-ring: rgba(90, 52, 28, 0.6);
  --g-pinball-hole: #160d08;
  --g-pinball-fur: #d9773a;
  --g-pinball-fur-dark: #8e4520;
  --g-pinball-belly: #f6d6ae;
  --g-pinball-cone: #a8683c;
  --g-pinball-cone-dark: #4a2914;
  --g-pinball-cone-tip: #f0c487;
  --g-pinball-slot: #1a110b;
  --g-pinball-flipper: #e8c07a;
  --g-pinball-flipper-dark: #7a4c26;
  --g-pinball-flipper-light: #fff1d2;
  --g-pinball-rubber: #8a2f24;
  --g-pinball-acorn: #c98a3e;
  --g-pinball-acorn-dark: #4e2a0e;
  --g-pinball-acorn-light: #ffe2a6;
  --g-pinball-acorn-cap: #8a5a34;
  --g-pinball-acorn-cap-dark: #34200e;
  --g-pinball-shine: #ffffff;
  --g-pinball-shadow: #0b140a;
  --g-pinball-trail: #ffd98a;
  --g-pinball-spark: #fff1b0;
  --g-pinball-plaque: #7a4a2a;
  --g-pinball-plaque-dark: #3a2010;
  --g-pinball-plaque-glass: #1c130d;
  --g-pinball-plaque-ink: #ffd27a;
  --g-pinball-plaque-sub: #ffe9c6;
  --g-pinball-plaque-bar: #93f27c;
  --g-pinball-guard: #9cf06e;
  --g-pinball-root: #5a3a1e;
  --g-pinball-save: #8fdcff;
  --g-pinball-hurt: #ff6b6b;
  --g-pinball-gold: #ffd04a;
  --g-pinball-gold-ink: rgba(110, 60, 8, 0.9);
  --g-pinball-dim: #120c18;
  --g-pinball-sign: #8a5632;
  --g-pinball-sign-dark: #3c2212;
  --g-pinball-sign-ink: #fff4dc;
  --g-pinball-sign-sub: #ffd27a;
  --g-pinball-leaf-a: #9bd35f;
  --g-pinball-leaf-b: #f2a541;
  --g-pinball-leaf-c: #e0643c;
  --g-pinball-fern: rgba(40, 92, 38, 0.55);
  --g-pinball-bloom: #fff0f6;
  --g-pinball-chip: rgba(255, 250, 242, 0.94);
  --g-pinball-chip-ink: #4a3348;
  --g-pinball-float-fs: 17px;
  --g-pinball-chip-fs: 14px;
  --g-pinball-banner-fs: 21px;
  --g-pinball-banner-sub: 14px;
  --g-pinball-banner-w: 272px;
  --g-pinball-banner-h: 74px;
  --g-pinball-banner-y: 208;
  --g-pinball-banner-life: 1.9;
  --g-pinball-tip-time: 4.5;
  --g-pinball-tip-fade: 0.35;
  --g-pinball-tip-top: 40;
  --g-pinball-tip-bottom: 215;
  --g-pinball-cue: #fffdf5;
  --g-pinball-cue-period: 1.3;
  --g-pinball-cue-top: 470;
  --g-pinball-end-hold: 2;
  --g-pinball-pad-h: 64;
  --g-pinball-pad-off: 24;
  --g-pinball-rail-w: 9;
  --g-pinball-guide-w: 7;
  --g-pinball-ramp-w: 20;
  --g-pinball-vine-w: 3;
  --g-pinball-insert-size: 10;
  --g-pinball-lamp-r: 8;
  --g-pinball-plaque-w: 148;
  --g-pinball-plaque-h: 36;
  --g-pinball-plaque-fs: 13;
  --g-pinball-plaque-sub-fs: 10.5;
  --g-pinball-plank-w: 28;
  --g-pinball-moss-n: 60;
  --g-pinball-decor-n: 50;
  --g-pinball-bumper-glow-r: 34;
  --g-pinball-squash: 0.5;
  --g-pinball-squash-time: 0.22;
  --g-pinball-blink: 0.7;
  --g-pinball-trail-n: 5;
  --g-pinball-trail-r: 1.5;
  --g-pinball-trail-min: 5;
  --g-pinball-spark-n: 7;
  --g-pinball-leaf-n: 9;
  --g-pinball-fly-n: 8;
  --g-pinball-fly-r: 16;
  --g-pinball-fly-roam: 26;
  --g-pinball-shake: 2.5;
  --g-pinball-shake-big: 5;
  --g-pinball-shake-time: 0.12;
  --g-pinball-show-time: 0.9;
  --g-pinball-show-r: 160;
  --g-pinball-chase: 2;
  --g-pinball-pull: 16;
  --g-pinball-dim-max: 0.45;
  --g-pinball-flash-time: 0.45;
  --g-pinball-ramp-lift: 7;
  --g-pinball-ball-shadow: 4;
  --g-pinball-fx-gravity: 260;
  --g-pinball-btn: 48px;
  --g-pinball-inset: 8px;
  --g-pinball-icon: 26px;
  --g-pinball-btn-bg: rgba(255, 250, 242, 0.82);
  --g-pinball-btn-ink: #5e3d27;
  --g-pinball-btn-shadow: 0 2px 8px rgba(30, 50, 25, 0.3);
}

:root.is-dark {
  --g-pinball-cab-top: #191426;
  --g-pinball-cab-bottom: #0b120e;
  --g-pinball-cab-grain: rgba(255, 220, 170, 0.04);
  --g-pinball-floor-top: #2e5a46;
  --g-pinball-floor-bottom: #0e231c;
  --g-pinball-plank: rgba(0, 0, 0, 0.26);
  --g-pinball-grain: rgba(0, 0, 0, 0.16);
  --g-pinball-moss: #4d8e4e;
  --g-pinball-moss-light: #84c47a;
  --g-pinball-moss-dark: #10261a;
  --g-pinball-dusk: rgba(255, 170, 96, 0.24);
  --g-pinball-cool: rgba(30, 40, 120, 0.4);
  --g-pinball-rim-shadow: #000000;
  --g-pinball-rail: #7a5134;
  --g-pinball-rail-dark: #24150c;
  --g-pinball-rail-light: #cfa673;
  --g-pinball-apron: #5a3a24;
  --g-pinball-apron-dark: #1c110a;
  --g-pinball-drain: rgba(4, 4, 10, 0.85);
  --g-pinball-lane: #33231a;
  --g-pinball-ramp: #9a6a42;
  --g-pinball-ramp-dark: #2e1a0e;
  --g-pinball-ramp-light: #e6c08a;
  --g-pinball-ramp-shadow: #000000;
  --g-pinball-vine: #3b7d36;
  --g-pinball-vine-dark: #102a12;
  --g-pinball-vine-leaf: #63ab4c;
  --g-pinball-insert: rgba(0, 0, 0, 0.5);
  --g-pinball-insert-rim: rgba(255, 226, 170, 0.3);
  --g-pinball-cap: #d8414a;
  --g-pinball-cap-dark: #6e1622;
  --g-pinball-cap-light: #ff8c78;
  --g-pinball-skirt: #d9c6a2;
  --g-pinball-sling: #4f9a47;
  --g-pinball-sling-dark: #1c4a20;
  --g-pinball-stump: #8e6240;
  --g-pinball-stump-dark: #3a2314;
  --g-pinball-flipper: #d3a965;
  --g-pinball-flipper-dark: #5e3a1c;
  --g-pinball-flipper-light: #f6e2bc;
  --g-pinball-acorn-light: #ffd896;
  --g-pinball-shadow: #000000;
  --g-pinball-plaque: #5e3820;
  --g-pinball-plaque-dark: #22140a;
  --g-pinball-plaque-glass: #0d0906;
  --g-pinball-sign: #6a4024;
  --g-pinball-sign-dark: #26150a;
  --g-pinball-fern: rgba(90, 160, 90, 0.35);
  --g-pinball-bloom: #f2d6ff;
  --g-pinball-dim: #05040a;
  --g-pinball-chip: rgba(36, 28, 60, 0.92);
  --g-pinball-chip-ink: #f6eefc;
  --g-pinball-btn-bg: rgba(36, 28, 60, 0.78);
  --g-pinball-btn-ink: #ffe7c2;
  --g-pinball-btn-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}

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

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

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

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

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

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

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

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