/* Generated from src/lib/example-board.ts by src/lib/example-run.ts. Initial values are the finished run,
   so no-JS, reduced motion and older browsers all show the end state. */
@property --f { syntax: "<integer>"; inherits: true; initial-value: 8; }
@property --b { syntax: "<integer>"; inherits: true; initial-value: 9; }
@property --a { syntax: "<integer>"; inherits: true; initial-value: 3; }
@property --d { syntax: "<integer>"; inherits: true; initial-value: 11; }
[data-run-i="0"] { --t0: 0.30s; --t1: 0.54s; }
[data-rj-i="0"] { --s: 0.30s; --e: 0.60s; }
[data-run-i="1"] { --t0: 0.60s; --t1: 0.84s; }
[data-rj-i="1"] { --s: 0.60s; --e: 0.90s; }
[data-run-i="2"] { --t0: 0.90s; --t1: 1.14s; }
[data-rj-i="2"] { --s: 0.90s; --e: 1.20s; }
[data-run-i="3"] { --t0: 1.20s; --t1: 2.34s; }
[data-rj-i="3"] { --s: 1.20s; --e: 2.40s; }
[data-run-i="4"] { --t0: 2.40s; --t1: 2.64s; }
[data-rj-i="4"] { --s: 2.40s; --e: 2.70s; }
[data-run-i="5"] { --t0: 2.70s; --t1: 2.94s; }
[data-rj-i="5"] { --s: 2.70s; --e: 3.00s; }
[data-run-i="6"] { --t0: 3.00s; --t1: 3.24s; }
[data-rj-i="6"] { --s: 3.00s; --e: 3.30s; }
[data-run-i="7"] { --t0: 3.30s; --t1: 3.54s; }
[data-rj-i="7"] { --s: 3.30s; --e: 3.60s; }
[data-run-i="8"] { --t0: 3.60s; --t1: 3.84s; }
[data-rj-i="8"] { --s: 3.60s; --e: 3.90s; }
[data-run-i="9"] { --t0: 3.90s; --t1: 4.14s; }
[data-rj-i="9"] { --s: 3.90s; --e: 4.20s; }
[data-run-i="10"] { --t0: 4.20s; --t1: 4.44s; }
[data-rj-i="10"] { --s: 4.20s; --e: 4.64s; }
.xp-handoff { --h0: 1.38s; --h1: 2.30s; }
@keyframes tally {
  0% { --f: 0; --b: 0; --a: 0; --d: 0; }
  11.49% { --f: 1; --b: 1; --a: 0; --d: 1; }
  17.87% { --f: 2; --b: 2; --a: 0; --d: 2; }
  24.26% { --f: 3; --b: 4; --a: 0; --d: 3; }
  49.79% { --f: 3; --b: 4; --a: 1; --d: 4; }
  56.17% { --f: 4; --b: 5; --a: 1; --d: 5; }
  62.55% { --f: 4; --b: 5; --a: 2; --d: 6; }
  68.94% { --f: 5; --b: 6; --a: 2; --d: 7; }
  75.32% { --f: 5; --b: 6; --a: 3; --d: 8; }
  81.70% { --f: 6; --b: 7; --a: 3; --d: 9; }
  88.09% { --f: 7; --b: 8; --a: 3; --d: 10; }
  94.47% { --f: 8; --b: 9; --a: 3; --d: 11; }
  100% { --f: 8; --b: 9; --a: 3; --d: 11; }
}
@media (prefers-reduced-motion: no-preference) {
  .live { animation: tally 4.70s steps(1, end) both; }
  .live .end-in { animation: flip-in 0.3s 4.50s both; }
  .live .end-out { animation: flip-out 0.12s 4.50s both; }
}