.game-ball { display: inline-block; flex-shrink: 0; width: var(--ball-size, 80px); height: var(--ball-size, 80px); background-image: url(../images/game-ball-sets.png); background-repeat: no-repeat; background-size: calc(var(--ball-size, 80px) * 21.025) calc(var(--ball-size, 80px) * 25.6); background-position: calc(var(--ball-size, 80px) * var(--sprite-x)) calc(var(--ball-size, 80px) * var(--sprite-y)); }
.set-1-0 { --sprite-x: -7.175; --sprite-y: -5.1375; }
.set-1-1 { --sprite-x: -6.15; --sprite-y: -5.1375; }
.set-1-2 { --sprite-x: -16.4125; --sprite-y: -1.025; }
.set-1-4 { --sprite-x: -10.25; --sprite-y: -2.05; }
.set-1-5 { --sprite-x: -14.3625; --sprite-y: -1.025; }
.set-1-6 { --sprite-x: -13.3375; --sprite-y: -1.025; }
.set-1-7 { --sprite-x: -11.2875; --sprite-y: -1.025; }
.set-2-0 { --sprite-x: -2.05; --sprite-y: -20.5125; }
.set-2-1 { --sprite-x: -2.05; --sprite-y: -19.4875; }
.set-2-2 { --sprite-x: 0.0; --sprite-y: -21.525; }
.set-2-4 { --sprite-x: -1.025; --sprite-y: -4.1; }
.set-2-5 { --sprite-x: -1.025; --sprite-y: -6.15; }
.set-2-6 { --sprite-x: -1.025; --sprite-y: -3.075; }
.set-2-7 { --sprite-x: -1.025; --sprite-y: -2.05; }
.set-3-0 { --sprite-x: -9.225; --sprite-y: -14.3625; }
.set-3-1 { --sprite-x: -3.075; --sprite-y: -16.4125; }
.set-3-2 { --sprite-x: -13.325; --sprite-y: -14.35; }
.set-3-4 { --sprite-x: -9.225; --sprite-y: -15.3875; }
.set-3-5 { --sprite-x: -6.15; --sprite-y: -15.3875; }
.set-3-6 { --sprite-x: -8.2; --sprite-y: -15.3875; }
.set-3-7 { --sprite-x: -7.175; --sprite-y: -15.3875; }
.set-7-0 { --sprite-x: -3.075; --sprite-y: -7.1875; }
.set-7-1 { --sprite-x: -4.1; --sprite-y: -7.1875; }
.set-7-2 { --sprite-x: -5.125; --sprite-y: -10.2625; }
.set-7-4 { --sprite-x: -9.225; --sprite-y: -7.1875; }
.set-7-5 { --sprite-x: -3.075; --sprite-y: -11.2875; }
.set-7-6 { --sprite-x: -5.125; --sprite-y: -9.2375; }
.set-7-7 { --sprite-x: -4.1; --sprite-y: -9.2375; }
.set-9-0 { --sprite-x: -8.2125; --sprite-y: -13.3375; }
.set-9-1 { --sprite-x: -4.1125; --sprite-y: -13.3375; }
.set-9-2 { --sprite-x: -11.275; --sprite-y: -12.3; }
.set-9-4 { --sprite-x: -14.35; --sprite-y: -6.15; }
.set-9-5 { --sprite-x: -17.425; --sprite-y: -4.1; }
.set-9-6 { --sprite-x: -10.25; --sprite-y: -12.3; }
.set-9-7 { --sprite-x: -8.2; --sprite-y: -12.3125; }
.set-11-0 { --sprite-x: -8.2; --sprite-y: -2.0625; }
.set-11-1 { --sprite-x: -7.175; --sprite-y: -3.0875; }
.set-11-2 { --sprite-x: -7.175; --sprite-y: -2.0625; }
.set-11-4 { --sprite-x: -6.15; --sprite-y: -3.0875; }
.set-11-5 { --sprite-x: -6.15; --sprite-y: -4.1125; }
.set-11-6 { --sprite-x: -4.1; --sprite-y: -4.1; }
.set-11-7 { --sprite-x: -5.125; --sprite-y: -3.075; }
.set-12-0 { --sprite-x: -3.075; --sprite-y: -4.1; }
.set-12-1 { --sprite-x: -9.225; --sprite-y: -3.0875; }
.set-12-2 { --sprite-x: -15.375; --sprite-y: -4.1; }
.set-12-4 { --sprite-x: -17.425; --sprite-y: -4.1; }
.set-12-5 { --sprite-x: -8.2; --sprite-y: -6.1625; }
.set-12-6 { --sprite-x: -7.175; --sprite-y: -6.1625; }
.set-12-7 { --sprite-x: -9.225; --sprite-y: -6.1625; }
.set-13-0 { --sprite-x: -3.075; --sprite-y: -6.15; }
.set-13-1 { --sprite-x: -17.425; --sprite-y: -5.125; }
.set-13-2 { --sprite-x: -10.25; --sprite-y: -3.075; }
.set-13-4 { --sprite-x: -9.225; --sprite-y: -5.1375; }
.set-13-5 { --sprite-x: -12.3; --sprite-y: -2.05; }
.set-13-6 { --sprite-x: -12.3; --sprite-y: -3.075; }
.set-13-7 { --sprite-x: -16.4; --sprite-y: -2.05; }
.set-21-0 { --sprite-x: 0.0; --sprite-y: -10.25; }
.set-21-1 { --sprite-x: -2.05; --sprite-y: 0.0; }
.set-21-2 { --sprite-x: -4.1; --sprite-y: 0.0; }
.set-21-4 { --sprite-x: 0.0; --sprite-y: -7.175; }
.set-21-5 { --sprite-x: 0.0; --sprite-y: -9.225; }
.set-21-6 { --sprite-x: 0.0; --sprite-y: -6.15; }
.set-21-7 { --sprite-x: -8.2; --sprite-y: 0.0; }
.set-23-0 { --sprite-x: -10.2625; --sprite-y: 0.0; }
.set-23-1 { --sprite-x: -2.05; --sprite-y: -7.1875; }
.set-23-2 { --sprite-x: -2.05; --sprite-y: -10.2625; }
.set-23-4 { --sprite-x: -2.05; --sprite-y: -16.4125; }
.set-23-5 { --sprite-x: -2.05; --sprite-y: -18.4625; }
.set-23-6 { --sprite-x: -2.05; --sprite-y: -15.3875; }
.set-23-7 { --sprite-x: -2.05; --sprite-y: -14.3625; }
.set-25-0 { --sprite-x: -1.025; --sprite-y: -20.5125; }
.set-25-1 { --sprite-x: -1.025; --sprite-y: -8.2125; }
.set-25-2 { --sprite-x: -1.025; --sprite-y: -11.2875; }
.set-25-4 { --sprite-x: -1.025; --sprite-y: -17.4375; }
.set-25-5 { --sprite-x: -1.025; --sprite-y: -19.4875; }
.set-25-6 { --sprite-x: -1.025; --sprite-y: -16.4125; }
.set-25-7 { --sprite-x: -1.025; --sprite-y: -15.3875; }
.set-26-0 { --sprite-x: -1.025; --sprite-y: -14.3625; }
.set-26-1 { --sprite-x: -10.25; --sprite-y: -6.15; }
.set-26-2 { --sprite-x: -13.325; --sprite-y: -15.375; }
.set-26-4 { --sprite-x: -7.175; --sprite-y: -16.4125; }
.set-26-5 { --sprite-x: -3.075; --sprite-y: -19.4875; }
.set-26-6 { --sprite-x: -4.1; --sprite-y: -18.4625; }
.set-26-7 { --sprite-x: -3.075; --sprite-y: -18.4625; }
/* Emoji and Halloween sprites: preserve trimmed atlas boundaries. */
.game-ball[class*="set-4-"], .game-ball[class*="set-18-"] { position: relative; background-image: none; }
.game-ball[class*="set-4-"]::before, .game-ball[class*="set-18-"]::before {
  content: ''; position: absolute;
  width: calc(var(--ball-size, 80px) * var(--trim-w)); height: calc(var(--ball-size, 80px) * var(--trim-h));
  left: calc(var(--ball-size, 80px) * var(--trim-left)); top: calc(var(--ball-size, 80px) * var(--trim-top));
  background-image: url(../images/game-ball-sets.png); background-repeat: no-repeat;
  background-size: calc(var(--ball-size, 80px) * 21.025) calc(var(--ball-size, 80px) * 25.6);
  background-position: calc(var(--ball-size, 80px) * var(--sprite-x)) calc(var(--ball-size, 80px) * var(--sprite-y));
  clip-path: var(--sprite-clip);
}
.set-4-0 { --sprite-x: -10.2625; --sprite-y: -13.325; --trim-w: 1; --trim-h: 1; --trim-left: 0; --trim-top: 0; --sprite-clip: polygon(100% 100%, 12.5% 100%, 2.5% 70%, 0% 53.75%, 2.5% 13.75%, 41.25% 0%, 100% 0%); }
.set-4-1 { --sprite-x: -7.175; --sprite-y: -14.3625; --trim-w: 1; --trim-h: 1; --trim-left: 0; --trim-top: 0; --sprite-clip: polygon(100% 100%, 0% 100%, 0% 0%, 100% 0%); }
.set-4-2 { --sprite-x: -16.4125; --sprite-y: -15.375; --trim-w: 0.9875; --trim-h: 1; --trim-left: 0.0125; --trim-top: 0; --sprite-clip: polygon(100% 100%, 0% 100%, 0% 0%, 100% 0%); }
.set-4-4 { --sprite-x: -10.25; --sprite-y: -15.375; --trim-w: 1; --trim-h: 1; --trim-left: 0; --trim-top: 0; --sprite-clip: polygon(100% 91.25%, 58.75% 100%, 0% 100%, 0% 0%, 100% 0%); }
.set-4-5 { --sprite-x: -17.425; --sprite-y: -15.375; --trim-w: 0.9875; --trim-h: 1; --trim-left: 0.0125; --trim-top: 0; --sprite-clip: polygon(100% 100%, 0% 100%, 0% 0%, 100% 0%); }
.set-4-6 { --sprite-x: -10.25; --sprite-y: -16.4; --trim-w: 1; --trim-h: 1; --trim-left: 0; --trim-top: 0; --sprite-clip: polygon(100% 100%, 0% 100%, 0% 0%, 100% 0%); }
.set-4-7 { --sprite-x: -9.225; --sprite-y: -16.4125; --trim-w: 1; --trim-h: 1; --trim-left: 0; --trim-top: 0; --sprite-clip: polygon(100% 100%, 2.5% 100%, 0% 57.5%, 0% 41.25%, 10% 0%, 100% 0%); }
.set-18-0 { --sprite-x: -16.1125; --sprite-y: -20.525; --trim-w: 0.9875; --trim-h: 0.975; --trim-left: 0.0125; --trim-top: 0; --sprite-clip: polygon(81.0127% 8.97436%, 100% 83.3333%, 83.5443% 100%, 1.26582% 100%, 0% 10.2564%, 49.3671% 0%); }
.set-18-1 { --sprite-x: 0; --sprite-y: -24.6; --trim-w: 0.9375; --trim-h: 0.975; --trim-left: 0.0125; --trim-top: 0.0125; --sprite-clip: polygon(100% 43.5897%, 100% 100%, 13.3333% 100%, 0% 60.2564%, 16% 2.5641%, 66.6667% 0%); }
.set-18-2 { --sprite-x: -19.375; --sprite-y: -10.9125; --trim-w: 0.9; --trim-h: 0.9; --trim-left: 0.05; --trim-top: 0.05; --sprite-clip: polygon(100% 100%, 0% 100%, 0% 0%, 100% 0%); }
.set-18-4 { --sprite-x: -9.0375; --sprite-y: -21.975; --trim-w: 1; --trim-h: 0.975; --trim-left: 0; --trim-top: 0.025; --sprite-clip: polygon(91.25% 8.97436%, 100% 61.5385%, 78.75% 92.3077%, 37.5% 100%, 8.75% 76.9231%, 0% 39.7436%, 20% 6.41026%, 50% 0%); }
.set-18-5 { --sprite-x: -15.9875; --sprite-y: -24.4875; --trim-w: 0.9625; --trim-h: 0.95; --trim-left: 0.025; --trim-top: 0.025; --sprite-clip: polygon(100% 52.6316%, 74.026% 100%, 23.3766% 98.6842%, 0% 46.0526%, 16.8831% 0%, 80.5195% 0%); }
.set-18-6 { --sprite-x: -15.3375; --sprite-y: -17.325; --trim-w: 0.9875; --trim-h: 0.9875; --trim-left: 0; --trim-top: 0.0125; --sprite-clip: polygon(100% 16.4557%, 100% 96.2025%, 27.8481% 100%, 0% 82.2785%, 1.26582% 20.2532%, 50.6329% 0%); }
.set-18-7 { --sprite-x: -13.325; --sprite-y: -3.075; --trim-w: 1; --trim-h: 1; --trim-left: 0; --trim-top: 0; --sprite-clip: polygon(100% 30%, 100% 100%, 0% 88.75%, 0% 21.25%, 70% 0%); }