* {
  font-family: Roboto, Arial, sans-serif;
}

input:not([type=reset]) {
  position: absolute;
  left: -10000em;
}

html {
  display: table-row;
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
}

body {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

h1 {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  font-size: 24px;
}

p {
  font-weight: 300;
}

.won,
.lost,
.won:is(:visible) ~ .popup {
  display: none;
}

#round-11:checked ~ .lost {
  display: flex;
}

#board {
  position: relative;
  width: 380px;
  overflow: visible;
  margin: 35px auto;
  display: block;
  padding: 80px 0;
  background: #de8f65;
  border-radius: 15px;
  box-shadow: inset 1px 1px 3px #de8f65, inset -4px 2px 8px -2px rgba(0, 0, 0, 0.15), inset 4px 4px 8px rgba(255, 255, 255, 0.35), inset -4px -4px 8px -2px rgba(0, 0, 0, 0.15), inset 4px 0 8px -2px rgba(255, 255, 255, 0.35);
}
#board::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 50px;
  width: 180px;
  height: 60px;
  background: #5ccfa0;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px 3px 1px 1px;
  box-shadow: inset 0 -4px 6px rgba(0, 0, 0, 0.15), inset 1px 1px rgba(255, 255, 255, 0.3), inset -1px 1px rgba(255, 255, 255, 0.3);
}

#color-blind-label {
  position: fixed;
  top: 10px;
  right: 10px;
}
#color-blind-label::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  border: 2px solid #369;
  vertical-align: bottom;
  margin-right: 0.25em;
  box-shadow: inset 0 0 0 9in #fff;
}

#color-blind:checked + label::before {
  box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 9in #369;
}

#mastermind {
  margin: 0;
  padding: 0;
  width: 520px;
  height: 100px;
  position: absolute;
  right: 0;
  top: -20px;
  transform: rotate(-90deg);
  transform-origin: bottom right;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 70px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #66d2a6;
  text-shadow: 1px -1px 1px rgba(255, 255, 255, 0.4), -1px 1px 1px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  background: linear-gradient(45deg, #5ccfa0, #48c995);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  border-radius: 3px 3px 1px 1px;
  box-shadow: inset 0 -4px 6px rgba(0, 0, 0, 0.15), inset 1px 1px rgba(255, 255, 255, 0.3), inset -1px 1px rgba(255, 255, 255, 0.3);
}
#mastermind::before, #mastermind::after {
  content: "";
  display: block;
  position: absolute;
  top: 77px;
  right: -5px;
  width: 5px;
  height: 15px;
  background: rgba(0, 0, 0, 0.35);
  border-radius: 0 2px 2px 0;
  box-shadow: inset -1px 0 2px rgba(0, 0, 0, 0.25);
}
#mastermind::after {
  right: auto;
  left: -5px;
  border-radius: 2px 0 0 2px;
  box-shadow: inset -1px 0 2px rgba(0, 0, 0, 0.25);
}

#confetti {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  pointer-events: none;
  z-index: 3;
}
#confetti .confetti {
  position: absolute;
}

.confetti-1 {
  width: 11px;
  height: 6.6px;
  background-color: #f40;
  top: -10%;
  left: 7%;
  opacity: 0.9661544957;
  transform: rotate(285.3403954078deg);
  animation: drop-1 4.9634779124s 0.4056697285s infinite;
  animation-delay: -4.8505185502s;
}

@keyframes drop-1 {
  100% {
    top: 110%;
    left: 13%;
  }
}
.confetti-2 {
  width: 6px;
  height: 3.6px;
  background-color: #eee;
  top: -10%;
  left: 52%;
  opacity: 1.0175740241;
  transform: rotate(265.5612176685deg);
  animation: drop-2 4.428942705s 0.8005644861s infinite;
  animation-delay: -8.0676905785s;
}

@keyframes drop-2 {
  100% {
    top: 110%;
    left: 57%;
  }
}
.confetti-3 {
  width: 1px;
  height: 0.6px;
  background-color: #ee0;
  top: -10%;
  left: 16%;
  opacity: 0.6088751375;
  transform: rotate(32.5347868571deg);
  animation: drop-3 4.7619108178s 0.6952924946s infinite;
  animation-delay: -6.0485829804s;
}

@keyframes drop-3 {
  100% {
    top: 110%;
    left: 21%;
  }
}
.confetti-4 {
  width: 8px;
  height: 4.8px;
  background-color: #d49;
  top: -10%;
  left: 83%;
  opacity: 0.7222722312;
  transform: rotate(135.9192626846deg);
  animation: drop-4 4.4469697413s 0.5169577455s infinite;
  animation-delay: -7.8355359136s;
}

@keyframes drop-4 {
  100% {
    top: 110%;
    left: 93%;
  }
}
.confetti-5 {
  width: 7px;
  height: 4.2px;
  background-color: #7dd;
  top: -10%;
  left: 35%;
  opacity: 1.1599783129;
  transform: rotate(346.9268389905deg);
  animation: drop-5 4.8641866308s 0.6480640592s infinite;
  animation-delay: -2.5136444157s;
}

@keyframes drop-5 {
  100% {
    top: 110%;
    left: 39%;
  }
}
.confetti-6 {
  width: 11px;
  height: 6.6px;
  background-color: #eee;
  top: -10%;
  left: 91%;
  opacity: 0.8739817996;
  transform: rotate(199.6052362003deg);
  animation: drop-6 4.3463285616s 0.9749479613s infinite;
  animation-delay: -4.332457611s;
}

@keyframes drop-6 {
  100% {
    top: 110%;
    left: 99%;
  }
}
.confetti-7 {
  width: 1px;
  height: 0.6px;
  background-color: #eee;
  top: -10%;
  left: 77%;
  opacity: 0.5472396856;
  transform: rotate(29.7718157013deg);
  animation: drop-7 4.7248332411s 0.1701155309s infinite;
  animation-delay: -4.9641487717s;
}

@keyframes drop-7 {
  100% {
    top: 110%;
    left: 91%;
  }
}
.confetti-8 {
  width: 7px;
  height: 4.2px;
  background-color: #7dd;
  top: -10%;
  left: 45%;
  opacity: 0.5455028468;
  transform: rotate(233.0436118409deg);
  animation: drop-8 4.5465480952s 0.3011649462s infinite;
  animation-delay: -7.4535294562s;
}

@keyframes drop-8 {
  100% {
    top: 110%;
    left: 55%;
  }
}
.confetti-9 {
  width: 2px;
  height: 1.2px;
  background-color: #096;
  top: -10%;
  left: 19%;
  opacity: 1.2012892377;
  transform: rotate(15.2985906121deg);
  animation: drop-9 4.6414290104s 0.4979083743s infinite;
  animation-delay: -8.8947489638s;
}

@keyframes drop-9 {
  100% {
    top: 110%;
    left: 32%;
  }
}
.confetti-10 {
  width: 7px;
  height: 4.2px;
  background-color: #096;
  top: -10%;
  left: 44%;
  opacity: 0.6140783056;
  transform: rotate(61.4848264792deg);
  animation: drop-10 4.5487287384s 0.9516567229s infinite;
  animation-delay: -2.5657397723s;
}

@keyframes drop-10 {
  100% {
    top: 110%;
    left: 59%;
  }
}
.confetti-11 {
  width: 11px;
  height: 6.6px;
  background-color: #f40;
  top: -10%;
  left: 32%;
  opacity: 1.2728644434;
  transform: rotate(343.5286572161deg);
  animation: drop-11 4.1256414097s 0.0251345876s infinite;
  animation-delay: -2.4963822641s;
}

@keyframes drop-11 {
  100% {
    top: 110%;
    left: 33%;
  }
}
.confetti-12 {
  width: 7px;
  height: 4.2px;
  background-color: #ee0;
  top: -10%;
  left: 51%;
  opacity: 1.387515704;
  transform: rotate(338.9884238788deg);
  animation: drop-12 4.0515151988s 0.6708244505s infinite;
  animation-delay: -7.0894166846s;
}

@keyframes drop-12 {
  100% {
    top: 110%;
    left: 52%;
  }
}
.confetti-13 {
  width: 10px;
  height: 6px;
  background-color: #096;
  top: -10%;
  left: 33%;
  opacity: 1.1958771054;
  transform: rotate(120.9019618585deg);
  animation: drop-13 4.922177757s 0.582057708s infinite;
  animation-delay: -0.9640417822s;
}

@keyframes drop-13 {
  100% {
    top: 110%;
    left: 43%;
  }
}
.confetti-14 {
  width: 12px;
  height: 7.2px;
  background-color: #096;
  top: -10%;
  left: 90%;
  opacity: 0.6094287421;
  transform: rotate(149.1064217071deg);
  animation: drop-14 4.1891896814s 0.9854394846s infinite;
  animation-delay: -3.578604154s;
}

@keyframes drop-14 {
  100% {
    top: 110%;
    left: 96%;
  }
}
.confetti-15 {
  width: 7px;
  height: 4.2px;
  background-color: #f40;
  top: -10%;
  left: 84%;
  opacity: 1.3943411955;
  transform: rotate(59.8362608866deg);
  animation: drop-15 4.1955244248s 0.869017457s infinite;
  animation-delay: -5.6180142505s;
}

@keyframes drop-15 {
  100% {
    top: 110%;
    left: 96%;
  }
}
.confetti-16 {
  width: 4px;
  height: 2.4px;
  background-color: #7dd;
  top: -10%;
  left: 52%;
  opacity: 1.1976637941;
  transform: rotate(103.3154319413deg);
  animation: drop-16 4.9021221959s 0.1328838723s infinite;
  animation-delay: -7.5854489783s;
}

@keyframes drop-16 {
  100% {
    top: 110%;
    left: 57%;
  }
}
.confetti-17 {
  width: 2px;
  height: 1.2px;
  background-color: #7dd;
  top: -10%;
  left: 68%;
  opacity: 1.4125478001;
  transform: rotate(331.1793963024deg);
  animation: drop-17 4.6979891221s 0.8018359132s infinite;
  animation-delay: -6.1442476098s;
}

@keyframes drop-17 {
  100% {
    top: 110%;
    left: 75%;
  }
}
.confetti-18 {
  width: 7px;
  height: 4.2px;
  background-color: #7dd;
  top: -10%;
  left: 16%;
  opacity: 0.796580527;
  transform: rotate(247.6217095485deg);
  animation: drop-18 4.0489691418s 0.1592729244s infinite;
  animation-delay: -5.8855293786s;
}

@keyframes drop-18 {
  100% {
    top: 110%;
    left: 17%;
  }
}
.confetti-19 {
  width: 6px;
  height: 3.6px;
  background-color: #ee0;
  top: -10%;
  left: 59%;
  opacity: 0.9778928516;
  transform: rotate(70.3266884337deg);
  animation: drop-19 4.4020853437s 0.8945892405s infinite;
  animation-delay: -6.597246726s;
}

@keyframes drop-19 {
  100% {
    top: 110%;
    left: 61%;
  }
}
.confetti-20 {
  width: 8px;
  height: 4.8px;
  background-color: #7dd;
  top: -10%;
  left: 32%;
  opacity: 0.5938171611;
  transform: rotate(254.6795217779deg);
  animation: drop-20 4.3913053725s 0.8794104553s infinite;
  animation-delay: -7.5496106966s;
}

@keyframes drop-20 {
  100% {
    top: 110%;
    left: 38%;
  }
}
.confetti-21 {
  width: 8px;
  height: 4.8px;
  background-color: #d49;
  top: -10%;
  left: 86%;
  opacity: 0.7804594858;
  transform: rotate(37.5025536844deg);
  animation: drop-21 4.8156856509s 0.511072517s infinite;
  animation-delay: -9.76507966s;
}

@keyframes drop-21 {
  100% {
    top: 110%;
    left: 95%;
  }
}
.confetti-22 {
  width: 8px;
  height: 4.8px;
  background-color: #f40;
  top: -10%;
  left: 67%;
  opacity: 0.8333361273;
  transform: rotate(181.1703344211deg);
  animation: drop-22 4.6945619861s 0.1246662553s infinite;
  animation-delay: -3.0169984529s;
}

@keyframes drop-22 {
  100% {
    top: 110%;
    left: 75%;
  }
}
.confetti-23 {
  width: 11px;
  height: 6.6px;
  background-color: #eee;
  top: -10%;
  left: 67%;
  opacity: 0.9820893578;
  transform: rotate(126.0218626145deg);
  animation: drop-23 4.7346277166s 0.3010422441s infinite;
  animation-delay: -9.5546821331s;
}

@keyframes drop-23 {
  100% {
    top: 110%;
    left: 78%;
  }
}
.confetti-24 {
  width: 2px;
  height: 1.2px;
  background-color: #f40;
  top: -10%;
  left: 93%;
  opacity: 0.6227001999;
  transform: rotate(356.1006426096deg);
  animation: drop-24 4.0144520658s 0.8375646708s infinite;
  animation-delay: -3.8079805861s;
}

@keyframes drop-24 {
  100% {
    top: 110%;
    left: 102%;
  }
}
.confetti-25 {
  width: 10px;
  height: 6px;
  background-color: #d49;
  top: -10%;
  left: 30%;
  opacity: 0.6455693759;
  transform: rotate(69.5843291332deg);
  animation: drop-25 4.7465068966s 0.0321040102s infinite;
  animation-delay: -6.455801333s;
}

@keyframes drop-25 {
  100% {
    top: 110%;
    left: 31%;
  }
}
.confetti-26 {
  width: 3px;
  height: 1.8px;
  background-color: #096;
  top: -10%;
  left: 59%;
  opacity: 0.6432653584;
  transform: rotate(275.3374041145deg);
  animation: drop-26 4.9601821486s 0.4287237883s infinite;
  animation-delay: -5.4955673149s;
}

@keyframes drop-26 {
  100% {
    top: 110%;
    left: 60%;
  }
}
.confetti-27 {
  width: 11px;
  height: 6.6px;
  background-color: #d49;
  top: -10%;
  left: 10%;
  opacity: 1.1538406105;
  transform: rotate(135.0118515625deg);
  animation: drop-27 4.5809926254s 0.0689970432s infinite;
  animation-delay: -5.764631579s;
}

@keyframes drop-27 {
  100% {
    top: 110%;
    left: 17%;
  }
}
.confetti-28 {
  width: 6px;
  height: 3.6px;
  background-color: #d49;
  top: -10%;
  left: 94%;
  opacity: 1.3781833967;
  transform: rotate(124.918660466deg);
  animation: drop-28 4.4036642683s 0.9716877976s infinite;
  animation-delay: -7.9425471015s;
}

@keyframes drop-28 {
  100% {
    top: 110%;
    left: 102%;
  }
}
.confetti-29 {
  width: 7px;
  height: 4.2px;
  background-color: #096;
  top: -10%;
  left: 47%;
  opacity: 0.6949731654;
  transform: rotate(153.2720927505deg);
  animation: drop-29 4.8165495982s 0.6101947001s infinite;
  animation-delay: -6.8789842878s;
}

@keyframes drop-29 {
  100% {
    top: 110%;
    left: 55%;
  }
}
.confetti-30 {
  width: 10px;
  height: 6px;
  background-color: #ee0;
  top: -10%;
  left: 43%;
  opacity: 1.4428293571;
  transform: rotate(339.0010719127deg);
  animation: drop-30 4.0305904605s 0.3993637679s infinite;
  animation-delay: -3.8910383018s;
}

@keyframes drop-30 {
  100% {
    top: 110%;
    left: 46%;
  }
}
.confetti-31 {
  width: 10px;
  height: 6px;
  background-color: #ee0;
  top: -10%;
  left: 28%;
  opacity: 0.6688510767;
  transform: rotate(267.4798551013deg);
  animation: drop-31 4.1278216428s 0.4493835456s infinite;
  animation-delay: -7.6247318098s;
}

@keyframes drop-31 {
  100% {
    top: 110%;
    left: 36%;
  }
}
.confetti-32 {
  width: 6px;
  height: 3.6px;
  background-color: #096;
  top: -10%;
  left: 63%;
  opacity: 1.3219613268;
  transform: rotate(53.9661969912deg);
  animation: drop-32 4.6918475064s 0.8232515239s infinite;
  animation-delay: -6.1817054875s;
}

@keyframes drop-32 {
  100% {
    top: 110%;
    left: 68%;
  }
}
.confetti-33 {
  width: 12px;
  height: 7.2px;
  background-color: #d49;
  top: -10%;
  left: 93%;
  opacity: 0.8034429715;
  transform: rotate(248.1961177429deg);
  animation: drop-33 4.1094904308s 0.3687442079s infinite;
  animation-delay: -9.8993415274s;
}

@keyframes drop-33 {
  100% {
    top: 110%;
    left: 101%;
  }
}
.confetti-34 {
  width: 1px;
  height: 0.6px;
  background-color: #096;
  top: -10%;
  left: 22%;
  opacity: 1.0865514608;
  transform: rotate(162.6239404263deg);
  animation: drop-34 4.727816606s 0.3767865049s infinite;
  animation-delay: -9.4515778418s;
}

@keyframes drop-34 {
  100% {
    top: 110%;
    left: 27%;
  }
}
.confetti-35 {
  width: 8px;
  height: 4.8px;
  background-color: #096;
  top: -10%;
  left: 84%;
  opacity: 0.6676015872;
  transform: rotate(250.5113251926deg);
  animation: drop-35 4.7522971983s 0.2707693635s infinite;
  animation-delay: -4.1191548756s;
}

@keyframes drop-35 {
  100% {
    top: 110%;
    left: 99%;
  }
}
.confetti-36 {
  width: 7px;
  height: 4.2px;
  background-color: #f40;
  top: -10%;
  left: 99%;
  opacity: 0.5011655751;
  transform: rotate(69.9234700963deg);
  animation: drop-36 4.9434415167s 0.9816171352s infinite;
  animation-delay: -1.8406022709s;
}

@keyframes drop-36 {
  100% {
    top: 110%;
    left: 102%;
  }
}
.confetti-37 {
  width: 7px;
  height: 4.2px;
  background-color: #f40;
  top: -10%;
  left: 64%;
  opacity: 1.1567395942;
  transform: rotate(275.6286643681deg);
  animation: drop-37 4.69240856s 0.4502452985s infinite;
  animation-delay: -6.3422331424s;
}

@keyframes drop-37 {
  100% {
    top: 110%;
    left: 77%;
  }
}
.confetti-38 {
  width: 3px;
  height: 1.8px;
  background-color: #d49;
  top: -10%;
  left: 85%;
  opacity: 1.2765235478;
  transform: rotate(158.3531114997deg);
  animation: drop-38 4.2051939331s 0.1608452027s infinite;
  animation-delay: -1.5657177702s;
}

@keyframes drop-38 {
  100% {
    top: 110%;
    left: 92%;
  }
}
.confetti-39 {
  width: 11px;
  height: 6.6px;
  background-color: #096;
  top: -10%;
  left: 70%;
  opacity: 1.3359390587;
  transform: rotate(96.4902854715deg);
  animation: drop-39 4.1359732509s 0.2969885517s infinite;
  animation-delay: -8.540695087s;
}

@keyframes drop-39 {
  100% {
    top: 110%;
    left: 83%;
  }
}
.confetti-40 {
  width: 10px;
  height: 6px;
  background-color: #096;
  top: -10%;
  left: 67%;
  opacity: 0.9966852379;
  transform: rotate(74.2089466679deg);
  animation: drop-40 4.3126322794s 0.7398567413s infinite;
  animation-delay: -7.8816312082s;
}

@keyframes drop-40 {
  100% {
    top: 110%;
    left: 68%;
  }
}
.confetti-41 {
  width: 12px;
  height: 7.2px;
  background-color: #f40;
  top: -10%;
  left: 36%;
  opacity: 1.0140940201;
  transform: rotate(140.9885632509deg);
  animation: drop-41 4.7485514421s 0.8755750277s infinite;
  animation-delay: -7.6398009751s;
}

@keyframes drop-41 {
  100% {
    top: 110%;
    left: 41%;
  }
}
.confetti-42 {
  width: 10px;
  height: 6px;
  background-color: #ee0;
  top: -10%;
  left: 88%;
  opacity: 1.3947286597;
  transform: rotate(195.1947139396deg);
  animation: drop-42 4.4161086074s 0.252215505s infinite;
  animation-delay: -9.9611212131s;
}

@keyframes drop-42 {
  100% {
    top: 110%;
    left: 99%;
  }
}
.confetti-43 {
  width: 6px;
  height: 3.6px;
  background-color: #eee;
  top: -10%;
  left: 59%;
  opacity: 0.550896664;
  transform: rotate(55.1917124753deg);
  animation: drop-43 4.753733729s 0.6216417291s infinite;
  animation-delay: -8.6307302838s;
}

@keyframes drop-43 {
  100% {
    top: 110%;
    left: 68%;
  }
}
.confetti-44 {
  width: 2px;
  height: 1.2px;
  background-color: #f40;
  top: -10%;
  left: 46%;
  opacity: 0.5752241706;
  transform: rotate(129.0091855793deg);
  animation: drop-44 4.885563359s 0.2561985205s infinite;
  animation-delay: -3.8080337019s;
}

@keyframes drop-44 {
  100% {
    top: 110%;
    left: 52%;
  }
}
.confetti-45 {
  width: 3px;
  height: 1.8px;
  background-color: #096;
  top: -10%;
  left: 28%;
  opacity: 1.3694222846;
  transform: rotate(202.3036388043deg);
  animation: drop-45 4.6605972912s 0.3200075067s infinite;
  animation-delay: -4.0615389603s;
}

@keyframes drop-45 {
  100% {
    top: 110%;
    left: 29%;
  }
}
.confetti-46 {
  width: 11px;
  height: 6.6px;
  background-color: #d49;
  top: -10%;
  left: 29%;
  opacity: 0.5696113571;
  transform: rotate(129.8395054044deg);
  animation: drop-46 4.7120514983s 0.1916207267s infinite;
  animation-delay: -0.5345023407s;
}

@keyframes drop-46 {
  100% {
    top: 110%;
    left: 37%;
  }
}
.confetti-47 {
  width: 12px;
  height: 7.2px;
  background-color: #7dd;
  top: -10%;
  left: 24%;
  opacity: 1.2828595593;
  transform: rotate(31.543917833deg);
  animation: drop-47 4.2950306717s 0.8668128086s infinite;
  animation-delay: -3.9965377729s;
}

@keyframes drop-47 {
  100% {
    top: 110%;
    left: 36%;
  }
}
.confetti-48 {
  width: 4px;
  height: 2.4px;
  background-color: #d49;
  top: -10%;
  left: 91%;
  opacity: 1.3748069219;
  transform: rotate(319.820073042deg);
  animation: drop-48 4.7067956455s 0.984405013s infinite;
  animation-delay: -7.4507234834s;
}

@keyframes drop-48 {
  100% {
    top: 110%;
    left: 98%;
  }
}
.confetti-49 {
  width: 11px;
  height: 6.6px;
  background-color: #096;
  top: -10%;
  left: 24%;
  opacity: 0.6678497259;
  transform: rotate(76.7681026991deg);
  animation: drop-49 4.5797617007s 0.1818734315s infinite;
  animation-delay: -8.5283260365s;
}

@keyframes drop-49 {
  100% {
    top: 110%;
    left: 34%;
  }
}
.confetti-50 {
  width: 11px;
  height: 6.6px;
  background-color: #f40;
  top: -10%;
  left: 17%;
  opacity: 0.9533356924;
  transform: rotate(10.9405293572deg);
  animation: drop-50 4.1238095572s 0.8384949543s infinite;
  animation-delay: -1.3116538211s;
}

@keyframes drop-50 {
  100% {
    top: 110%;
    left: 31%;
  }
}
.confetti-51 {
  width: 4px;
  height: 2.4px;
  background-color: #f40;
  top: -10%;
  left: 41%;
  opacity: 1.1702823858;
  transform: rotate(215.6333965243deg);
  animation: drop-51 4.6211478966s 0.3289164748s infinite;
  animation-delay: -5.0009753493s;
}

@keyframes drop-51 {
  100% {
    top: 110%;
    left: 54%;
  }
}
.confetti-52 {
  width: 5px;
  height: 3px;
  background-color: #eee;
  top: -10%;
  left: 42%;
  opacity: 1.2909630619;
  transform: rotate(2.3999383768deg);
  animation: drop-52 4.3579406959s 0.3479029623s infinite;
  animation-delay: -6.5221941739s;
}

@keyframes drop-52 {
  100% {
    top: 110%;
    left: 50%;
  }
}
.confetti-53 {
  width: 1px;
  height: 0.6px;
  background-color: #ee0;
  top: -10%;
  left: 65%;
  opacity: 1.1301668818;
  transform: rotate(131.113486949deg);
  animation: drop-53 4.1864159449s 0.5869519076s infinite;
  animation-delay: -2.2093450022s;
}

@keyframes drop-53 {
  100% {
    top: 110%;
    left: 75%;
  }
}
.confetti-54 {
  width: 8px;
  height: 4.8px;
  background-color: #f40;
  top: -10%;
  left: 18%;
  opacity: 1.4122048721;
  transform: rotate(150.1359976775deg);
  animation: drop-54 4.1278236533s 0.0919731966s infinite;
  animation-delay: -7.8566745589s;
}

@keyframes drop-54 {
  100% {
    top: 110%;
    left: 33%;
  }
}
.confetti-55 {
  width: 6px;
  height: 3.6px;
  background-color: #eee;
  top: -10%;
  left: 29%;
  opacity: 1.1162138462;
  transform: rotate(207.5835265741deg);
  animation: drop-55 4.0606986668s 0.629936457s infinite;
  animation-delay: -5.9491000147s;
}

@keyframes drop-55 {
  100% {
    top: 110%;
    left: 39%;
  }
}
.confetti-56 {
  width: 4px;
  height: 2.4px;
  background-color: #eee;
  top: -10%;
  left: 22%;
  opacity: 0.7531040143;
  transform: rotate(185.2986350234deg);
  animation: drop-56 4.6370492605s 0.3713022853s infinite;
  animation-delay: -6.9108395801s;
}

@keyframes drop-56 {
  100% {
    top: 110%;
    left: 36%;
  }
}
.confetti-57 {
  width: 3px;
  height: 1.8px;
  background-color: #eee;
  top: -10%;
  left: 65%;
  opacity: 0.6835020012;
  transform: rotate(95.8300797014deg);
  animation: drop-57 4.1074850698s 0.7634570457s infinite;
  animation-delay: -3.8474382301s;
}

@keyframes drop-57 {
  100% {
    top: 110%;
    left: 74%;
  }
}
.confetti-58 {
  width: 3px;
  height: 1.8px;
  background-color: #f40;
  top: -10%;
  left: 77%;
  opacity: 1.180146278;
  transform: rotate(243.6367499044deg);
  animation: drop-58 4.044145673s 0.1705915393s infinite;
  animation-delay: -6.5915649081s;
}

@keyframes drop-58 {
  100% {
    top: 110%;
    left: 80%;
  }
}
.confetti-59 {
  width: 12px;
  height: 7.2px;
  background-color: #096;
  top: -10%;
  left: 12%;
  opacity: 0.9514985732;
  transform: rotate(243.6342980257deg);
  animation: drop-59 4.2146297091s 0.1628459639s infinite;
  animation-delay: -4.0164642793s;
}

@keyframes drop-59 {
  100% {
    top: 110%;
    left: 13%;
  }
}
.confetti-60 {
  width: 2px;
  height: 1.2px;
  background-color: #096;
  top: -10%;
  left: 95%;
  opacity: 1.1935600166;
  transform: rotate(217.0746116172deg);
  animation: drop-60 4.04414707s 0.1196225328s infinite;
  animation-delay: -2.4907724937s;
}

@keyframes drop-60 {
  100% {
    top: 110%;
    left: 101%;
  }
}
.confetti-61 {
  width: 6px;
  height: 3.6px;
  background-color: #f40;
  top: -10%;
  left: 48%;
  opacity: 0.7576117083;
  transform: rotate(162.4239679967deg);
  animation: drop-61 4.456897152s 0.4831503969s infinite;
  animation-delay: -6.5608458571s;
}

@keyframes drop-61 {
  100% {
    top: 110%;
    left: 61%;
  }
}
.confetti-62 {
  width: 3px;
  height: 1.8px;
  background-color: #f40;
  top: -10%;
  left: 26%;
  opacity: 1.0725689433;
  transform: rotate(338.0801615156deg);
  animation: drop-62 4.3505977382s 0.7932097261s infinite;
  animation-delay: -3.4442545085s;
}

@keyframes drop-62 {
  100% {
    top: 110%;
    left: 39%;
  }
}
.confetti-63 {
  width: 9px;
  height: 5.4px;
  background-color: #096;
  top: -10%;
  left: 61%;
  opacity: 0.8746929228;
  transform: rotate(227.7488131942deg);
  animation: drop-63 4.6569628562s 0.9515408479s infinite;
  animation-delay: -3.759177231s;
}

@keyframes drop-63 {
  100% {
    top: 110%;
    left: 72%;
  }
}
.confetti-64 {
  width: 3px;
  height: 1.8px;
  background-color: #7dd;
  top: -10%;
  left: 82%;
  opacity: 0.6518785962;
  transform: rotate(41.4086053243deg);
  animation: drop-64 4.2134009495s 0.4055720658s infinite;
  animation-delay: -8.9956480499s;
}

@keyframes drop-64 {
  100% {
    top: 110%;
    left: 90%;
  }
}
.confetti-65 {
  width: 4px;
  height: 2.4px;
  background-color: #d49;
  top: -10%;
  left: 17%;
  opacity: 0.95561016;
  transform: rotate(205.2839602185deg);
  animation: drop-65 4.9501524867s 0.492914283s infinite;
  animation-delay: -5.0795367395s;
}

@keyframes drop-65 {
  100% {
    top: 110%;
    left: 25%;
  }
}
.confetti-66 {
  width: 1px;
  height: 0.6px;
  background-color: #ee0;
  top: -10%;
  left: 83%;
  opacity: 0.8266649436;
  transform: rotate(298.4541111345deg);
  animation: drop-66 4.2566578916s 0.7859308873s infinite;
  animation-delay: -9.9844512219s;
}

@keyframes drop-66 {
  100% {
    top: 110%;
    left: 94%;
  }
}
.confetti-67 {
  width: 2px;
  height: 1.2px;
  background-color: #7dd;
  top: -10%;
  left: 7%;
  opacity: 0.6334227319;
  transform: rotate(70.2622917414deg);
  animation: drop-67 4.9440954512s 0.2864123294s infinite;
  animation-delay: -0.9495590606s;
}

@keyframes drop-67 {
  100% {
    top: 110%;
    left: 22%;
  }
}
.confetti-68 {
  width: 9px;
  height: 5.4px;
  background-color: #f40;
  top: -10%;
  left: 55%;
  opacity: 1.1426632809;
  transform: rotate(23.4418340681deg);
  animation: drop-68 4.7806172616s 0.9920256649s infinite;
  animation-delay: -6.9257364271s;
}

@keyframes drop-68 {
  100% {
    top: 110%;
    left: 60%;
  }
}
.confetti-69 {
  width: 7px;
  height: 4.2px;
  background-color: #7dd;
  top: -10%;
  left: 43%;
  opacity: 1.4131622294;
  transform: rotate(140.1028412017deg);
  animation: drop-69 4.2065852571s 0.4977591895s infinite;
  animation-delay: -8.2899554056s;
}

@keyframes drop-69 {
  100% {
    top: 110%;
    left: 50%;
  }
}
.confetti-70 {
  width: 4px;
  height: 2.4px;
  background-color: #096;
  top: -10%;
  left: 45%;
  opacity: 1.0868514274;
  transform: rotate(105.9707915227deg);
  animation: drop-70 4.2430728276s 0.8470738677s infinite;
  animation-delay: -1.2710203817s;
}

@keyframes drop-70 {
  100% {
    top: 110%;
    left: 51%;
  }
}
.confetti-71 {
  width: 8px;
  height: 4.8px;
  background-color: #ee0;
  top: -10%;
  left: 10%;
  opacity: 0.6533606345;
  transform: rotate(25.7101563628deg);
  animation: drop-71 4.9252954645s 0.2118774399s infinite;
  animation-delay: -6.4641975727s;
}

@keyframes drop-71 {
  100% {
    top: 110%;
    left: 21%;
  }
}
.confetti-72 {
  width: 11px;
  height: 6.6px;
  background-color: #096;
  top: -10%;
  left: 56%;
  opacity: 1.4219586766;
  transform: rotate(346.5096007419deg);
  animation: drop-72 4.4525498626s 0.1165962858s infinite;
  animation-delay: -6.0001059921s;
}

@keyframes drop-72 {
  100% {
    top: 110%;
    left: 61%;
  }
}
.confetti-73 {
  width: 3px;
  height: 1.8px;
  background-color: #ee0;
  top: -10%;
  left: 97%;
  opacity: 0.9383337082;
  transform: rotate(290.1690534002deg);
  animation: drop-73 4.1124568178s 0.3451607914s infinite;
  animation-delay: -7.5198511295s;
}

@keyframes drop-73 {
  100% {
    top: 110%;
    left: 107%;
  }
}
.confetti-74 {
  width: 10px;
  height: 6px;
  background-color: #f40;
  top: -10%;
  left: 47%;
  opacity: 1.3838852096;
  transform: rotate(317.2154378996deg);
  animation: drop-74 4.1959335296s 0.6977938903s infinite;
  animation-delay: -4.9316022305s;
}

@keyframes drop-74 {
  100% {
    top: 110%;
    left: 54%;
  }
}
.confetti-75 {
  width: 4px;
  height: 2.4px;
  background-color: #eee;
  top: -10%;
  left: 97%;
  opacity: 1.4943143919;
  transform: rotate(76.5763171875deg);
  animation: drop-75 4.8101024346s 0.8271807436s infinite;
  animation-delay: -8.6187400132s;
}

@keyframes drop-75 {
  100% {
    top: 110%;
    left: 101%;
  }
}
.confetti-76 {
  width: 7px;
  height: 4.2px;
  background-color: #d49;
  top: -10%;
  left: 23%;
  opacity: 1.055099031;
  transform: rotate(152.4917979559deg);
  animation: drop-76 4.7671224095s 0.6033901906s infinite;
  animation-delay: -6.1963012815s;
}

@keyframes drop-76 {
  100% {
    top: 110%;
    left: 31%;
  }
}
.confetti-77 {
  width: 3px;
  height: 1.8px;
  background-color: #096;
  top: -10%;
  left: 89%;
  opacity: 0.7202397345;
  transform: rotate(27.319267781deg);
  animation: drop-77 4.2960990482s 0.5193606986s infinite;
  animation-delay: -9.5944339852s;
}

@keyframes drop-77 {
  100% {
    top: 110%;
    left: 95%;
  }
}
.confetti-78 {
  width: 11px;
  height: 6.6px;
  background-color: #d49;
  top: -10%;
  left: 27%;
  opacity: 0.9898143437;
  transform: rotate(164.1861397007deg);
  animation: drop-78 4.7603257621s 0.117611256s infinite;
  animation-delay: -7.2882508524s;
}

@keyframes drop-78 {
  100% {
    top: 110%;
    left: 31%;
  }
}
.confetti-79 {
  width: 10px;
  height: 6px;
  background-color: #eee;
  top: -10%;
  left: 99%;
  opacity: 1.4239728345;
  transform: rotate(282.744477781deg);
  animation: drop-79 4.8169144152s 0.2283844891s infinite;
  animation-delay: -7.6372721911s;
}

@keyframes drop-79 {
  100% {
    top: 110%;
    left: 100%;
  }
}
.confetti-80 {
  width: 8px;
  height: 4.8px;
  background-color: #ee0;
  top: -10%;
  left: 80%;
  opacity: 1.3190134192;
  transform: rotate(113.5071842955deg);
  animation: drop-80 4.7608502926s 0.4099022148s infinite;
  animation-delay: -6.69681698s;
}

@keyframes drop-80 {
  100% {
    top: 110%;
    left: 90%;
  }
}
.confetti-81 {
  width: 1px;
  height: 0.6px;
  background-color: #096;
  top: -10%;
  left: 11%;
  opacity: 0.985036206;
  transform: rotate(105.2683872035deg);
  animation: drop-81 4.4231625674s 0.934517276s infinite;
  animation-delay: -8.4198621317s;
}

@keyframes drop-81 {
  100% {
    top: 110%;
    left: 26%;
  }
}
.confetti-82 {
  width: 2px;
  height: 1.2px;
  background-color: #eee;
  top: -10%;
  left: 14%;
  opacity: 0.8862988107;
  transform: rotate(120.024925552deg);
  animation: drop-82 4.094921502s 0.7982749627s infinite;
  animation-delay: -7.65556835s;
}

@keyframes drop-82 {
  100% {
    top: 110%;
    left: 18%;
  }
}
.confetti-83 {
  width: 8px;
  height: 4.8px;
  background-color: #ee0;
  top: -10%;
  left: 94%;
  opacity: 0.8910973428;
  transform: rotate(299.4495439773deg);
  animation: drop-83 4.2990256014s 0.4621886413s infinite;
  animation-delay: -5.3240841385s;
}

@keyframes drop-83 {
  100% {
    top: 110%;
    left: 105%;
  }
}
.confetti-84 {
  width: 1px;
  height: 0.6px;
  background-color: #f40;
  top: -10%;
  left: 55%;
  opacity: 1.0893903807;
  transform: rotate(33.3286614772deg);
  animation: drop-84 4.4448079567s 0.5874934618s infinite;
  animation-delay: -4.5505227163s;
}

@keyframes drop-84 {
  100% {
    top: 110%;
    left: 64%;
  }
}
.confetti-85 {
  width: 2px;
  height: 1.2px;
  background-color: #eee;
  top: -10%;
  left: 77%;
  opacity: 1.4384010347;
  transform: rotate(194.8425655039deg);
  animation: drop-85 4.1316298228s 0.3256563327s infinite;
  animation-delay: -4.3481032109s;
}

@keyframes drop-85 {
  100% {
    top: 110%;
    left: 81%;
  }
}
.confetti-86 {
  width: 3px;
  height: 1.8px;
  background-color: #096;
  top: -10%;
  left: 45%;
  opacity: 1.4096575504;
  transform: rotate(257.6396753817deg);
  animation: drop-86 4.9422505089s 0.4936890345s infinite;
  animation-delay: -7.1437606999s;
}

@keyframes drop-86 {
  100% {
    top: 110%;
    left: 48%;
  }
}
.confetti-87 {
  width: 7px;
  height: 4.2px;
  background-color: #7dd;
  top: -10%;
  left: 36%;
  opacity: 0.7135494511;
  transform: rotate(148.9271522895deg);
  animation: drop-87 4.9615483858s 0.6947728881s infinite;
  animation-delay: -8.3995292276s;
}

@keyframes drop-87 {
  100% {
    top: 110%;
    left: 40%;
  }
}
.confetti-88 {
  width: 1px;
  height: 0.6px;
  background-color: #f40;
  top: -10%;
  left: 4%;
  opacity: 0.9645231119;
  transform: rotate(222.1979462055deg);
  animation: drop-88 4.9701934689s 0.6236462812s infinite;
  animation-delay: -5.6552844989s;
}

@keyframes drop-88 {
  100% {
    top: 110%;
    left: 17%;
  }
}
.confetti-89 {
  width: 12px;
  height: 7.2px;
  background-color: #7dd;
  top: -10%;
  left: 70%;
  opacity: 0.7272865695;
  transform: rotate(130.9436643369deg);
  animation: drop-89 4.0812862184s 0.8252730522s infinite;
  animation-delay: -7.1545071608s;
}

@keyframes drop-89 {
  100% {
    top: 110%;
    left: 79%;
  }
}
.confetti-90 {
  width: 4px;
  height: 2.4px;
  background-color: #7dd;
  top: -10%;
  left: 28%;
  opacity: 1.22575449;
  transform: rotate(29.37728088deg);
  animation: drop-90 4.0435773942s 0.1998548884s infinite;
  animation-delay: -3.6971474406s;
}

@keyframes drop-90 {
  100% {
    top: 110%;
    left: 30%;
  }
}
.confetti-91 {
  width: 3px;
  height: 1.8px;
  background-color: #7dd;
  top: -10%;
  left: 93%;
  opacity: 0.5426227605;
  transform: rotate(187.9733627489deg);
  animation: drop-91 4.5743883838s 0.8784714384s infinite;
  animation-delay: -4.0393853496s;
}

@keyframes drop-91 {
  100% {
    top: 110%;
    left: 96%;
  }
}
.confetti-92 {
  width: 12px;
  height: 7.2px;
  background-color: #096;
  top: -10%;
  left: 69%;
  opacity: 0.5536481747;
  transform: rotate(323.6842890329deg);
  animation: drop-92 4.4524834497s 0.4871441234s infinite;
  animation-delay: -2.7225533331s;
}

@keyframes drop-92 {
  100% {
    top: 110%;
    left: 70%;
  }
}
.confetti-93 {
  width: 11px;
  height: 6.6px;
  background-color: #d49;
  top: -10%;
  left: 32%;
  opacity: 1.2552191901;
  transform: rotate(164.3469495573deg);
  animation: drop-93 4.3378550312s 0.0499252548s infinite;
  animation-delay: -4.6310516408s;
}

@keyframes drop-93 {
  100% {
    top: 110%;
    left: 46%;
  }
}
.confetti-94 {
  width: 7px;
  height: 4.2px;
  background-color: #d49;
  top: -10%;
  left: 60%;
  opacity: 1.3967160557;
  transform: rotate(62.2305059338deg);
  animation: drop-94 4.2718670428s 0.8182280589s infinite;
  animation-delay: -3.6416550741s;
}

@keyframes drop-94 {
  100% {
    top: 110%;
    left: 69%;
  }
}
.confetti-95 {
  width: 12px;
  height: 7.2px;
  background-color: #ee0;
  top: -10%;
  left: 54%;
  opacity: 1.3159661867;
  transform: rotate(170.6801033201deg);
  animation: drop-95 4.9906727209s 0.7727197607s infinite;
  animation-delay: -2.8922982574s;
}

@keyframes drop-95 {
  100% {
    top: 110%;
    left: 66%;
  }
}
.confetti-96 {
  width: 7px;
  height: 4.2px;
  background-color: #7dd;
  top: -10%;
  left: 47%;
  opacity: 0.90757036;
  transform: rotate(258.9277043836deg);
  animation: drop-96 4.3412966823s 0.9496044355s infinite;
  animation-delay: -8.492738754s;
}

@keyframes drop-96 {
  100% {
    top: 110%;
    left: 61%;
  }
}
.confetti-97 {
  width: 8px;
  height: 4.8px;
  background-color: #eee;
  top: -10%;
  left: 85%;
  opacity: 1.3464902751;
  transform: rotate(330.806540475deg);
  animation: drop-97 4.0985839987s 0.7097387735s infinite;
  animation-delay: -8.2016296945s;
}

@keyframes drop-97 {
  100% {
    top: 110%;
    left: 88%;
  }
}
.confetti-98 {
  width: 9px;
  height: 5.4px;
  background-color: #7dd;
  top: -10%;
  left: 23%;
  opacity: 1.1532397672;
  transform: rotate(261.2152510338deg);
  animation: drop-98 4.2511290279s 0.6376265164s infinite;
  animation-delay: -1.6650150088s;
}

@keyframes drop-98 {
  100% {
    top: 110%;
    left: 26%;
  }
}
.confetti-99 {
  width: 8px;
  height: 4.8px;
  background-color: #eee;
  top: -10%;
  left: 30%;
  opacity: 0.5487214308;
  transform: rotate(174.9224921037deg);
  animation: drop-99 4.2285362682s 0.59899688s infinite;
  animation-delay: -0.4869921722s;
}

@keyframes drop-99 {
  100% {
    top: 110%;
    left: 35%;
  }
}
.round-container {
  border-bottom: 1px solid #d5703b;
  border-top: 1px solid #e7ae8f;
  padding: 5px 10px;
  position: relative;
  width: 260px;
  height: 40px;
}
.round-container.round-1 {
  border-top: 1px solid #d5703b;
  box-shadow: inset 0 1px #e7ae8f;
}
.round-container.round-10 {
  border-bottom: 1px solid #e7ae8f;
  box-shadow: inset 0 -1px #d5703b;
}
.round-container label {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  visibility: hidden;
  pointer-events: none;
  float: left;
  margin-right: 10px;
  font-size: 12px;
  color: #b65927;
  font-weight: bold;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid transparent;
  position: relative;
}
.round-container label:hover {
  color: #a14e23;
}
.round-container label:hover::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  clip-path: polygon(50% 100%, 15% 73%, 37% 73%, 37% 0%, 63% 0%, 63% 73%, 85% 73%);
}
.round-container label span {
  position: relative;
}
.round-container .slot-circle {
  margin: 10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  float: left;
  background: rgba(0, 0, 0, 0.3);
  box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.3), inset -1px -1px 2px rgba(0, 0, 0, 0.125);
  pointer-events: none;
}

.valid {
  width: 40px;
  height: 40px;
  opacity: 1;
  overflow: hidden;
  padding-left: 10px;
  position: relative;
  boz-sizing: border-box;
}

[class^=correct], [class^=partial], [class^=empty] {
  background: #222;
  display: none;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  float: left;
  box-sizing: border-box;
  margin: 2px;
  box-shadow: inset -1px -1px 0 black, inset -1px -1px 4px rgba(255, 255, 255, 0.15), inset 1px 1px 0 rgba(255, 255, 255, 0.2), inset 1px 1px 4px rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.4);
}

[class^=empty] {
  width: 20px;
  height: 20px;
  background: rgba(0, 0, 0, 0.4);
  display: inline-block;
  margin: 0;
  border: 4px solid #de8f65;
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.3);
}

[class^=partial] {
  background: white;
  box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.1), inset 1px 1px 0 #fff, inset 1px 1px 4px rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.4);
}

#info {
  width: 24px;
  height: 24px;
  background: #369;
  border-radius: 50%;
  position: fixed;
  top: 5px;
  left: 5px;
  z-index: 1;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  color: white;
  font-style: italic;
  font-family: serif;
  cursor: pointer;
}
#info:hover {
  background: #47a;
}

#init {
  display: flex;
}

.popup > div {
  clip-path: polygon(0% 2%, 2% 3%, 0% 0%, 3% 2%, 2% 0%, 50% 1%, 98% 0%, 97% 2%, 100% 0%, 98% 3%, 100% 2%, 99% 50%, 100% 98%, 98% 97%, 100% 100%, 97% 98%, 98% 100%, 50% 99%, 2% 100%, 3% 98%, 0% 100%, 2% 97%, 0% 98%, 1% 50%);
  max-height: 80vh;
  overflow: auto;
}

#init #start-button + label {
  display: none;
}

[id^=round-]:checked ~ #init,
[id^=round-]:checked ~ #init .games,
[id^=round-]:checked ~ #init #start-button {
  display: none;
}

#hideInit:checked + .popup,
[id^=round-]:checked ~ #init #start-button + label {
  display: flex;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
  z-index: 1;
  background: rgba(0, 0, 0, 0.2);
  display: none;
}
.popup:target {
  display: flex;
}
.popup > div {
  background: white;
  padding: 30px;
  display: inline-block;
  text-align: left;
  border-radius: 5px;
  max-width: 400px;
  margin: 10px;
}
.popup label {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
}
.popup h2 {
  margin: 0;
  margin-bottom: 10px;
}
.popup .close {
  display: inline-block;
  background: #369;
  color: white;
  padding: 5px 15px;
  text-decoration: none;
  border-radius: 2px;
  float: right;
  margin-top: 10px;
  white-space: nowrap;
  height: auto;
  width: auto;
}
.popup .close:hover {
  background: #47a;
}

.games {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}
.games label {
  width: auto;
  height: auto;
}

.games label:nth-child(1)::after {
  content: " 1";
}

#code-6543:checked ~ #init .games label[for="code-6543"] {
  box-shadow: 0 0 0 2px white, 0 0 0 4px #369;
}

.games label:nth-child(2)::after {
  content: " 2";
}

#code-1324:checked ~ #init .games label[for="code-1324"] {
  box-shadow: 0 0 0 2px white, 0 0 0 4px #369;
}

.games label:nth-child(3)::after {
  content: " 3";
}

#code-4135:checked ~ #init .games label[for="code-4135"] {
  box-shadow: 0 0 0 2px white, 0 0 0 4px #369;
}

.games label:nth-child(4)::after {
  content: " 4";
}

#code-5514:checked ~ #init .games label[for="code-5514"] {
  box-shadow: 0 0 0 2px white, 0 0 0 4px #369;
}

label.green-button,
input.green-button {
  border: 0;
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
  border-radius: 2px;
  padding: 10px 15px;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin-top: 10px;
  background: #0a0;
  color: white;
  text-transform: uppercase;
}

.color-labels label,
.round-container a {
  position: relative;
}
.color-labels label::after,
.round-container a::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  text-shadow: -0.6px -1px 1px rgba(255, 255, 255, 0.4), 1px 0.25px 1px rgba(0, 0, 0, 0.5);
  padding: 4px;
  border: 2px dotted rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
}

.color-labels label:nth-child(1) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 1px black, 1px 1px 2px black;
  background: #7dd;
}
.color-labels label:nth-child(1)::after {
  content: "B";
  color: #7dd;
}

.color-labels label:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 1px black, 1px 1px 2px black;
  background: #096;
}
.color-labels label:nth-child(2)::after {
  content: "G";
  color: #096;
}

.color-labels label:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 1px black, 1px 1px 2px black;
  background: #f40;
}
.color-labels label:nth-child(3)::after {
  content: "O";
  color: #f40;
}

.color-labels label:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 1px black, 1px 1px 2px black;
  background: #ee0;
}
.color-labels label:nth-child(4)::after {
  content: "Y";
  color: #ee0;
}

.color-labels label:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 1px black, 1px 1px 2px black;
  background: #eee;
}
.color-labels label:nth-child(5)::after {
  content: "W";
  color: #eee;
}

.color-labels label:nth-child(6) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 1px black, 1px 1px 2px black;
  background: #d49;
}
.color-labels label:nth-child(6)::after {
  content: "P";
  color: #d49;
}

#color-blind:not(:checked) ~ #board .color-labels label::after {
  display: none;
}

/* Game Logic */
#round-1:checked ~ div.round-1 label, #round-1:checked ~ div.round-1 a {
  visibility: visible;
  pointer-events: auto;
}

#code-6543:checked ~ input#completed-1:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ .popup {
  display: none;
}
#code-6543:checked ~ input#completed-1:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ .won {
  display: flex;
}
#code-6543:checked ~ input#completed-1:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ #confetti {
  display: block;
}
#code-6543:checked ~ input#completed-1:checked ~ [name="slot-1-round-1"][value="6"]:checked ~ .round-container .valid-1 .correct-1 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-1:checked ~ [name="slot-1-round-1"][value="6"]:not(:checked) ~ [name^=slot][name$="round-1"][value="6"]:checked ~ .round-container .valid-1 .partial-1,
#code-6543:checked ~ input#completed-1:checked ~ [name^=slot][name$="round-1"][value="6"]:checked ~ [name="slot-1-round-1"][value="6"]:not(:checked) ~ .round-container .valid-1 .partial-1 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-1:checked ~ [name="slot-2-round-1"][value="5"]:checked ~ .round-container .valid-1 .correct-2 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-1:checked ~ [name="slot-2-round-1"][value="5"]:not(:checked) ~ [name^=slot][name$="round-1"][value="5"]:checked ~ .round-container .valid-1 .partial-2,
#code-6543:checked ~ input#completed-1:checked ~ [name^=slot][name$="round-1"][value="5"]:checked ~ [name="slot-2-round-1"][value="5"]:not(:checked) ~ .round-container .valid-1 .partial-2 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-1:checked ~ [name="slot-3-round-1"][value="4"]:checked ~ .round-container .valid-1 .correct-3 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-1:checked ~ [name="slot-3-round-1"][value="4"]:not(:checked) ~ [name^=slot][name$="round-1"][value="4"]:checked ~ .round-container .valid-1 .partial-3,
#code-6543:checked ~ input#completed-1:checked ~ [name^=slot][name$="round-1"][value="4"]:checked ~ [name="slot-3-round-1"][value="4"]:not(:checked) ~ .round-container .valid-1 .partial-3 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-1:checked ~ [name="slot-4-round-1"][value="3"]:checked ~ .round-container .valid-1 .correct-4 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-1:checked ~ [name="slot-4-round-1"][value="3"]:not(:checked) ~ [name^=slot][name$="round-1"][value="3"]:checked ~ .round-container .valid-1 .partial-4,
#code-6543:checked ~ input#completed-1:checked ~ [name^=slot][name$="round-1"][value="3"]:checked ~ [name="slot-4-round-1"][value="3"]:not(:checked) ~ .round-container .valid-1 .partial-4 {
  display: inline-block;
}

#code-1324:checked ~ input#completed-1:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .popup {
  display: none;
}
#code-1324:checked ~ input#completed-1:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .won {
  display: flex;
}
#code-1324:checked ~ input#completed-1:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ #confetti {
  display: block;
}
#code-1324:checked ~ input#completed-1:checked ~ [name="slot-1-round-1"][value="1"]:checked ~ .round-container .valid-1 .correct-1 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-1:checked ~ [name="slot-1-round-1"][value="1"]:not(:checked) ~ [name^=slot][name$="round-1"][value="1"]:checked ~ .round-container .valid-1 .partial-1,
#code-1324:checked ~ input#completed-1:checked ~ [name^=slot][name$="round-1"][value="1"]:checked ~ [name="slot-1-round-1"][value="1"]:not(:checked) ~ .round-container .valid-1 .partial-1 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-1:checked ~ [name="slot-2-round-1"][value="3"]:checked ~ .round-container .valid-1 .correct-2 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-1:checked ~ [name="slot-2-round-1"][value="3"]:not(:checked) ~ [name^=slot][name$="round-1"][value="3"]:checked ~ .round-container .valid-1 .partial-2,
#code-1324:checked ~ input#completed-1:checked ~ [name^=slot][name$="round-1"][value="3"]:checked ~ [name="slot-2-round-1"][value="3"]:not(:checked) ~ .round-container .valid-1 .partial-2 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-1:checked ~ [name="slot-3-round-1"][value="2"]:checked ~ .round-container .valid-1 .correct-3 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-1:checked ~ [name="slot-3-round-1"][value="2"]:not(:checked) ~ [name^=slot][name$="round-1"][value="2"]:checked ~ .round-container .valid-1 .partial-3,
#code-1324:checked ~ input#completed-1:checked ~ [name^=slot][name$="round-1"][value="2"]:checked ~ [name="slot-3-round-1"][value="2"]:not(:checked) ~ .round-container .valid-1 .partial-3 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-1:checked ~ [name="slot-4-round-1"][value="4"]:checked ~ .round-container .valid-1 .correct-4 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-1:checked ~ [name="slot-4-round-1"][value="4"]:not(:checked) ~ [name^=slot][name$="round-1"][value="4"]:checked ~ .round-container .valid-1 .partial-4,
#code-1324:checked ~ input#completed-1:checked ~ [name^=slot][name$="round-1"][value="4"]:checked ~ [name="slot-4-round-1"][value="4"]:not(:checked) ~ .round-container .valid-1 .partial-4 {
  display: inline-block;
}

#code-4135:checked ~ input#completed-1:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ .popup {
  display: none;
}
#code-4135:checked ~ input#completed-1:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ .won {
  display: flex;
}
#code-4135:checked ~ input#completed-1:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ #confetti {
  display: block;
}
#code-4135:checked ~ input#completed-1:checked ~ [name="slot-1-round-1"][value="4"]:checked ~ .round-container .valid-1 .correct-1 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-1:checked ~ [name="slot-1-round-1"][value="4"]:not(:checked) ~ [name^=slot][name$="round-1"][value="4"]:checked ~ .round-container .valid-1 .partial-1,
#code-4135:checked ~ input#completed-1:checked ~ [name^=slot][name$="round-1"][value="4"]:checked ~ [name="slot-1-round-1"][value="4"]:not(:checked) ~ .round-container .valid-1 .partial-1 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-1:checked ~ [name="slot-2-round-1"][value="1"]:checked ~ .round-container .valid-1 .correct-2 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-1:checked ~ [name="slot-2-round-1"][value="1"]:not(:checked) ~ [name^=slot][name$="round-1"][value="1"]:checked ~ .round-container .valid-1 .partial-2,
#code-4135:checked ~ input#completed-1:checked ~ [name^=slot][name$="round-1"][value="1"]:checked ~ [name="slot-2-round-1"][value="1"]:not(:checked) ~ .round-container .valid-1 .partial-2 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-1:checked ~ [name="slot-3-round-1"][value="3"]:checked ~ .round-container .valid-1 .correct-3 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-1:checked ~ [name="slot-3-round-1"][value="3"]:not(:checked) ~ [name^=slot][name$="round-1"][value="3"]:checked ~ .round-container .valid-1 .partial-3,
#code-4135:checked ~ input#completed-1:checked ~ [name^=slot][name$="round-1"][value="3"]:checked ~ [name="slot-3-round-1"][value="3"]:not(:checked) ~ .round-container .valid-1 .partial-3 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-1:checked ~ [name="slot-4-round-1"][value="5"]:checked ~ .round-container .valid-1 .correct-4 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-1:checked ~ [name="slot-4-round-1"][value="5"]:not(:checked) ~ [name^=slot][name$="round-1"][value="5"]:checked ~ .round-container .valid-1 .partial-4,
#code-4135:checked ~ input#completed-1:checked ~ [name^=slot][name$="round-1"][value="5"]:checked ~ [name="slot-4-round-1"][value="5"]:not(:checked) ~ .round-container .valid-1 .partial-4 {
  display: inline-block;
}

#code-5514:checked ~ input#completed-1:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .popup {
  display: none;
}
#code-5514:checked ~ input#completed-1:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .won {
  display: flex;
}
#code-5514:checked ~ input#completed-1:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ #confetti {
  display: block;
}
#code-5514:checked ~ input#completed-1:checked ~ [name="slot-1-round-1"][value="5"]:checked ~ .round-container .valid-1 .correct-1 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-1:checked ~ [name="slot-1-round-1"][value="5"]:not(:checked) ~ [name^=slot][name$="round-1"][value="5"]:checked ~ .round-container .valid-1 .partial-1,
#code-5514:checked ~ input#completed-1:checked ~ [name^=slot][name$="round-1"][value="5"]:checked ~ [name="slot-1-round-1"][value="5"]:not(:checked) ~ .round-container .valid-1 .partial-1 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-1:checked ~ [name="slot-2-round-1"][value="5"]:checked ~ .round-container .valid-1 .correct-2 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-1:checked ~ [name="slot-2-round-1"][value="5"]:not(:checked) ~ [name^=slot][name$="round-1"][value="5"]:checked ~ .round-container .valid-1 .partial-2,
#code-5514:checked ~ input#completed-1:checked ~ [name^=slot][name$="round-1"][value="5"]:checked ~ [name="slot-2-round-1"][value="5"]:not(:checked) ~ .round-container .valid-1 .partial-2 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-1:checked ~ [name="slot-3-round-1"][value="1"]:checked ~ .round-container .valid-1 .correct-3 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-1:checked ~ [name="slot-3-round-1"][value="1"]:not(:checked) ~ [name^=slot][name$="round-1"][value="1"]:checked ~ .round-container .valid-1 .partial-3,
#code-5514:checked ~ input#completed-1:checked ~ [name^=slot][name$="round-1"][value="1"]:checked ~ [name="slot-3-round-1"][value="1"]:not(:checked) ~ .round-container .valid-1 .partial-3 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-1:checked ~ [name="slot-4-round-1"][value="4"]:checked ~ .round-container .valid-1 .correct-4 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-1:checked ~ [name="slot-4-round-1"][value="4"]:not(:checked) ~ [name^=slot][name$="round-1"][value="4"]:checked ~ .round-container .valid-1 .partial-4,
#code-5514:checked ~ input#completed-1:checked ~ [name^=slot][name$="round-1"][value="4"]:checked ~ [name="slot-4-round-1"][value="4"]:not(:checked) ~ .round-container .valid-1 .partial-4 {
  display: inline-block;
}

#round-2:checked ~ div.round-2 label, #round-2:checked ~ div.round-2 a {
  visibility: visible;
  pointer-events: auto;
}

#code-6543:checked ~ input#completed-2:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ .popup {
  display: none;
}
#code-6543:checked ~ input#completed-2:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ .won {
  display: flex;
}
#code-6543:checked ~ input#completed-2:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ #confetti {
  display: block;
}
#code-6543:checked ~ input#completed-2:checked ~ [name="slot-1-round-2"][value="6"]:checked ~ .round-container .valid-2 .correct-1 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-2:checked ~ [name="slot-1-round-2"][value="6"]:not(:checked) ~ [name^=slot][name$="round-2"][value="6"]:checked ~ .round-container .valid-2 .partial-1,
#code-6543:checked ~ input#completed-2:checked ~ [name^=slot][name$="round-2"][value="6"]:checked ~ [name="slot-1-round-2"][value="6"]:not(:checked) ~ .round-container .valid-2 .partial-1 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-2:checked ~ [name="slot-2-round-2"][value="5"]:checked ~ .round-container .valid-2 .correct-2 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-2:checked ~ [name="slot-2-round-2"][value="5"]:not(:checked) ~ [name^=slot][name$="round-2"][value="5"]:checked ~ .round-container .valid-2 .partial-2,
#code-6543:checked ~ input#completed-2:checked ~ [name^=slot][name$="round-2"][value="5"]:checked ~ [name="slot-2-round-2"][value="5"]:not(:checked) ~ .round-container .valid-2 .partial-2 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-2:checked ~ [name="slot-3-round-2"][value="4"]:checked ~ .round-container .valid-2 .correct-3 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-2:checked ~ [name="slot-3-round-2"][value="4"]:not(:checked) ~ [name^=slot][name$="round-2"][value="4"]:checked ~ .round-container .valid-2 .partial-3,
#code-6543:checked ~ input#completed-2:checked ~ [name^=slot][name$="round-2"][value="4"]:checked ~ [name="slot-3-round-2"][value="4"]:not(:checked) ~ .round-container .valid-2 .partial-3 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-2:checked ~ [name="slot-4-round-2"][value="3"]:checked ~ .round-container .valid-2 .correct-4 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-2:checked ~ [name="slot-4-round-2"][value="3"]:not(:checked) ~ [name^=slot][name$="round-2"][value="3"]:checked ~ .round-container .valid-2 .partial-4,
#code-6543:checked ~ input#completed-2:checked ~ [name^=slot][name$="round-2"][value="3"]:checked ~ [name="slot-4-round-2"][value="3"]:not(:checked) ~ .round-container .valid-2 .partial-4 {
  display: inline-block;
}

#code-1324:checked ~ input#completed-2:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .popup {
  display: none;
}
#code-1324:checked ~ input#completed-2:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .won {
  display: flex;
}
#code-1324:checked ~ input#completed-2:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ #confetti {
  display: block;
}
#code-1324:checked ~ input#completed-2:checked ~ [name="slot-1-round-2"][value="1"]:checked ~ .round-container .valid-2 .correct-1 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-2:checked ~ [name="slot-1-round-2"][value="1"]:not(:checked) ~ [name^=slot][name$="round-2"][value="1"]:checked ~ .round-container .valid-2 .partial-1,
#code-1324:checked ~ input#completed-2:checked ~ [name^=slot][name$="round-2"][value="1"]:checked ~ [name="slot-1-round-2"][value="1"]:not(:checked) ~ .round-container .valid-2 .partial-1 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-2:checked ~ [name="slot-2-round-2"][value="3"]:checked ~ .round-container .valid-2 .correct-2 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-2:checked ~ [name="slot-2-round-2"][value="3"]:not(:checked) ~ [name^=slot][name$="round-2"][value="3"]:checked ~ .round-container .valid-2 .partial-2,
#code-1324:checked ~ input#completed-2:checked ~ [name^=slot][name$="round-2"][value="3"]:checked ~ [name="slot-2-round-2"][value="3"]:not(:checked) ~ .round-container .valid-2 .partial-2 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-2:checked ~ [name="slot-3-round-2"][value="2"]:checked ~ .round-container .valid-2 .correct-3 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-2:checked ~ [name="slot-3-round-2"][value="2"]:not(:checked) ~ [name^=slot][name$="round-2"][value="2"]:checked ~ .round-container .valid-2 .partial-3,
#code-1324:checked ~ input#completed-2:checked ~ [name^=slot][name$="round-2"][value="2"]:checked ~ [name="slot-3-round-2"][value="2"]:not(:checked) ~ .round-container .valid-2 .partial-3 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-2:checked ~ [name="slot-4-round-2"][value="4"]:checked ~ .round-container .valid-2 .correct-4 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-2:checked ~ [name="slot-4-round-2"][value="4"]:not(:checked) ~ [name^=slot][name$="round-2"][value="4"]:checked ~ .round-container .valid-2 .partial-4,
#code-1324:checked ~ input#completed-2:checked ~ [name^=slot][name$="round-2"][value="4"]:checked ~ [name="slot-4-round-2"][value="4"]:not(:checked) ~ .round-container .valid-2 .partial-4 {
  display: inline-block;
}

#code-4135:checked ~ input#completed-2:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ .popup {
  display: none;
}
#code-4135:checked ~ input#completed-2:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ .won {
  display: flex;
}
#code-4135:checked ~ input#completed-2:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ #confetti {
  display: block;
}
#code-4135:checked ~ input#completed-2:checked ~ [name="slot-1-round-2"][value="4"]:checked ~ .round-container .valid-2 .correct-1 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-2:checked ~ [name="slot-1-round-2"][value="4"]:not(:checked) ~ [name^=slot][name$="round-2"][value="4"]:checked ~ .round-container .valid-2 .partial-1,
#code-4135:checked ~ input#completed-2:checked ~ [name^=slot][name$="round-2"][value="4"]:checked ~ [name="slot-1-round-2"][value="4"]:not(:checked) ~ .round-container .valid-2 .partial-1 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-2:checked ~ [name="slot-2-round-2"][value="1"]:checked ~ .round-container .valid-2 .correct-2 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-2:checked ~ [name="slot-2-round-2"][value="1"]:not(:checked) ~ [name^=slot][name$="round-2"][value="1"]:checked ~ .round-container .valid-2 .partial-2,
#code-4135:checked ~ input#completed-2:checked ~ [name^=slot][name$="round-2"][value="1"]:checked ~ [name="slot-2-round-2"][value="1"]:not(:checked) ~ .round-container .valid-2 .partial-2 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-2:checked ~ [name="slot-3-round-2"][value="3"]:checked ~ .round-container .valid-2 .correct-3 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-2:checked ~ [name="slot-3-round-2"][value="3"]:not(:checked) ~ [name^=slot][name$="round-2"][value="3"]:checked ~ .round-container .valid-2 .partial-3,
#code-4135:checked ~ input#completed-2:checked ~ [name^=slot][name$="round-2"][value="3"]:checked ~ [name="slot-3-round-2"][value="3"]:not(:checked) ~ .round-container .valid-2 .partial-3 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-2:checked ~ [name="slot-4-round-2"][value="5"]:checked ~ .round-container .valid-2 .correct-4 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-2:checked ~ [name="slot-4-round-2"][value="5"]:not(:checked) ~ [name^=slot][name$="round-2"][value="5"]:checked ~ .round-container .valid-2 .partial-4,
#code-4135:checked ~ input#completed-2:checked ~ [name^=slot][name$="round-2"][value="5"]:checked ~ [name="slot-4-round-2"][value="5"]:not(:checked) ~ .round-container .valid-2 .partial-4 {
  display: inline-block;
}

#code-5514:checked ~ input#completed-2:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .popup {
  display: none;
}
#code-5514:checked ~ input#completed-2:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .won {
  display: flex;
}
#code-5514:checked ~ input#completed-2:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ #confetti {
  display: block;
}
#code-5514:checked ~ input#completed-2:checked ~ [name="slot-1-round-2"][value="5"]:checked ~ .round-container .valid-2 .correct-1 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-2:checked ~ [name="slot-1-round-2"][value="5"]:not(:checked) ~ [name^=slot][name$="round-2"][value="5"]:checked ~ .round-container .valid-2 .partial-1,
#code-5514:checked ~ input#completed-2:checked ~ [name^=slot][name$="round-2"][value="5"]:checked ~ [name="slot-1-round-2"][value="5"]:not(:checked) ~ .round-container .valid-2 .partial-1 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-2:checked ~ [name="slot-2-round-2"][value="5"]:checked ~ .round-container .valid-2 .correct-2 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-2:checked ~ [name="slot-2-round-2"][value="5"]:not(:checked) ~ [name^=slot][name$="round-2"][value="5"]:checked ~ .round-container .valid-2 .partial-2,
#code-5514:checked ~ input#completed-2:checked ~ [name^=slot][name$="round-2"][value="5"]:checked ~ [name="slot-2-round-2"][value="5"]:not(:checked) ~ .round-container .valid-2 .partial-2 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-2:checked ~ [name="slot-3-round-2"][value="1"]:checked ~ .round-container .valid-2 .correct-3 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-2:checked ~ [name="slot-3-round-2"][value="1"]:not(:checked) ~ [name^=slot][name$="round-2"][value="1"]:checked ~ .round-container .valid-2 .partial-3,
#code-5514:checked ~ input#completed-2:checked ~ [name^=slot][name$="round-2"][value="1"]:checked ~ [name="slot-3-round-2"][value="1"]:not(:checked) ~ .round-container .valid-2 .partial-3 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-2:checked ~ [name="slot-4-round-2"][value="4"]:checked ~ .round-container .valid-2 .correct-4 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-2:checked ~ [name="slot-4-round-2"][value="4"]:not(:checked) ~ [name^=slot][name$="round-2"][value="4"]:checked ~ .round-container .valid-2 .partial-4,
#code-5514:checked ~ input#completed-2:checked ~ [name^=slot][name$="round-2"][value="4"]:checked ~ [name="slot-4-round-2"][value="4"]:not(:checked) ~ .round-container .valid-2 .partial-4 {
  display: inline-block;
}

#round-3:checked ~ div.round-3 label, #round-3:checked ~ div.round-3 a {
  visibility: visible;
  pointer-events: auto;
}

#code-6543:checked ~ input#completed-3:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ .popup {
  display: none;
}
#code-6543:checked ~ input#completed-3:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ .won {
  display: flex;
}
#code-6543:checked ~ input#completed-3:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ #confetti {
  display: block;
}
#code-6543:checked ~ input#completed-3:checked ~ [name="slot-1-round-3"][value="6"]:checked ~ .round-container .valid-3 .correct-1 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-3:checked ~ [name="slot-1-round-3"][value="6"]:not(:checked) ~ [name^=slot][name$="round-3"][value="6"]:checked ~ .round-container .valid-3 .partial-1,
#code-6543:checked ~ input#completed-3:checked ~ [name^=slot][name$="round-3"][value="6"]:checked ~ [name="slot-1-round-3"][value="6"]:not(:checked) ~ .round-container .valid-3 .partial-1 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-3:checked ~ [name="slot-2-round-3"][value="5"]:checked ~ .round-container .valid-3 .correct-2 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-3:checked ~ [name="slot-2-round-3"][value="5"]:not(:checked) ~ [name^=slot][name$="round-3"][value="5"]:checked ~ .round-container .valid-3 .partial-2,
#code-6543:checked ~ input#completed-3:checked ~ [name^=slot][name$="round-3"][value="5"]:checked ~ [name="slot-2-round-3"][value="5"]:not(:checked) ~ .round-container .valid-3 .partial-2 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-3:checked ~ [name="slot-3-round-3"][value="4"]:checked ~ .round-container .valid-3 .correct-3 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-3:checked ~ [name="slot-3-round-3"][value="4"]:not(:checked) ~ [name^=slot][name$="round-3"][value="4"]:checked ~ .round-container .valid-3 .partial-3,
#code-6543:checked ~ input#completed-3:checked ~ [name^=slot][name$="round-3"][value="4"]:checked ~ [name="slot-3-round-3"][value="4"]:not(:checked) ~ .round-container .valid-3 .partial-3 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-3:checked ~ [name="slot-4-round-3"][value="3"]:checked ~ .round-container .valid-3 .correct-4 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-3:checked ~ [name="slot-4-round-3"][value="3"]:not(:checked) ~ [name^=slot][name$="round-3"][value="3"]:checked ~ .round-container .valid-3 .partial-4,
#code-6543:checked ~ input#completed-3:checked ~ [name^=slot][name$="round-3"][value="3"]:checked ~ [name="slot-4-round-3"][value="3"]:not(:checked) ~ .round-container .valid-3 .partial-4 {
  display: inline-block;
}

#code-1324:checked ~ input#completed-3:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .popup {
  display: none;
}
#code-1324:checked ~ input#completed-3:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .won {
  display: flex;
}
#code-1324:checked ~ input#completed-3:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ #confetti {
  display: block;
}
#code-1324:checked ~ input#completed-3:checked ~ [name="slot-1-round-3"][value="1"]:checked ~ .round-container .valid-3 .correct-1 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-3:checked ~ [name="slot-1-round-3"][value="1"]:not(:checked) ~ [name^=slot][name$="round-3"][value="1"]:checked ~ .round-container .valid-3 .partial-1,
#code-1324:checked ~ input#completed-3:checked ~ [name^=slot][name$="round-3"][value="1"]:checked ~ [name="slot-1-round-3"][value="1"]:not(:checked) ~ .round-container .valid-3 .partial-1 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-3:checked ~ [name="slot-2-round-3"][value="3"]:checked ~ .round-container .valid-3 .correct-2 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-3:checked ~ [name="slot-2-round-3"][value="3"]:not(:checked) ~ [name^=slot][name$="round-3"][value="3"]:checked ~ .round-container .valid-3 .partial-2,
#code-1324:checked ~ input#completed-3:checked ~ [name^=slot][name$="round-3"][value="3"]:checked ~ [name="slot-2-round-3"][value="3"]:not(:checked) ~ .round-container .valid-3 .partial-2 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-3:checked ~ [name="slot-3-round-3"][value="2"]:checked ~ .round-container .valid-3 .correct-3 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-3:checked ~ [name="slot-3-round-3"][value="2"]:not(:checked) ~ [name^=slot][name$="round-3"][value="2"]:checked ~ .round-container .valid-3 .partial-3,
#code-1324:checked ~ input#completed-3:checked ~ [name^=slot][name$="round-3"][value="2"]:checked ~ [name="slot-3-round-3"][value="2"]:not(:checked) ~ .round-container .valid-3 .partial-3 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-3:checked ~ [name="slot-4-round-3"][value="4"]:checked ~ .round-container .valid-3 .correct-4 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-3:checked ~ [name="slot-4-round-3"][value="4"]:not(:checked) ~ [name^=slot][name$="round-3"][value="4"]:checked ~ .round-container .valid-3 .partial-4,
#code-1324:checked ~ input#completed-3:checked ~ [name^=slot][name$="round-3"][value="4"]:checked ~ [name="slot-4-round-3"][value="4"]:not(:checked) ~ .round-container .valid-3 .partial-4 {
  display: inline-block;
}

#code-4135:checked ~ input#completed-3:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ .popup {
  display: none;
}
#code-4135:checked ~ input#completed-3:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ .won {
  display: flex;
}
#code-4135:checked ~ input#completed-3:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ #confetti {
  display: block;
}
#code-4135:checked ~ input#completed-3:checked ~ [name="slot-1-round-3"][value="4"]:checked ~ .round-container .valid-3 .correct-1 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-3:checked ~ [name="slot-1-round-3"][value="4"]:not(:checked) ~ [name^=slot][name$="round-3"][value="4"]:checked ~ .round-container .valid-3 .partial-1,
#code-4135:checked ~ input#completed-3:checked ~ [name^=slot][name$="round-3"][value="4"]:checked ~ [name="slot-1-round-3"][value="4"]:not(:checked) ~ .round-container .valid-3 .partial-1 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-3:checked ~ [name="slot-2-round-3"][value="1"]:checked ~ .round-container .valid-3 .correct-2 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-3:checked ~ [name="slot-2-round-3"][value="1"]:not(:checked) ~ [name^=slot][name$="round-3"][value="1"]:checked ~ .round-container .valid-3 .partial-2,
#code-4135:checked ~ input#completed-3:checked ~ [name^=slot][name$="round-3"][value="1"]:checked ~ [name="slot-2-round-3"][value="1"]:not(:checked) ~ .round-container .valid-3 .partial-2 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-3:checked ~ [name="slot-3-round-3"][value="3"]:checked ~ .round-container .valid-3 .correct-3 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-3:checked ~ [name="slot-3-round-3"][value="3"]:not(:checked) ~ [name^=slot][name$="round-3"][value="3"]:checked ~ .round-container .valid-3 .partial-3,
#code-4135:checked ~ input#completed-3:checked ~ [name^=slot][name$="round-3"][value="3"]:checked ~ [name="slot-3-round-3"][value="3"]:not(:checked) ~ .round-container .valid-3 .partial-3 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-3:checked ~ [name="slot-4-round-3"][value="5"]:checked ~ .round-container .valid-3 .correct-4 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-3:checked ~ [name="slot-4-round-3"][value="5"]:not(:checked) ~ [name^=slot][name$="round-3"][value="5"]:checked ~ .round-container .valid-3 .partial-4,
#code-4135:checked ~ input#completed-3:checked ~ [name^=slot][name$="round-3"][value="5"]:checked ~ [name="slot-4-round-3"][value="5"]:not(:checked) ~ .round-container .valid-3 .partial-4 {
  display: inline-block;
}

#code-5514:checked ~ input#completed-3:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .popup {
  display: none;
}
#code-5514:checked ~ input#completed-3:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .won {
  display: flex;
}
#code-5514:checked ~ input#completed-3:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ #confetti {
  display: block;
}
#code-5514:checked ~ input#completed-3:checked ~ [name="slot-1-round-3"][value="5"]:checked ~ .round-container .valid-3 .correct-1 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-3:checked ~ [name="slot-1-round-3"][value="5"]:not(:checked) ~ [name^=slot][name$="round-3"][value="5"]:checked ~ .round-container .valid-3 .partial-1,
#code-5514:checked ~ input#completed-3:checked ~ [name^=slot][name$="round-3"][value="5"]:checked ~ [name="slot-1-round-3"][value="5"]:not(:checked) ~ .round-container .valid-3 .partial-1 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-3:checked ~ [name="slot-2-round-3"][value="5"]:checked ~ .round-container .valid-3 .correct-2 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-3:checked ~ [name="slot-2-round-3"][value="5"]:not(:checked) ~ [name^=slot][name$="round-3"][value="5"]:checked ~ .round-container .valid-3 .partial-2,
#code-5514:checked ~ input#completed-3:checked ~ [name^=slot][name$="round-3"][value="5"]:checked ~ [name="slot-2-round-3"][value="5"]:not(:checked) ~ .round-container .valid-3 .partial-2 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-3:checked ~ [name="slot-3-round-3"][value="1"]:checked ~ .round-container .valid-3 .correct-3 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-3:checked ~ [name="slot-3-round-3"][value="1"]:not(:checked) ~ [name^=slot][name$="round-3"][value="1"]:checked ~ .round-container .valid-3 .partial-3,
#code-5514:checked ~ input#completed-3:checked ~ [name^=slot][name$="round-3"][value="1"]:checked ~ [name="slot-3-round-3"][value="1"]:not(:checked) ~ .round-container .valid-3 .partial-3 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-3:checked ~ [name="slot-4-round-3"][value="4"]:checked ~ .round-container .valid-3 .correct-4 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-3:checked ~ [name="slot-4-round-3"][value="4"]:not(:checked) ~ [name^=slot][name$="round-3"][value="4"]:checked ~ .round-container .valid-3 .partial-4,
#code-5514:checked ~ input#completed-3:checked ~ [name^=slot][name$="round-3"][value="4"]:checked ~ [name="slot-4-round-3"][value="4"]:not(:checked) ~ .round-container .valid-3 .partial-4 {
  display: inline-block;
}

#round-4:checked ~ div.round-4 label, #round-4:checked ~ div.round-4 a {
  visibility: visible;
  pointer-events: auto;
}

#code-6543:checked ~ input#completed-4:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ .popup {
  display: none;
}
#code-6543:checked ~ input#completed-4:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ .won {
  display: flex;
}
#code-6543:checked ~ input#completed-4:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ #confetti {
  display: block;
}
#code-6543:checked ~ input#completed-4:checked ~ [name="slot-1-round-4"][value="6"]:checked ~ .round-container .valid-4 .correct-1 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-4:checked ~ [name="slot-1-round-4"][value="6"]:not(:checked) ~ [name^=slot][name$="round-4"][value="6"]:checked ~ .round-container .valid-4 .partial-1,
#code-6543:checked ~ input#completed-4:checked ~ [name^=slot][name$="round-4"][value="6"]:checked ~ [name="slot-1-round-4"][value="6"]:not(:checked) ~ .round-container .valid-4 .partial-1 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-4:checked ~ [name="slot-2-round-4"][value="5"]:checked ~ .round-container .valid-4 .correct-2 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-4:checked ~ [name="slot-2-round-4"][value="5"]:not(:checked) ~ [name^=slot][name$="round-4"][value="5"]:checked ~ .round-container .valid-4 .partial-2,
#code-6543:checked ~ input#completed-4:checked ~ [name^=slot][name$="round-4"][value="5"]:checked ~ [name="slot-2-round-4"][value="5"]:not(:checked) ~ .round-container .valid-4 .partial-2 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-4:checked ~ [name="slot-3-round-4"][value="4"]:checked ~ .round-container .valid-4 .correct-3 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-4:checked ~ [name="slot-3-round-4"][value="4"]:not(:checked) ~ [name^=slot][name$="round-4"][value="4"]:checked ~ .round-container .valid-4 .partial-3,
#code-6543:checked ~ input#completed-4:checked ~ [name^=slot][name$="round-4"][value="4"]:checked ~ [name="slot-3-round-4"][value="4"]:not(:checked) ~ .round-container .valid-4 .partial-3 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-4:checked ~ [name="slot-4-round-4"][value="3"]:checked ~ .round-container .valid-4 .correct-4 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-4:checked ~ [name="slot-4-round-4"][value="3"]:not(:checked) ~ [name^=slot][name$="round-4"][value="3"]:checked ~ .round-container .valid-4 .partial-4,
#code-6543:checked ~ input#completed-4:checked ~ [name^=slot][name$="round-4"][value="3"]:checked ~ [name="slot-4-round-4"][value="3"]:not(:checked) ~ .round-container .valid-4 .partial-4 {
  display: inline-block;
}

#code-1324:checked ~ input#completed-4:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .popup {
  display: none;
}
#code-1324:checked ~ input#completed-4:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .won {
  display: flex;
}
#code-1324:checked ~ input#completed-4:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ #confetti {
  display: block;
}
#code-1324:checked ~ input#completed-4:checked ~ [name="slot-1-round-4"][value="1"]:checked ~ .round-container .valid-4 .correct-1 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-4:checked ~ [name="slot-1-round-4"][value="1"]:not(:checked) ~ [name^=slot][name$="round-4"][value="1"]:checked ~ .round-container .valid-4 .partial-1,
#code-1324:checked ~ input#completed-4:checked ~ [name^=slot][name$="round-4"][value="1"]:checked ~ [name="slot-1-round-4"][value="1"]:not(:checked) ~ .round-container .valid-4 .partial-1 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-4:checked ~ [name="slot-2-round-4"][value="3"]:checked ~ .round-container .valid-4 .correct-2 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-4:checked ~ [name="slot-2-round-4"][value="3"]:not(:checked) ~ [name^=slot][name$="round-4"][value="3"]:checked ~ .round-container .valid-4 .partial-2,
#code-1324:checked ~ input#completed-4:checked ~ [name^=slot][name$="round-4"][value="3"]:checked ~ [name="slot-2-round-4"][value="3"]:not(:checked) ~ .round-container .valid-4 .partial-2 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-4:checked ~ [name="slot-3-round-4"][value="2"]:checked ~ .round-container .valid-4 .correct-3 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-4:checked ~ [name="slot-3-round-4"][value="2"]:not(:checked) ~ [name^=slot][name$="round-4"][value="2"]:checked ~ .round-container .valid-4 .partial-3,
#code-1324:checked ~ input#completed-4:checked ~ [name^=slot][name$="round-4"][value="2"]:checked ~ [name="slot-3-round-4"][value="2"]:not(:checked) ~ .round-container .valid-4 .partial-3 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-4:checked ~ [name="slot-4-round-4"][value="4"]:checked ~ .round-container .valid-4 .correct-4 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-4:checked ~ [name="slot-4-round-4"][value="4"]:not(:checked) ~ [name^=slot][name$="round-4"][value="4"]:checked ~ .round-container .valid-4 .partial-4,
#code-1324:checked ~ input#completed-4:checked ~ [name^=slot][name$="round-4"][value="4"]:checked ~ [name="slot-4-round-4"][value="4"]:not(:checked) ~ .round-container .valid-4 .partial-4 {
  display: inline-block;
}

#code-4135:checked ~ input#completed-4:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ .popup {
  display: none;
}
#code-4135:checked ~ input#completed-4:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ .won {
  display: flex;
}
#code-4135:checked ~ input#completed-4:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ #confetti {
  display: block;
}
#code-4135:checked ~ input#completed-4:checked ~ [name="slot-1-round-4"][value="4"]:checked ~ .round-container .valid-4 .correct-1 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-4:checked ~ [name="slot-1-round-4"][value="4"]:not(:checked) ~ [name^=slot][name$="round-4"][value="4"]:checked ~ .round-container .valid-4 .partial-1,
#code-4135:checked ~ input#completed-4:checked ~ [name^=slot][name$="round-4"][value="4"]:checked ~ [name="slot-1-round-4"][value="4"]:not(:checked) ~ .round-container .valid-4 .partial-1 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-4:checked ~ [name="slot-2-round-4"][value="1"]:checked ~ .round-container .valid-4 .correct-2 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-4:checked ~ [name="slot-2-round-4"][value="1"]:not(:checked) ~ [name^=slot][name$="round-4"][value="1"]:checked ~ .round-container .valid-4 .partial-2,
#code-4135:checked ~ input#completed-4:checked ~ [name^=slot][name$="round-4"][value="1"]:checked ~ [name="slot-2-round-4"][value="1"]:not(:checked) ~ .round-container .valid-4 .partial-2 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-4:checked ~ [name="slot-3-round-4"][value="3"]:checked ~ .round-container .valid-4 .correct-3 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-4:checked ~ [name="slot-3-round-4"][value="3"]:not(:checked) ~ [name^=slot][name$="round-4"][value="3"]:checked ~ .round-container .valid-4 .partial-3,
#code-4135:checked ~ input#completed-4:checked ~ [name^=slot][name$="round-4"][value="3"]:checked ~ [name="slot-3-round-4"][value="3"]:not(:checked) ~ .round-container .valid-4 .partial-3 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-4:checked ~ [name="slot-4-round-4"][value="5"]:checked ~ .round-container .valid-4 .correct-4 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-4:checked ~ [name="slot-4-round-4"][value="5"]:not(:checked) ~ [name^=slot][name$="round-4"][value="5"]:checked ~ .round-container .valid-4 .partial-4,
#code-4135:checked ~ input#completed-4:checked ~ [name^=slot][name$="round-4"][value="5"]:checked ~ [name="slot-4-round-4"][value="5"]:not(:checked) ~ .round-container .valid-4 .partial-4 {
  display: inline-block;
}

#code-5514:checked ~ input#completed-4:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .popup {
  display: none;
}
#code-5514:checked ~ input#completed-4:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .won {
  display: flex;
}
#code-5514:checked ~ input#completed-4:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ #confetti {
  display: block;
}
#code-5514:checked ~ input#completed-4:checked ~ [name="slot-1-round-4"][value="5"]:checked ~ .round-container .valid-4 .correct-1 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-4:checked ~ [name="slot-1-round-4"][value="5"]:not(:checked) ~ [name^=slot][name$="round-4"][value="5"]:checked ~ .round-container .valid-4 .partial-1,
#code-5514:checked ~ input#completed-4:checked ~ [name^=slot][name$="round-4"][value="5"]:checked ~ [name="slot-1-round-4"][value="5"]:not(:checked) ~ .round-container .valid-4 .partial-1 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-4:checked ~ [name="slot-2-round-4"][value="5"]:checked ~ .round-container .valid-4 .correct-2 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-4:checked ~ [name="slot-2-round-4"][value="5"]:not(:checked) ~ [name^=slot][name$="round-4"][value="5"]:checked ~ .round-container .valid-4 .partial-2,
#code-5514:checked ~ input#completed-4:checked ~ [name^=slot][name$="round-4"][value="5"]:checked ~ [name="slot-2-round-4"][value="5"]:not(:checked) ~ .round-container .valid-4 .partial-2 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-4:checked ~ [name="slot-3-round-4"][value="1"]:checked ~ .round-container .valid-4 .correct-3 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-4:checked ~ [name="slot-3-round-4"][value="1"]:not(:checked) ~ [name^=slot][name$="round-4"][value="1"]:checked ~ .round-container .valid-4 .partial-3,
#code-5514:checked ~ input#completed-4:checked ~ [name^=slot][name$="round-4"][value="1"]:checked ~ [name="slot-3-round-4"][value="1"]:not(:checked) ~ .round-container .valid-4 .partial-3 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-4:checked ~ [name="slot-4-round-4"][value="4"]:checked ~ .round-container .valid-4 .correct-4 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-4:checked ~ [name="slot-4-round-4"][value="4"]:not(:checked) ~ [name^=slot][name$="round-4"][value="4"]:checked ~ .round-container .valid-4 .partial-4,
#code-5514:checked ~ input#completed-4:checked ~ [name^=slot][name$="round-4"][value="4"]:checked ~ [name="slot-4-round-4"][value="4"]:not(:checked) ~ .round-container .valid-4 .partial-4 {
  display: inline-block;
}

#round-5:checked ~ div.round-5 label, #round-5:checked ~ div.round-5 a {
  visibility: visible;
  pointer-events: auto;
}

#code-6543:checked ~ input#completed-5:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ .popup {
  display: none;
}
#code-6543:checked ~ input#completed-5:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ .won {
  display: flex;
}
#code-6543:checked ~ input#completed-5:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ #confetti {
  display: block;
}
#code-6543:checked ~ input#completed-5:checked ~ [name="slot-1-round-5"][value="6"]:checked ~ .round-container .valid-5 .correct-1 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-5:checked ~ [name="slot-1-round-5"][value="6"]:not(:checked) ~ [name^=slot][name$="round-5"][value="6"]:checked ~ .round-container .valid-5 .partial-1,
#code-6543:checked ~ input#completed-5:checked ~ [name^=slot][name$="round-5"][value="6"]:checked ~ [name="slot-1-round-5"][value="6"]:not(:checked) ~ .round-container .valid-5 .partial-1 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-5:checked ~ [name="slot-2-round-5"][value="5"]:checked ~ .round-container .valid-5 .correct-2 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-5:checked ~ [name="slot-2-round-5"][value="5"]:not(:checked) ~ [name^=slot][name$="round-5"][value="5"]:checked ~ .round-container .valid-5 .partial-2,
#code-6543:checked ~ input#completed-5:checked ~ [name^=slot][name$="round-5"][value="5"]:checked ~ [name="slot-2-round-5"][value="5"]:not(:checked) ~ .round-container .valid-5 .partial-2 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-5:checked ~ [name="slot-3-round-5"][value="4"]:checked ~ .round-container .valid-5 .correct-3 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-5:checked ~ [name="slot-3-round-5"][value="4"]:not(:checked) ~ [name^=slot][name$="round-5"][value="4"]:checked ~ .round-container .valid-5 .partial-3,
#code-6543:checked ~ input#completed-5:checked ~ [name^=slot][name$="round-5"][value="4"]:checked ~ [name="slot-3-round-5"][value="4"]:not(:checked) ~ .round-container .valid-5 .partial-3 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-5:checked ~ [name="slot-4-round-5"][value="3"]:checked ~ .round-container .valid-5 .correct-4 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-5:checked ~ [name="slot-4-round-5"][value="3"]:not(:checked) ~ [name^=slot][name$="round-5"][value="3"]:checked ~ .round-container .valid-5 .partial-4,
#code-6543:checked ~ input#completed-5:checked ~ [name^=slot][name$="round-5"][value="3"]:checked ~ [name="slot-4-round-5"][value="3"]:not(:checked) ~ .round-container .valid-5 .partial-4 {
  display: inline-block;
}

#code-1324:checked ~ input#completed-5:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .popup {
  display: none;
}
#code-1324:checked ~ input#completed-5:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .won {
  display: flex;
}
#code-1324:checked ~ input#completed-5:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ #confetti {
  display: block;
}
#code-1324:checked ~ input#completed-5:checked ~ [name="slot-1-round-5"][value="1"]:checked ~ .round-container .valid-5 .correct-1 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-5:checked ~ [name="slot-1-round-5"][value="1"]:not(:checked) ~ [name^=slot][name$="round-5"][value="1"]:checked ~ .round-container .valid-5 .partial-1,
#code-1324:checked ~ input#completed-5:checked ~ [name^=slot][name$="round-5"][value="1"]:checked ~ [name="slot-1-round-5"][value="1"]:not(:checked) ~ .round-container .valid-5 .partial-1 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-5:checked ~ [name="slot-2-round-5"][value="3"]:checked ~ .round-container .valid-5 .correct-2 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-5:checked ~ [name="slot-2-round-5"][value="3"]:not(:checked) ~ [name^=slot][name$="round-5"][value="3"]:checked ~ .round-container .valid-5 .partial-2,
#code-1324:checked ~ input#completed-5:checked ~ [name^=slot][name$="round-5"][value="3"]:checked ~ [name="slot-2-round-5"][value="3"]:not(:checked) ~ .round-container .valid-5 .partial-2 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-5:checked ~ [name="slot-3-round-5"][value="2"]:checked ~ .round-container .valid-5 .correct-3 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-5:checked ~ [name="slot-3-round-5"][value="2"]:not(:checked) ~ [name^=slot][name$="round-5"][value="2"]:checked ~ .round-container .valid-5 .partial-3,
#code-1324:checked ~ input#completed-5:checked ~ [name^=slot][name$="round-5"][value="2"]:checked ~ [name="slot-3-round-5"][value="2"]:not(:checked) ~ .round-container .valid-5 .partial-3 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-5:checked ~ [name="slot-4-round-5"][value="4"]:checked ~ .round-container .valid-5 .correct-4 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-5:checked ~ [name="slot-4-round-5"][value="4"]:not(:checked) ~ [name^=slot][name$="round-5"][value="4"]:checked ~ .round-container .valid-5 .partial-4,
#code-1324:checked ~ input#completed-5:checked ~ [name^=slot][name$="round-5"][value="4"]:checked ~ [name="slot-4-round-5"][value="4"]:not(:checked) ~ .round-container .valid-5 .partial-4 {
  display: inline-block;
}

#code-4135:checked ~ input#completed-5:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ .popup {
  display: none;
}
#code-4135:checked ~ input#completed-5:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ .won {
  display: flex;
}
#code-4135:checked ~ input#completed-5:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ #confetti {
  display: block;
}
#code-4135:checked ~ input#completed-5:checked ~ [name="slot-1-round-5"][value="4"]:checked ~ .round-container .valid-5 .correct-1 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-5:checked ~ [name="slot-1-round-5"][value="4"]:not(:checked) ~ [name^=slot][name$="round-5"][value="4"]:checked ~ .round-container .valid-5 .partial-1,
#code-4135:checked ~ input#completed-5:checked ~ [name^=slot][name$="round-5"][value="4"]:checked ~ [name="slot-1-round-5"][value="4"]:not(:checked) ~ .round-container .valid-5 .partial-1 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-5:checked ~ [name="slot-2-round-5"][value="1"]:checked ~ .round-container .valid-5 .correct-2 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-5:checked ~ [name="slot-2-round-5"][value="1"]:not(:checked) ~ [name^=slot][name$="round-5"][value="1"]:checked ~ .round-container .valid-5 .partial-2,
#code-4135:checked ~ input#completed-5:checked ~ [name^=slot][name$="round-5"][value="1"]:checked ~ [name="slot-2-round-5"][value="1"]:not(:checked) ~ .round-container .valid-5 .partial-2 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-5:checked ~ [name="slot-3-round-5"][value="3"]:checked ~ .round-container .valid-5 .correct-3 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-5:checked ~ [name="slot-3-round-5"][value="3"]:not(:checked) ~ [name^=slot][name$="round-5"][value="3"]:checked ~ .round-container .valid-5 .partial-3,
#code-4135:checked ~ input#completed-5:checked ~ [name^=slot][name$="round-5"][value="3"]:checked ~ [name="slot-3-round-5"][value="3"]:not(:checked) ~ .round-container .valid-5 .partial-3 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-5:checked ~ [name="slot-4-round-5"][value="5"]:checked ~ .round-container .valid-5 .correct-4 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-5:checked ~ [name="slot-4-round-5"][value="5"]:not(:checked) ~ [name^=slot][name$="round-5"][value="5"]:checked ~ .round-container .valid-5 .partial-4,
#code-4135:checked ~ input#completed-5:checked ~ [name^=slot][name$="round-5"][value="5"]:checked ~ [name="slot-4-round-5"][value="5"]:not(:checked) ~ .round-container .valid-5 .partial-4 {
  display: inline-block;
}

#code-5514:checked ~ input#completed-5:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .popup {
  display: none;
}
#code-5514:checked ~ input#completed-5:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .won {
  display: flex;
}
#code-5514:checked ~ input#completed-5:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ #confetti {
  display: block;
}
#code-5514:checked ~ input#completed-5:checked ~ [name="slot-1-round-5"][value="5"]:checked ~ .round-container .valid-5 .correct-1 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-5:checked ~ [name="slot-1-round-5"][value="5"]:not(:checked) ~ [name^=slot][name$="round-5"][value="5"]:checked ~ .round-container .valid-5 .partial-1,
#code-5514:checked ~ input#completed-5:checked ~ [name^=slot][name$="round-5"][value="5"]:checked ~ [name="slot-1-round-5"][value="5"]:not(:checked) ~ .round-container .valid-5 .partial-1 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-5:checked ~ [name="slot-2-round-5"][value="5"]:checked ~ .round-container .valid-5 .correct-2 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-5:checked ~ [name="slot-2-round-5"][value="5"]:not(:checked) ~ [name^=slot][name$="round-5"][value="5"]:checked ~ .round-container .valid-5 .partial-2,
#code-5514:checked ~ input#completed-5:checked ~ [name^=slot][name$="round-5"][value="5"]:checked ~ [name="slot-2-round-5"][value="5"]:not(:checked) ~ .round-container .valid-5 .partial-2 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-5:checked ~ [name="slot-3-round-5"][value="1"]:checked ~ .round-container .valid-5 .correct-3 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-5:checked ~ [name="slot-3-round-5"][value="1"]:not(:checked) ~ [name^=slot][name$="round-5"][value="1"]:checked ~ .round-container .valid-5 .partial-3,
#code-5514:checked ~ input#completed-5:checked ~ [name^=slot][name$="round-5"][value="1"]:checked ~ [name="slot-3-round-5"][value="1"]:not(:checked) ~ .round-container .valid-5 .partial-3 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-5:checked ~ [name="slot-4-round-5"][value="4"]:checked ~ .round-container .valid-5 .correct-4 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-5:checked ~ [name="slot-4-round-5"][value="4"]:not(:checked) ~ [name^=slot][name$="round-5"][value="4"]:checked ~ .round-container .valid-5 .partial-4,
#code-5514:checked ~ input#completed-5:checked ~ [name^=slot][name$="round-5"][value="4"]:checked ~ [name="slot-4-round-5"][value="4"]:not(:checked) ~ .round-container .valid-5 .partial-4 {
  display: inline-block;
}

#round-6:checked ~ div.round-6 label, #round-6:checked ~ div.round-6 a {
  visibility: visible;
  pointer-events: auto;
}

#code-6543:checked ~ input#completed-6:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ .popup {
  display: none;
}
#code-6543:checked ~ input#completed-6:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ .won {
  display: flex;
}
#code-6543:checked ~ input#completed-6:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ #confetti {
  display: block;
}
#code-6543:checked ~ input#completed-6:checked ~ [name="slot-1-round-6"][value="6"]:checked ~ .round-container .valid-6 .correct-1 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-6:checked ~ [name="slot-1-round-6"][value="6"]:not(:checked) ~ [name^=slot][name$="round-6"][value="6"]:checked ~ .round-container .valid-6 .partial-1,
#code-6543:checked ~ input#completed-6:checked ~ [name^=slot][name$="round-6"][value="6"]:checked ~ [name="slot-1-round-6"][value="6"]:not(:checked) ~ .round-container .valid-6 .partial-1 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-6:checked ~ [name="slot-2-round-6"][value="5"]:checked ~ .round-container .valid-6 .correct-2 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-6:checked ~ [name="slot-2-round-6"][value="5"]:not(:checked) ~ [name^=slot][name$="round-6"][value="5"]:checked ~ .round-container .valid-6 .partial-2,
#code-6543:checked ~ input#completed-6:checked ~ [name^=slot][name$="round-6"][value="5"]:checked ~ [name="slot-2-round-6"][value="5"]:not(:checked) ~ .round-container .valid-6 .partial-2 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-6:checked ~ [name="slot-3-round-6"][value="4"]:checked ~ .round-container .valid-6 .correct-3 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-6:checked ~ [name="slot-3-round-6"][value="4"]:not(:checked) ~ [name^=slot][name$="round-6"][value="4"]:checked ~ .round-container .valid-6 .partial-3,
#code-6543:checked ~ input#completed-6:checked ~ [name^=slot][name$="round-6"][value="4"]:checked ~ [name="slot-3-round-6"][value="4"]:not(:checked) ~ .round-container .valid-6 .partial-3 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-6:checked ~ [name="slot-4-round-6"][value="3"]:checked ~ .round-container .valid-6 .correct-4 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-6:checked ~ [name="slot-4-round-6"][value="3"]:not(:checked) ~ [name^=slot][name$="round-6"][value="3"]:checked ~ .round-container .valid-6 .partial-4,
#code-6543:checked ~ input#completed-6:checked ~ [name^=slot][name$="round-6"][value="3"]:checked ~ [name="slot-4-round-6"][value="3"]:not(:checked) ~ .round-container .valid-6 .partial-4 {
  display: inline-block;
}

#code-1324:checked ~ input#completed-6:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .popup {
  display: none;
}
#code-1324:checked ~ input#completed-6:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .won {
  display: flex;
}
#code-1324:checked ~ input#completed-6:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ #confetti {
  display: block;
}
#code-1324:checked ~ input#completed-6:checked ~ [name="slot-1-round-6"][value="1"]:checked ~ .round-container .valid-6 .correct-1 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-6:checked ~ [name="slot-1-round-6"][value="1"]:not(:checked) ~ [name^=slot][name$="round-6"][value="1"]:checked ~ .round-container .valid-6 .partial-1,
#code-1324:checked ~ input#completed-6:checked ~ [name^=slot][name$="round-6"][value="1"]:checked ~ [name="slot-1-round-6"][value="1"]:not(:checked) ~ .round-container .valid-6 .partial-1 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-6:checked ~ [name="slot-2-round-6"][value="3"]:checked ~ .round-container .valid-6 .correct-2 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-6:checked ~ [name="slot-2-round-6"][value="3"]:not(:checked) ~ [name^=slot][name$="round-6"][value="3"]:checked ~ .round-container .valid-6 .partial-2,
#code-1324:checked ~ input#completed-6:checked ~ [name^=slot][name$="round-6"][value="3"]:checked ~ [name="slot-2-round-6"][value="3"]:not(:checked) ~ .round-container .valid-6 .partial-2 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-6:checked ~ [name="slot-3-round-6"][value="2"]:checked ~ .round-container .valid-6 .correct-3 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-6:checked ~ [name="slot-3-round-6"][value="2"]:not(:checked) ~ [name^=slot][name$="round-6"][value="2"]:checked ~ .round-container .valid-6 .partial-3,
#code-1324:checked ~ input#completed-6:checked ~ [name^=slot][name$="round-6"][value="2"]:checked ~ [name="slot-3-round-6"][value="2"]:not(:checked) ~ .round-container .valid-6 .partial-3 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-6:checked ~ [name="slot-4-round-6"][value="4"]:checked ~ .round-container .valid-6 .correct-4 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-6:checked ~ [name="slot-4-round-6"][value="4"]:not(:checked) ~ [name^=slot][name$="round-6"][value="4"]:checked ~ .round-container .valid-6 .partial-4,
#code-1324:checked ~ input#completed-6:checked ~ [name^=slot][name$="round-6"][value="4"]:checked ~ [name="slot-4-round-6"][value="4"]:not(:checked) ~ .round-container .valid-6 .partial-4 {
  display: inline-block;
}

#code-4135:checked ~ input#completed-6:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ .popup {
  display: none;
}
#code-4135:checked ~ input#completed-6:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ .won {
  display: flex;
}
#code-4135:checked ~ input#completed-6:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ #confetti {
  display: block;
}
#code-4135:checked ~ input#completed-6:checked ~ [name="slot-1-round-6"][value="4"]:checked ~ .round-container .valid-6 .correct-1 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-6:checked ~ [name="slot-1-round-6"][value="4"]:not(:checked) ~ [name^=slot][name$="round-6"][value="4"]:checked ~ .round-container .valid-6 .partial-1,
#code-4135:checked ~ input#completed-6:checked ~ [name^=slot][name$="round-6"][value="4"]:checked ~ [name="slot-1-round-6"][value="4"]:not(:checked) ~ .round-container .valid-6 .partial-1 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-6:checked ~ [name="slot-2-round-6"][value="1"]:checked ~ .round-container .valid-6 .correct-2 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-6:checked ~ [name="slot-2-round-6"][value="1"]:not(:checked) ~ [name^=slot][name$="round-6"][value="1"]:checked ~ .round-container .valid-6 .partial-2,
#code-4135:checked ~ input#completed-6:checked ~ [name^=slot][name$="round-6"][value="1"]:checked ~ [name="slot-2-round-6"][value="1"]:not(:checked) ~ .round-container .valid-6 .partial-2 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-6:checked ~ [name="slot-3-round-6"][value="3"]:checked ~ .round-container .valid-6 .correct-3 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-6:checked ~ [name="slot-3-round-6"][value="3"]:not(:checked) ~ [name^=slot][name$="round-6"][value="3"]:checked ~ .round-container .valid-6 .partial-3,
#code-4135:checked ~ input#completed-6:checked ~ [name^=slot][name$="round-6"][value="3"]:checked ~ [name="slot-3-round-6"][value="3"]:not(:checked) ~ .round-container .valid-6 .partial-3 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-6:checked ~ [name="slot-4-round-6"][value="5"]:checked ~ .round-container .valid-6 .correct-4 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-6:checked ~ [name="slot-4-round-6"][value="5"]:not(:checked) ~ [name^=slot][name$="round-6"][value="5"]:checked ~ .round-container .valid-6 .partial-4,
#code-4135:checked ~ input#completed-6:checked ~ [name^=slot][name$="round-6"][value="5"]:checked ~ [name="slot-4-round-6"][value="5"]:not(:checked) ~ .round-container .valid-6 .partial-4 {
  display: inline-block;
}

#code-5514:checked ~ input#completed-6:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .popup {
  display: none;
}
#code-5514:checked ~ input#completed-6:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .won {
  display: flex;
}
#code-5514:checked ~ input#completed-6:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ #confetti {
  display: block;
}
#code-5514:checked ~ input#completed-6:checked ~ [name="slot-1-round-6"][value="5"]:checked ~ .round-container .valid-6 .correct-1 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-6:checked ~ [name="slot-1-round-6"][value="5"]:not(:checked) ~ [name^=slot][name$="round-6"][value="5"]:checked ~ .round-container .valid-6 .partial-1,
#code-5514:checked ~ input#completed-6:checked ~ [name^=slot][name$="round-6"][value="5"]:checked ~ [name="slot-1-round-6"][value="5"]:not(:checked) ~ .round-container .valid-6 .partial-1 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-6:checked ~ [name="slot-2-round-6"][value="5"]:checked ~ .round-container .valid-6 .correct-2 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-6:checked ~ [name="slot-2-round-6"][value="5"]:not(:checked) ~ [name^=slot][name$="round-6"][value="5"]:checked ~ .round-container .valid-6 .partial-2,
#code-5514:checked ~ input#completed-6:checked ~ [name^=slot][name$="round-6"][value="5"]:checked ~ [name="slot-2-round-6"][value="5"]:not(:checked) ~ .round-container .valid-6 .partial-2 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-6:checked ~ [name="slot-3-round-6"][value="1"]:checked ~ .round-container .valid-6 .correct-3 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-6:checked ~ [name="slot-3-round-6"][value="1"]:not(:checked) ~ [name^=slot][name$="round-6"][value="1"]:checked ~ .round-container .valid-6 .partial-3,
#code-5514:checked ~ input#completed-6:checked ~ [name^=slot][name$="round-6"][value="1"]:checked ~ [name="slot-3-round-6"][value="1"]:not(:checked) ~ .round-container .valid-6 .partial-3 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-6:checked ~ [name="slot-4-round-6"][value="4"]:checked ~ .round-container .valid-6 .correct-4 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-6:checked ~ [name="slot-4-round-6"][value="4"]:not(:checked) ~ [name^=slot][name$="round-6"][value="4"]:checked ~ .round-container .valid-6 .partial-4,
#code-5514:checked ~ input#completed-6:checked ~ [name^=slot][name$="round-6"][value="4"]:checked ~ [name="slot-4-round-6"][value="4"]:not(:checked) ~ .round-container .valid-6 .partial-4 {
  display: inline-block;
}

#round-7:checked ~ div.round-7 label, #round-7:checked ~ div.round-7 a {
  visibility: visible;
  pointer-events: auto;
}

#code-6543:checked ~ input#completed-7:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ .popup {
  display: none;
}
#code-6543:checked ~ input#completed-7:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ .won {
  display: flex;
}
#code-6543:checked ~ input#completed-7:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ #confetti {
  display: block;
}
#code-6543:checked ~ input#completed-7:checked ~ [name="slot-1-round-7"][value="6"]:checked ~ .round-container .valid-7 .correct-1 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-7:checked ~ [name="slot-1-round-7"][value="6"]:not(:checked) ~ [name^=slot][name$="round-7"][value="6"]:checked ~ .round-container .valid-7 .partial-1,
#code-6543:checked ~ input#completed-7:checked ~ [name^=slot][name$="round-7"][value="6"]:checked ~ [name="slot-1-round-7"][value="6"]:not(:checked) ~ .round-container .valid-7 .partial-1 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-7:checked ~ [name="slot-2-round-7"][value="5"]:checked ~ .round-container .valid-7 .correct-2 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-7:checked ~ [name="slot-2-round-7"][value="5"]:not(:checked) ~ [name^=slot][name$="round-7"][value="5"]:checked ~ .round-container .valid-7 .partial-2,
#code-6543:checked ~ input#completed-7:checked ~ [name^=slot][name$="round-7"][value="5"]:checked ~ [name="slot-2-round-7"][value="5"]:not(:checked) ~ .round-container .valid-7 .partial-2 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-7:checked ~ [name="slot-3-round-7"][value="4"]:checked ~ .round-container .valid-7 .correct-3 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-7:checked ~ [name="slot-3-round-7"][value="4"]:not(:checked) ~ [name^=slot][name$="round-7"][value="4"]:checked ~ .round-container .valid-7 .partial-3,
#code-6543:checked ~ input#completed-7:checked ~ [name^=slot][name$="round-7"][value="4"]:checked ~ [name="slot-3-round-7"][value="4"]:not(:checked) ~ .round-container .valid-7 .partial-3 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-7:checked ~ [name="slot-4-round-7"][value="3"]:checked ~ .round-container .valid-7 .correct-4 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-7:checked ~ [name="slot-4-round-7"][value="3"]:not(:checked) ~ [name^=slot][name$="round-7"][value="3"]:checked ~ .round-container .valid-7 .partial-4,
#code-6543:checked ~ input#completed-7:checked ~ [name^=slot][name$="round-7"][value="3"]:checked ~ [name="slot-4-round-7"][value="3"]:not(:checked) ~ .round-container .valid-7 .partial-4 {
  display: inline-block;
}

#code-1324:checked ~ input#completed-7:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .popup {
  display: none;
}
#code-1324:checked ~ input#completed-7:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .won {
  display: flex;
}
#code-1324:checked ~ input#completed-7:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ #confetti {
  display: block;
}
#code-1324:checked ~ input#completed-7:checked ~ [name="slot-1-round-7"][value="1"]:checked ~ .round-container .valid-7 .correct-1 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-7:checked ~ [name="slot-1-round-7"][value="1"]:not(:checked) ~ [name^=slot][name$="round-7"][value="1"]:checked ~ .round-container .valid-7 .partial-1,
#code-1324:checked ~ input#completed-7:checked ~ [name^=slot][name$="round-7"][value="1"]:checked ~ [name="slot-1-round-7"][value="1"]:not(:checked) ~ .round-container .valid-7 .partial-1 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-7:checked ~ [name="slot-2-round-7"][value="3"]:checked ~ .round-container .valid-7 .correct-2 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-7:checked ~ [name="slot-2-round-7"][value="3"]:not(:checked) ~ [name^=slot][name$="round-7"][value="3"]:checked ~ .round-container .valid-7 .partial-2,
#code-1324:checked ~ input#completed-7:checked ~ [name^=slot][name$="round-7"][value="3"]:checked ~ [name="slot-2-round-7"][value="3"]:not(:checked) ~ .round-container .valid-7 .partial-2 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-7:checked ~ [name="slot-3-round-7"][value="2"]:checked ~ .round-container .valid-7 .correct-3 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-7:checked ~ [name="slot-3-round-7"][value="2"]:not(:checked) ~ [name^=slot][name$="round-7"][value="2"]:checked ~ .round-container .valid-7 .partial-3,
#code-1324:checked ~ input#completed-7:checked ~ [name^=slot][name$="round-7"][value="2"]:checked ~ [name="slot-3-round-7"][value="2"]:not(:checked) ~ .round-container .valid-7 .partial-3 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-7:checked ~ [name="slot-4-round-7"][value="4"]:checked ~ .round-container .valid-7 .correct-4 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-7:checked ~ [name="slot-4-round-7"][value="4"]:not(:checked) ~ [name^=slot][name$="round-7"][value="4"]:checked ~ .round-container .valid-7 .partial-4,
#code-1324:checked ~ input#completed-7:checked ~ [name^=slot][name$="round-7"][value="4"]:checked ~ [name="slot-4-round-7"][value="4"]:not(:checked) ~ .round-container .valid-7 .partial-4 {
  display: inline-block;
}

#code-4135:checked ~ input#completed-7:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ .popup {
  display: none;
}
#code-4135:checked ~ input#completed-7:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ .won {
  display: flex;
}
#code-4135:checked ~ input#completed-7:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ #confetti {
  display: block;
}
#code-4135:checked ~ input#completed-7:checked ~ [name="slot-1-round-7"][value="4"]:checked ~ .round-container .valid-7 .correct-1 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-7:checked ~ [name="slot-1-round-7"][value="4"]:not(:checked) ~ [name^=slot][name$="round-7"][value="4"]:checked ~ .round-container .valid-7 .partial-1,
#code-4135:checked ~ input#completed-7:checked ~ [name^=slot][name$="round-7"][value="4"]:checked ~ [name="slot-1-round-7"][value="4"]:not(:checked) ~ .round-container .valid-7 .partial-1 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-7:checked ~ [name="slot-2-round-7"][value="1"]:checked ~ .round-container .valid-7 .correct-2 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-7:checked ~ [name="slot-2-round-7"][value="1"]:not(:checked) ~ [name^=slot][name$="round-7"][value="1"]:checked ~ .round-container .valid-7 .partial-2,
#code-4135:checked ~ input#completed-7:checked ~ [name^=slot][name$="round-7"][value="1"]:checked ~ [name="slot-2-round-7"][value="1"]:not(:checked) ~ .round-container .valid-7 .partial-2 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-7:checked ~ [name="slot-3-round-7"][value="3"]:checked ~ .round-container .valid-7 .correct-3 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-7:checked ~ [name="slot-3-round-7"][value="3"]:not(:checked) ~ [name^=slot][name$="round-7"][value="3"]:checked ~ .round-container .valid-7 .partial-3,
#code-4135:checked ~ input#completed-7:checked ~ [name^=slot][name$="round-7"][value="3"]:checked ~ [name="slot-3-round-7"][value="3"]:not(:checked) ~ .round-container .valid-7 .partial-3 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-7:checked ~ [name="slot-4-round-7"][value="5"]:checked ~ .round-container .valid-7 .correct-4 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-7:checked ~ [name="slot-4-round-7"][value="5"]:not(:checked) ~ [name^=slot][name$="round-7"][value="5"]:checked ~ .round-container .valid-7 .partial-4,
#code-4135:checked ~ input#completed-7:checked ~ [name^=slot][name$="round-7"][value="5"]:checked ~ [name="slot-4-round-7"][value="5"]:not(:checked) ~ .round-container .valid-7 .partial-4 {
  display: inline-block;
}

#code-5514:checked ~ input#completed-7:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .popup {
  display: none;
}
#code-5514:checked ~ input#completed-7:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .won {
  display: flex;
}
#code-5514:checked ~ input#completed-7:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ #confetti {
  display: block;
}
#code-5514:checked ~ input#completed-7:checked ~ [name="slot-1-round-7"][value="5"]:checked ~ .round-container .valid-7 .correct-1 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-7:checked ~ [name="slot-1-round-7"][value="5"]:not(:checked) ~ [name^=slot][name$="round-7"][value="5"]:checked ~ .round-container .valid-7 .partial-1,
#code-5514:checked ~ input#completed-7:checked ~ [name^=slot][name$="round-7"][value="5"]:checked ~ [name="slot-1-round-7"][value="5"]:not(:checked) ~ .round-container .valid-7 .partial-1 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-7:checked ~ [name="slot-2-round-7"][value="5"]:checked ~ .round-container .valid-7 .correct-2 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-7:checked ~ [name="slot-2-round-7"][value="5"]:not(:checked) ~ [name^=slot][name$="round-7"][value="5"]:checked ~ .round-container .valid-7 .partial-2,
#code-5514:checked ~ input#completed-7:checked ~ [name^=slot][name$="round-7"][value="5"]:checked ~ [name="slot-2-round-7"][value="5"]:not(:checked) ~ .round-container .valid-7 .partial-2 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-7:checked ~ [name="slot-3-round-7"][value="1"]:checked ~ .round-container .valid-7 .correct-3 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-7:checked ~ [name="slot-3-round-7"][value="1"]:not(:checked) ~ [name^=slot][name$="round-7"][value="1"]:checked ~ .round-container .valid-7 .partial-3,
#code-5514:checked ~ input#completed-7:checked ~ [name^=slot][name$="round-7"][value="1"]:checked ~ [name="slot-3-round-7"][value="1"]:not(:checked) ~ .round-container .valid-7 .partial-3 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-7:checked ~ [name="slot-4-round-7"][value="4"]:checked ~ .round-container .valid-7 .correct-4 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-7:checked ~ [name="slot-4-round-7"][value="4"]:not(:checked) ~ [name^=slot][name$="round-7"][value="4"]:checked ~ .round-container .valid-7 .partial-4,
#code-5514:checked ~ input#completed-7:checked ~ [name^=slot][name$="round-7"][value="4"]:checked ~ [name="slot-4-round-7"][value="4"]:not(:checked) ~ .round-container .valid-7 .partial-4 {
  display: inline-block;
}

#round-8:checked ~ div.round-8 label, #round-8:checked ~ div.round-8 a {
  visibility: visible;
  pointer-events: auto;
}

#code-6543:checked ~ input#completed-8:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ .popup {
  display: none;
}
#code-6543:checked ~ input#completed-8:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ .won {
  display: flex;
}
#code-6543:checked ~ input#completed-8:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ #confetti {
  display: block;
}
#code-6543:checked ~ input#completed-8:checked ~ [name="slot-1-round-8"][value="6"]:checked ~ .round-container .valid-8 .correct-1 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-8:checked ~ [name="slot-1-round-8"][value="6"]:not(:checked) ~ [name^=slot][name$="round-8"][value="6"]:checked ~ .round-container .valid-8 .partial-1,
#code-6543:checked ~ input#completed-8:checked ~ [name^=slot][name$="round-8"][value="6"]:checked ~ [name="slot-1-round-8"][value="6"]:not(:checked) ~ .round-container .valid-8 .partial-1 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-8:checked ~ [name="slot-2-round-8"][value="5"]:checked ~ .round-container .valid-8 .correct-2 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-8:checked ~ [name="slot-2-round-8"][value="5"]:not(:checked) ~ [name^=slot][name$="round-8"][value="5"]:checked ~ .round-container .valid-8 .partial-2,
#code-6543:checked ~ input#completed-8:checked ~ [name^=slot][name$="round-8"][value="5"]:checked ~ [name="slot-2-round-8"][value="5"]:not(:checked) ~ .round-container .valid-8 .partial-2 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-8:checked ~ [name="slot-3-round-8"][value="4"]:checked ~ .round-container .valid-8 .correct-3 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-8:checked ~ [name="slot-3-round-8"][value="4"]:not(:checked) ~ [name^=slot][name$="round-8"][value="4"]:checked ~ .round-container .valid-8 .partial-3,
#code-6543:checked ~ input#completed-8:checked ~ [name^=slot][name$="round-8"][value="4"]:checked ~ [name="slot-3-round-8"][value="4"]:not(:checked) ~ .round-container .valid-8 .partial-3 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-8:checked ~ [name="slot-4-round-8"][value="3"]:checked ~ .round-container .valid-8 .correct-4 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-8:checked ~ [name="slot-4-round-8"][value="3"]:not(:checked) ~ [name^=slot][name$="round-8"][value="3"]:checked ~ .round-container .valid-8 .partial-4,
#code-6543:checked ~ input#completed-8:checked ~ [name^=slot][name$="round-8"][value="3"]:checked ~ [name="slot-4-round-8"][value="3"]:not(:checked) ~ .round-container .valid-8 .partial-4 {
  display: inline-block;
}

#code-1324:checked ~ input#completed-8:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .popup {
  display: none;
}
#code-1324:checked ~ input#completed-8:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .won {
  display: flex;
}
#code-1324:checked ~ input#completed-8:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ #confetti {
  display: block;
}
#code-1324:checked ~ input#completed-8:checked ~ [name="slot-1-round-8"][value="1"]:checked ~ .round-container .valid-8 .correct-1 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-8:checked ~ [name="slot-1-round-8"][value="1"]:not(:checked) ~ [name^=slot][name$="round-8"][value="1"]:checked ~ .round-container .valid-8 .partial-1,
#code-1324:checked ~ input#completed-8:checked ~ [name^=slot][name$="round-8"][value="1"]:checked ~ [name="slot-1-round-8"][value="1"]:not(:checked) ~ .round-container .valid-8 .partial-1 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-8:checked ~ [name="slot-2-round-8"][value="3"]:checked ~ .round-container .valid-8 .correct-2 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-8:checked ~ [name="slot-2-round-8"][value="3"]:not(:checked) ~ [name^=slot][name$="round-8"][value="3"]:checked ~ .round-container .valid-8 .partial-2,
#code-1324:checked ~ input#completed-8:checked ~ [name^=slot][name$="round-8"][value="3"]:checked ~ [name="slot-2-round-8"][value="3"]:not(:checked) ~ .round-container .valid-8 .partial-2 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-8:checked ~ [name="slot-3-round-8"][value="2"]:checked ~ .round-container .valid-8 .correct-3 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-8:checked ~ [name="slot-3-round-8"][value="2"]:not(:checked) ~ [name^=slot][name$="round-8"][value="2"]:checked ~ .round-container .valid-8 .partial-3,
#code-1324:checked ~ input#completed-8:checked ~ [name^=slot][name$="round-8"][value="2"]:checked ~ [name="slot-3-round-8"][value="2"]:not(:checked) ~ .round-container .valid-8 .partial-3 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-8:checked ~ [name="slot-4-round-8"][value="4"]:checked ~ .round-container .valid-8 .correct-4 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-8:checked ~ [name="slot-4-round-8"][value="4"]:not(:checked) ~ [name^=slot][name$="round-8"][value="4"]:checked ~ .round-container .valid-8 .partial-4,
#code-1324:checked ~ input#completed-8:checked ~ [name^=slot][name$="round-8"][value="4"]:checked ~ [name="slot-4-round-8"][value="4"]:not(:checked) ~ .round-container .valid-8 .partial-4 {
  display: inline-block;
}

#code-4135:checked ~ input#completed-8:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ .popup {
  display: none;
}
#code-4135:checked ~ input#completed-8:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ .won {
  display: flex;
}
#code-4135:checked ~ input#completed-8:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ #confetti {
  display: block;
}
#code-4135:checked ~ input#completed-8:checked ~ [name="slot-1-round-8"][value="4"]:checked ~ .round-container .valid-8 .correct-1 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-8:checked ~ [name="slot-1-round-8"][value="4"]:not(:checked) ~ [name^=slot][name$="round-8"][value="4"]:checked ~ .round-container .valid-8 .partial-1,
#code-4135:checked ~ input#completed-8:checked ~ [name^=slot][name$="round-8"][value="4"]:checked ~ [name="slot-1-round-8"][value="4"]:not(:checked) ~ .round-container .valid-8 .partial-1 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-8:checked ~ [name="slot-2-round-8"][value="1"]:checked ~ .round-container .valid-8 .correct-2 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-8:checked ~ [name="slot-2-round-8"][value="1"]:not(:checked) ~ [name^=slot][name$="round-8"][value="1"]:checked ~ .round-container .valid-8 .partial-2,
#code-4135:checked ~ input#completed-8:checked ~ [name^=slot][name$="round-8"][value="1"]:checked ~ [name="slot-2-round-8"][value="1"]:not(:checked) ~ .round-container .valid-8 .partial-2 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-8:checked ~ [name="slot-3-round-8"][value="3"]:checked ~ .round-container .valid-8 .correct-3 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-8:checked ~ [name="slot-3-round-8"][value="3"]:not(:checked) ~ [name^=slot][name$="round-8"][value="3"]:checked ~ .round-container .valid-8 .partial-3,
#code-4135:checked ~ input#completed-8:checked ~ [name^=slot][name$="round-8"][value="3"]:checked ~ [name="slot-3-round-8"][value="3"]:not(:checked) ~ .round-container .valid-8 .partial-3 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-8:checked ~ [name="slot-4-round-8"][value="5"]:checked ~ .round-container .valid-8 .correct-4 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-8:checked ~ [name="slot-4-round-8"][value="5"]:not(:checked) ~ [name^=slot][name$="round-8"][value="5"]:checked ~ .round-container .valid-8 .partial-4,
#code-4135:checked ~ input#completed-8:checked ~ [name^=slot][name$="round-8"][value="5"]:checked ~ [name="slot-4-round-8"][value="5"]:not(:checked) ~ .round-container .valid-8 .partial-4 {
  display: inline-block;
}

#code-5514:checked ~ input#completed-8:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .popup {
  display: none;
}
#code-5514:checked ~ input#completed-8:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .won {
  display: flex;
}
#code-5514:checked ~ input#completed-8:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ #confetti {
  display: block;
}
#code-5514:checked ~ input#completed-8:checked ~ [name="slot-1-round-8"][value="5"]:checked ~ .round-container .valid-8 .correct-1 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-8:checked ~ [name="slot-1-round-8"][value="5"]:not(:checked) ~ [name^=slot][name$="round-8"][value="5"]:checked ~ .round-container .valid-8 .partial-1,
#code-5514:checked ~ input#completed-8:checked ~ [name^=slot][name$="round-8"][value="5"]:checked ~ [name="slot-1-round-8"][value="5"]:not(:checked) ~ .round-container .valid-8 .partial-1 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-8:checked ~ [name="slot-2-round-8"][value="5"]:checked ~ .round-container .valid-8 .correct-2 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-8:checked ~ [name="slot-2-round-8"][value="5"]:not(:checked) ~ [name^=slot][name$="round-8"][value="5"]:checked ~ .round-container .valid-8 .partial-2,
#code-5514:checked ~ input#completed-8:checked ~ [name^=slot][name$="round-8"][value="5"]:checked ~ [name="slot-2-round-8"][value="5"]:not(:checked) ~ .round-container .valid-8 .partial-2 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-8:checked ~ [name="slot-3-round-8"][value="1"]:checked ~ .round-container .valid-8 .correct-3 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-8:checked ~ [name="slot-3-round-8"][value="1"]:not(:checked) ~ [name^=slot][name$="round-8"][value="1"]:checked ~ .round-container .valid-8 .partial-3,
#code-5514:checked ~ input#completed-8:checked ~ [name^=slot][name$="round-8"][value="1"]:checked ~ [name="slot-3-round-8"][value="1"]:not(:checked) ~ .round-container .valid-8 .partial-3 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-8:checked ~ [name="slot-4-round-8"][value="4"]:checked ~ .round-container .valid-8 .correct-4 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-8:checked ~ [name="slot-4-round-8"][value="4"]:not(:checked) ~ [name^=slot][name$="round-8"][value="4"]:checked ~ .round-container .valid-8 .partial-4,
#code-5514:checked ~ input#completed-8:checked ~ [name^=slot][name$="round-8"][value="4"]:checked ~ [name="slot-4-round-8"][value="4"]:not(:checked) ~ .round-container .valid-8 .partial-4 {
  display: inline-block;
}

#round-9:checked ~ div.round-9 label, #round-9:checked ~ div.round-9 a {
  visibility: visible;
  pointer-events: auto;
}

#code-6543:checked ~ input#completed-9:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ .popup {
  display: none;
}
#code-6543:checked ~ input#completed-9:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ .won {
  display: flex;
}
#code-6543:checked ~ input#completed-9:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ #confetti {
  display: block;
}
#code-6543:checked ~ input#completed-9:checked ~ [name="slot-1-round-9"][value="6"]:checked ~ .round-container .valid-9 .correct-1 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-9:checked ~ [name="slot-1-round-9"][value="6"]:not(:checked) ~ [name^=slot][name$="round-9"][value="6"]:checked ~ .round-container .valid-9 .partial-1,
#code-6543:checked ~ input#completed-9:checked ~ [name^=slot][name$="round-9"][value="6"]:checked ~ [name="slot-1-round-9"][value="6"]:not(:checked) ~ .round-container .valid-9 .partial-1 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-9:checked ~ [name="slot-2-round-9"][value="5"]:checked ~ .round-container .valid-9 .correct-2 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-9:checked ~ [name="slot-2-round-9"][value="5"]:not(:checked) ~ [name^=slot][name$="round-9"][value="5"]:checked ~ .round-container .valid-9 .partial-2,
#code-6543:checked ~ input#completed-9:checked ~ [name^=slot][name$="round-9"][value="5"]:checked ~ [name="slot-2-round-9"][value="5"]:not(:checked) ~ .round-container .valid-9 .partial-2 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-9:checked ~ [name="slot-3-round-9"][value="4"]:checked ~ .round-container .valid-9 .correct-3 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-9:checked ~ [name="slot-3-round-9"][value="4"]:not(:checked) ~ [name^=slot][name$="round-9"][value="4"]:checked ~ .round-container .valid-9 .partial-3,
#code-6543:checked ~ input#completed-9:checked ~ [name^=slot][name$="round-9"][value="4"]:checked ~ [name="slot-3-round-9"][value="4"]:not(:checked) ~ .round-container .valid-9 .partial-3 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-9:checked ~ [name="slot-4-round-9"][value="3"]:checked ~ .round-container .valid-9 .correct-4 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-9:checked ~ [name="slot-4-round-9"][value="3"]:not(:checked) ~ [name^=slot][name$="round-9"][value="3"]:checked ~ .round-container .valid-9 .partial-4,
#code-6543:checked ~ input#completed-9:checked ~ [name^=slot][name$="round-9"][value="3"]:checked ~ [name="slot-4-round-9"][value="3"]:not(:checked) ~ .round-container .valid-9 .partial-4 {
  display: inline-block;
}

#code-1324:checked ~ input#completed-9:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .popup {
  display: none;
}
#code-1324:checked ~ input#completed-9:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .won {
  display: flex;
}
#code-1324:checked ~ input#completed-9:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ #confetti {
  display: block;
}
#code-1324:checked ~ input#completed-9:checked ~ [name="slot-1-round-9"][value="1"]:checked ~ .round-container .valid-9 .correct-1 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-9:checked ~ [name="slot-1-round-9"][value="1"]:not(:checked) ~ [name^=slot][name$="round-9"][value="1"]:checked ~ .round-container .valid-9 .partial-1,
#code-1324:checked ~ input#completed-9:checked ~ [name^=slot][name$="round-9"][value="1"]:checked ~ [name="slot-1-round-9"][value="1"]:not(:checked) ~ .round-container .valid-9 .partial-1 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-9:checked ~ [name="slot-2-round-9"][value="3"]:checked ~ .round-container .valid-9 .correct-2 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-9:checked ~ [name="slot-2-round-9"][value="3"]:not(:checked) ~ [name^=slot][name$="round-9"][value="3"]:checked ~ .round-container .valid-9 .partial-2,
#code-1324:checked ~ input#completed-9:checked ~ [name^=slot][name$="round-9"][value="3"]:checked ~ [name="slot-2-round-9"][value="3"]:not(:checked) ~ .round-container .valid-9 .partial-2 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-9:checked ~ [name="slot-3-round-9"][value="2"]:checked ~ .round-container .valid-9 .correct-3 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-9:checked ~ [name="slot-3-round-9"][value="2"]:not(:checked) ~ [name^=slot][name$="round-9"][value="2"]:checked ~ .round-container .valid-9 .partial-3,
#code-1324:checked ~ input#completed-9:checked ~ [name^=slot][name$="round-9"][value="2"]:checked ~ [name="slot-3-round-9"][value="2"]:not(:checked) ~ .round-container .valid-9 .partial-3 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-9:checked ~ [name="slot-4-round-9"][value="4"]:checked ~ .round-container .valid-9 .correct-4 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-9:checked ~ [name="slot-4-round-9"][value="4"]:not(:checked) ~ [name^=slot][name$="round-9"][value="4"]:checked ~ .round-container .valid-9 .partial-4,
#code-1324:checked ~ input#completed-9:checked ~ [name^=slot][name$="round-9"][value="4"]:checked ~ [name="slot-4-round-9"][value="4"]:not(:checked) ~ .round-container .valid-9 .partial-4 {
  display: inline-block;
}

#code-4135:checked ~ input#completed-9:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ .popup {
  display: none;
}
#code-4135:checked ~ input#completed-9:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ .won {
  display: flex;
}
#code-4135:checked ~ input#completed-9:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ #confetti {
  display: block;
}
#code-4135:checked ~ input#completed-9:checked ~ [name="slot-1-round-9"][value="4"]:checked ~ .round-container .valid-9 .correct-1 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-9:checked ~ [name="slot-1-round-9"][value="4"]:not(:checked) ~ [name^=slot][name$="round-9"][value="4"]:checked ~ .round-container .valid-9 .partial-1,
#code-4135:checked ~ input#completed-9:checked ~ [name^=slot][name$="round-9"][value="4"]:checked ~ [name="slot-1-round-9"][value="4"]:not(:checked) ~ .round-container .valid-9 .partial-1 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-9:checked ~ [name="slot-2-round-9"][value="1"]:checked ~ .round-container .valid-9 .correct-2 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-9:checked ~ [name="slot-2-round-9"][value="1"]:not(:checked) ~ [name^=slot][name$="round-9"][value="1"]:checked ~ .round-container .valid-9 .partial-2,
#code-4135:checked ~ input#completed-9:checked ~ [name^=slot][name$="round-9"][value="1"]:checked ~ [name="slot-2-round-9"][value="1"]:not(:checked) ~ .round-container .valid-9 .partial-2 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-9:checked ~ [name="slot-3-round-9"][value="3"]:checked ~ .round-container .valid-9 .correct-3 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-9:checked ~ [name="slot-3-round-9"][value="3"]:not(:checked) ~ [name^=slot][name$="round-9"][value="3"]:checked ~ .round-container .valid-9 .partial-3,
#code-4135:checked ~ input#completed-9:checked ~ [name^=slot][name$="round-9"][value="3"]:checked ~ [name="slot-3-round-9"][value="3"]:not(:checked) ~ .round-container .valid-9 .partial-3 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-9:checked ~ [name="slot-4-round-9"][value="5"]:checked ~ .round-container .valid-9 .correct-4 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-9:checked ~ [name="slot-4-round-9"][value="5"]:not(:checked) ~ [name^=slot][name$="round-9"][value="5"]:checked ~ .round-container .valid-9 .partial-4,
#code-4135:checked ~ input#completed-9:checked ~ [name^=slot][name$="round-9"][value="5"]:checked ~ [name="slot-4-round-9"][value="5"]:not(:checked) ~ .round-container .valid-9 .partial-4 {
  display: inline-block;
}

#code-5514:checked ~ input#completed-9:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .popup {
  display: none;
}
#code-5514:checked ~ input#completed-9:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .won {
  display: flex;
}
#code-5514:checked ~ input#completed-9:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ #confetti {
  display: block;
}
#code-5514:checked ~ input#completed-9:checked ~ [name="slot-1-round-9"][value="5"]:checked ~ .round-container .valid-9 .correct-1 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-9:checked ~ [name="slot-1-round-9"][value="5"]:not(:checked) ~ [name^=slot][name$="round-9"][value="5"]:checked ~ .round-container .valid-9 .partial-1,
#code-5514:checked ~ input#completed-9:checked ~ [name^=slot][name$="round-9"][value="5"]:checked ~ [name="slot-1-round-9"][value="5"]:not(:checked) ~ .round-container .valid-9 .partial-1 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-9:checked ~ [name="slot-2-round-9"][value="5"]:checked ~ .round-container .valid-9 .correct-2 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-9:checked ~ [name="slot-2-round-9"][value="5"]:not(:checked) ~ [name^=slot][name$="round-9"][value="5"]:checked ~ .round-container .valid-9 .partial-2,
#code-5514:checked ~ input#completed-9:checked ~ [name^=slot][name$="round-9"][value="5"]:checked ~ [name="slot-2-round-9"][value="5"]:not(:checked) ~ .round-container .valid-9 .partial-2 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-9:checked ~ [name="slot-3-round-9"][value="1"]:checked ~ .round-container .valid-9 .correct-3 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-9:checked ~ [name="slot-3-round-9"][value="1"]:not(:checked) ~ [name^=slot][name$="round-9"][value="1"]:checked ~ .round-container .valid-9 .partial-3,
#code-5514:checked ~ input#completed-9:checked ~ [name^=slot][name$="round-9"][value="1"]:checked ~ [name="slot-3-round-9"][value="1"]:not(:checked) ~ .round-container .valid-9 .partial-3 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-9:checked ~ [name="slot-4-round-9"][value="4"]:checked ~ .round-container .valid-9 .correct-4 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-9:checked ~ [name="slot-4-round-9"][value="4"]:not(:checked) ~ [name^=slot][name$="round-9"][value="4"]:checked ~ .round-container .valid-9 .partial-4,
#code-5514:checked ~ input#completed-9:checked ~ [name^=slot][name$="round-9"][value="4"]:checked ~ [name="slot-4-round-9"][value="4"]:not(:checked) ~ .round-container .valid-9 .partial-4 {
  display: inline-block;
}

#round-10:checked ~ div.round-10 label, #round-10:checked ~ div.round-10 a {
  visibility: visible;
  pointer-events: auto;
}

#code-6543:checked ~ input#completed-10:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ .popup {
  display: none;
}
#code-6543:checked ~ input#completed-10:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ .won {
  display: flex;
}
#code-6543:checked ~ input#completed-10:checked + input[name=round]:checked ~ [name^="slot-1"][value="6"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="4"]:checked ~ [name^="slot-4"][value="3"]:checked ~ #confetti {
  display: block;
}
#code-6543:checked ~ input#completed-10:checked ~ [name="slot-1-round-10"][value="6"]:checked ~ .round-container .valid-10 .correct-1 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-10:checked ~ [name="slot-1-round-10"][value="6"]:not(:checked) ~ [name^=slot][name$="round-10"][value="6"]:checked ~ .round-container .valid-10 .partial-1,
#code-6543:checked ~ input#completed-10:checked ~ [name^=slot][name$="round-10"][value="6"]:checked ~ [name="slot-1-round-10"][value="6"]:not(:checked) ~ .round-container .valid-10 .partial-1 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-10:checked ~ [name="slot-2-round-10"][value="5"]:checked ~ .round-container .valid-10 .correct-2 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-10:checked ~ [name="slot-2-round-10"][value="5"]:not(:checked) ~ [name^=slot][name$="round-10"][value="5"]:checked ~ .round-container .valid-10 .partial-2,
#code-6543:checked ~ input#completed-10:checked ~ [name^=slot][name$="round-10"][value="5"]:checked ~ [name="slot-2-round-10"][value="5"]:not(:checked) ~ .round-container .valid-10 .partial-2 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-10:checked ~ [name="slot-3-round-10"][value="4"]:checked ~ .round-container .valid-10 .correct-3 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-10:checked ~ [name="slot-3-round-10"][value="4"]:not(:checked) ~ [name^=slot][name$="round-10"][value="4"]:checked ~ .round-container .valid-10 .partial-3,
#code-6543:checked ~ input#completed-10:checked ~ [name^=slot][name$="round-10"][value="4"]:checked ~ [name="slot-3-round-10"][value="4"]:not(:checked) ~ .round-container .valid-10 .partial-3 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-10:checked ~ [name="slot-4-round-10"][value="3"]:checked ~ .round-container .valid-10 .correct-4 {
  display: inline-block;
}
#code-6543:checked ~ input#completed-10:checked ~ [name="slot-4-round-10"][value="3"]:not(:checked) ~ [name^=slot][name$="round-10"][value="3"]:checked ~ .round-container .valid-10 .partial-4,
#code-6543:checked ~ input#completed-10:checked ~ [name^=slot][name$="round-10"][value="3"]:checked ~ [name="slot-4-round-10"][value="3"]:not(:checked) ~ .round-container .valid-10 .partial-4 {
  display: inline-block;
}

#code-1324:checked ~ input#completed-10:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .popup {
  display: none;
}
#code-1324:checked ~ input#completed-10:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .won {
  display: flex;
}
#code-1324:checked ~ input#completed-10:checked + input[name=round]:checked ~ [name^="slot-1"][value="1"]:checked ~ [name^="slot-2"][value="3"]:checked ~ [name^="slot-3"][value="2"]:checked ~ [name^="slot-4"][value="4"]:checked ~ #confetti {
  display: block;
}
#code-1324:checked ~ input#completed-10:checked ~ [name="slot-1-round-10"][value="1"]:checked ~ .round-container .valid-10 .correct-1 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-10:checked ~ [name="slot-1-round-10"][value="1"]:not(:checked) ~ [name^=slot][name$="round-10"][value="1"]:checked ~ .round-container .valid-10 .partial-1,
#code-1324:checked ~ input#completed-10:checked ~ [name^=slot][name$="round-10"][value="1"]:checked ~ [name="slot-1-round-10"][value="1"]:not(:checked) ~ .round-container .valid-10 .partial-1 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-10:checked ~ [name="slot-2-round-10"][value="3"]:checked ~ .round-container .valid-10 .correct-2 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-10:checked ~ [name="slot-2-round-10"][value="3"]:not(:checked) ~ [name^=slot][name$="round-10"][value="3"]:checked ~ .round-container .valid-10 .partial-2,
#code-1324:checked ~ input#completed-10:checked ~ [name^=slot][name$="round-10"][value="3"]:checked ~ [name="slot-2-round-10"][value="3"]:not(:checked) ~ .round-container .valid-10 .partial-2 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-10:checked ~ [name="slot-3-round-10"][value="2"]:checked ~ .round-container .valid-10 .correct-3 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-10:checked ~ [name="slot-3-round-10"][value="2"]:not(:checked) ~ [name^=slot][name$="round-10"][value="2"]:checked ~ .round-container .valid-10 .partial-3,
#code-1324:checked ~ input#completed-10:checked ~ [name^=slot][name$="round-10"][value="2"]:checked ~ [name="slot-3-round-10"][value="2"]:not(:checked) ~ .round-container .valid-10 .partial-3 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-10:checked ~ [name="slot-4-round-10"][value="4"]:checked ~ .round-container .valid-10 .correct-4 {
  display: inline-block;
}
#code-1324:checked ~ input#completed-10:checked ~ [name="slot-4-round-10"][value="4"]:not(:checked) ~ [name^=slot][name$="round-10"][value="4"]:checked ~ .round-container .valid-10 .partial-4,
#code-1324:checked ~ input#completed-10:checked ~ [name^=slot][name$="round-10"][value="4"]:checked ~ [name="slot-4-round-10"][value="4"]:not(:checked) ~ .round-container .valid-10 .partial-4 {
  display: inline-block;
}

#code-4135:checked ~ input#completed-10:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ .popup {
  display: none;
}
#code-4135:checked ~ input#completed-10:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ .won {
  display: flex;
}
#code-4135:checked ~ input#completed-10:checked + input[name=round]:checked ~ [name^="slot-1"][value="4"]:checked ~ [name^="slot-2"][value="1"]:checked ~ [name^="slot-3"][value="3"]:checked ~ [name^="slot-4"][value="5"]:checked ~ #confetti {
  display: block;
}
#code-4135:checked ~ input#completed-10:checked ~ [name="slot-1-round-10"][value="4"]:checked ~ .round-container .valid-10 .correct-1 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-10:checked ~ [name="slot-1-round-10"][value="4"]:not(:checked) ~ [name^=slot][name$="round-10"][value="4"]:checked ~ .round-container .valid-10 .partial-1,
#code-4135:checked ~ input#completed-10:checked ~ [name^=slot][name$="round-10"][value="4"]:checked ~ [name="slot-1-round-10"][value="4"]:not(:checked) ~ .round-container .valid-10 .partial-1 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-10:checked ~ [name="slot-2-round-10"][value="1"]:checked ~ .round-container .valid-10 .correct-2 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-10:checked ~ [name="slot-2-round-10"][value="1"]:not(:checked) ~ [name^=slot][name$="round-10"][value="1"]:checked ~ .round-container .valid-10 .partial-2,
#code-4135:checked ~ input#completed-10:checked ~ [name^=slot][name$="round-10"][value="1"]:checked ~ [name="slot-2-round-10"][value="1"]:not(:checked) ~ .round-container .valid-10 .partial-2 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-10:checked ~ [name="slot-3-round-10"][value="3"]:checked ~ .round-container .valid-10 .correct-3 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-10:checked ~ [name="slot-3-round-10"][value="3"]:not(:checked) ~ [name^=slot][name$="round-10"][value="3"]:checked ~ .round-container .valid-10 .partial-3,
#code-4135:checked ~ input#completed-10:checked ~ [name^=slot][name$="round-10"][value="3"]:checked ~ [name="slot-3-round-10"][value="3"]:not(:checked) ~ .round-container .valid-10 .partial-3 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-10:checked ~ [name="slot-4-round-10"][value="5"]:checked ~ .round-container .valid-10 .correct-4 {
  display: inline-block;
}
#code-4135:checked ~ input#completed-10:checked ~ [name="slot-4-round-10"][value="5"]:not(:checked) ~ [name^=slot][name$="round-10"][value="5"]:checked ~ .round-container .valid-10 .partial-4,
#code-4135:checked ~ input#completed-10:checked ~ [name^=slot][name$="round-10"][value="5"]:checked ~ [name="slot-4-round-10"][value="5"]:not(:checked) ~ .round-container .valid-10 .partial-4 {
  display: inline-block;
}

#code-5514:checked ~ input#completed-10:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .popup {
  display: none;
}
#code-5514:checked ~ input#completed-10:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ .won {
  display: flex;
}
#code-5514:checked ~ input#completed-10:checked + input[name=round]:checked ~ [name^="slot-1"][value="5"]:checked ~ [name^="slot-2"][value="5"]:checked ~ [name^="slot-3"][value="1"]:checked ~ [name^="slot-4"][value="4"]:checked ~ #confetti {
  display: block;
}
#code-5514:checked ~ input#completed-10:checked ~ [name="slot-1-round-10"][value="5"]:checked ~ .round-container .valid-10 .correct-1 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-10:checked ~ [name="slot-1-round-10"][value="5"]:not(:checked) ~ [name^=slot][name$="round-10"][value="5"]:checked ~ .round-container .valid-10 .partial-1,
#code-5514:checked ~ input#completed-10:checked ~ [name^=slot][name$="round-10"][value="5"]:checked ~ [name="slot-1-round-10"][value="5"]:not(:checked) ~ .round-container .valid-10 .partial-1 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-10:checked ~ [name="slot-2-round-10"][value="5"]:checked ~ .round-container .valid-10 .correct-2 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-10:checked ~ [name="slot-2-round-10"][value="5"]:not(:checked) ~ [name^=slot][name$="round-10"][value="5"]:checked ~ .round-container .valid-10 .partial-2,
#code-5514:checked ~ input#completed-10:checked ~ [name^=slot][name$="round-10"][value="5"]:checked ~ [name="slot-2-round-10"][value="5"]:not(:checked) ~ .round-container .valid-10 .partial-2 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-10:checked ~ [name="slot-3-round-10"][value="1"]:checked ~ .round-container .valid-10 .correct-3 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-10:checked ~ [name="slot-3-round-10"][value="1"]:not(:checked) ~ [name^=slot][name$="round-10"][value="1"]:checked ~ .round-container .valid-10 .partial-3,
#code-5514:checked ~ input#completed-10:checked ~ [name^=slot][name$="round-10"][value="1"]:checked ~ [name="slot-3-round-10"][value="1"]:not(:checked) ~ .round-container .valid-10 .partial-3 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-10:checked ~ [name="slot-4-round-10"][value="4"]:checked ~ .round-container .valid-10 .correct-4 {
  display: inline-block;
}
#code-5514:checked ~ input#completed-10:checked ~ [name="slot-4-round-10"][value="4"]:not(:checked) ~ [name^=slot][name$="round-10"][value="4"]:checked ~ .round-container .valid-10 .partial-4,
#code-5514:checked ~ input#completed-10:checked ~ [name^=slot][name$="round-10"][value="4"]:checked ~ [name="slot-4-round-10"][value="4"]:not(:checked) ~ .round-container .valid-10 .partial-4 {
  display: inline-block;
}

#completed-1:checked + input[name=round]:checked ~ #transition-1 {
  display: flex;
}

input#completed-1:checked ~ [name="slot-1-round-1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2),
input#round-1:checked ~ [name="slot-1-round-1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-1:checked ~ [name="slot-1-round-1"][value="1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2),
input#round-1:checked ~ [name="slot-1-round-1"][value="1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-1-round-1"][value="1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-1-round-1"][value="1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2)::after {
  content: "B";
  color: #7dd;
}
input#completed-1:checked ~ [name="slot-1-round-1"][value="2"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2),
input#round-1:checked ~ [name="slot-1-round-1"][value="2"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-1-round-1"][value="2"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-1-round-1"][value="2"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2)::after {
  content: "G";
  color: #096;
}
input#completed-1:checked ~ [name="slot-1-round-1"][value="3"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2),
input#round-1:checked ~ [name="slot-1-round-1"][value="3"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-1-round-1"][value="3"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-1-round-1"][value="3"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2)::after {
  content: "O";
  color: #f40;
}
input#completed-1:checked ~ [name="slot-1-round-1"][value="4"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2),
input#round-1:checked ~ [name="slot-1-round-1"][value="4"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-1-round-1"][value="4"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-1-round-1"][value="4"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2)::after {
  content: "Y";
  color: #ee0;
}
input#completed-1:checked ~ [name="slot-1-round-1"][value="5"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2),
input#round-1:checked ~ [name="slot-1-round-1"][value="5"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-1-round-1"][value="5"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-1-round-1"][value="5"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2)::after {
  content: "W";
  color: #eee;
}
input#completed-1:checked ~ [name="slot-1-round-1"][value="6"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2),
input#round-1:checked ~ [name="slot-1-round-1"][value="6"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-1-round-1"][value="6"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-1-round-1"][value="6"]:checked ~ .round-container.round-1 .slot-circle:nth-child(2)::after {
  content: "P";
  color: #d49;
}
input#completed-1:checked ~ [name="slot-2-round-1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3),
input#round-1:checked ~ [name="slot-2-round-1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-1:checked ~ [name="slot-2-round-1"][value="1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3),
input#round-1:checked ~ [name="slot-2-round-1"][value="1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-2-round-1"][value="1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-2-round-1"][value="1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3)::after {
  content: "B";
  color: #7dd;
}
input#completed-1:checked ~ [name="slot-2-round-1"][value="2"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3),
input#round-1:checked ~ [name="slot-2-round-1"][value="2"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-2-round-1"][value="2"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-2-round-1"][value="2"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3)::after {
  content: "G";
  color: #096;
}
input#completed-1:checked ~ [name="slot-2-round-1"][value="3"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3),
input#round-1:checked ~ [name="slot-2-round-1"][value="3"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-2-round-1"][value="3"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-2-round-1"][value="3"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3)::after {
  content: "O";
  color: #f40;
}
input#completed-1:checked ~ [name="slot-2-round-1"][value="4"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3),
input#round-1:checked ~ [name="slot-2-round-1"][value="4"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-2-round-1"][value="4"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-2-round-1"][value="4"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3)::after {
  content: "Y";
  color: #ee0;
}
input#completed-1:checked ~ [name="slot-2-round-1"][value="5"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3),
input#round-1:checked ~ [name="slot-2-round-1"][value="5"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-2-round-1"][value="5"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-2-round-1"][value="5"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3)::after {
  content: "W";
  color: #eee;
}
input#completed-1:checked ~ [name="slot-2-round-1"][value="6"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3),
input#round-1:checked ~ [name="slot-2-round-1"][value="6"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-2-round-1"][value="6"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-2-round-1"][value="6"]:checked ~ .round-container.round-1 .slot-circle:nth-child(3)::after {
  content: "P";
  color: #d49;
}
input#completed-1:checked ~ [name="slot-3-round-1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4),
input#round-1:checked ~ [name="slot-3-round-1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-1:checked ~ [name="slot-3-round-1"][value="1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4),
input#round-1:checked ~ [name="slot-3-round-1"][value="1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-3-round-1"][value="1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-3-round-1"][value="1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4)::after {
  content: "B";
  color: #7dd;
}
input#completed-1:checked ~ [name="slot-3-round-1"][value="2"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4),
input#round-1:checked ~ [name="slot-3-round-1"][value="2"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-3-round-1"][value="2"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-3-round-1"][value="2"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4)::after {
  content: "G";
  color: #096;
}
input#completed-1:checked ~ [name="slot-3-round-1"][value="3"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4),
input#round-1:checked ~ [name="slot-3-round-1"][value="3"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-3-round-1"][value="3"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-3-round-1"][value="3"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4)::after {
  content: "O";
  color: #f40;
}
input#completed-1:checked ~ [name="slot-3-round-1"][value="4"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4),
input#round-1:checked ~ [name="slot-3-round-1"][value="4"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-3-round-1"][value="4"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-3-round-1"][value="4"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4)::after {
  content: "Y";
  color: #ee0;
}
input#completed-1:checked ~ [name="slot-3-round-1"][value="5"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4),
input#round-1:checked ~ [name="slot-3-round-1"][value="5"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-3-round-1"][value="5"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-3-round-1"][value="5"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4)::after {
  content: "W";
  color: #eee;
}
input#completed-1:checked ~ [name="slot-3-round-1"][value="6"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4),
input#round-1:checked ~ [name="slot-3-round-1"][value="6"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-3-round-1"][value="6"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-3-round-1"][value="6"]:checked ~ .round-container.round-1 .slot-circle:nth-child(4)::after {
  content: "P";
  color: #d49;
}
input#completed-1:checked ~ [name="slot-4-round-1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5),
input#round-1:checked ~ [name="slot-4-round-1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-1:checked ~ [name="slot-4-round-1"][value="1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5),
input#round-1:checked ~ [name="slot-4-round-1"][value="1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-4-round-1"][value="1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-4-round-1"][value="1"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5)::after {
  content: "B";
  color: #7dd;
}
input#completed-1:checked ~ [name="slot-4-round-1"][value="2"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5),
input#round-1:checked ~ [name="slot-4-round-1"][value="2"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-4-round-1"][value="2"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-4-round-1"][value="2"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5)::after {
  content: "G";
  color: #096;
}
input#completed-1:checked ~ [name="slot-4-round-1"][value="3"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5),
input#round-1:checked ~ [name="slot-4-round-1"][value="3"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-4-round-1"][value="3"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-4-round-1"][value="3"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5)::after {
  content: "O";
  color: #f40;
}
input#completed-1:checked ~ [name="slot-4-round-1"][value="4"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5),
input#round-1:checked ~ [name="slot-4-round-1"][value="4"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-4-round-1"][value="4"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-4-round-1"][value="4"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5)::after {
  content: "Y";
  color: #ee0;
}
input#completed-1:checked ~ [name="slot-4-round-1"][value="5"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5),
input#round-1:checked ~ [name="slot-4-round-1"][value="5"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-4-round-1"][value="5"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-4-round-1"][value="5"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5)::after {
  content: "W";
  color: #eee;
}
input#completed-1:checked ~ [name="slot-4-round-1"][value="6"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5),
input#round-1:checked ~ [name="slot-4-round-1"][value="6"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-1:checked ~ [name="slot-4-round-1"][value="6"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-1:checked ~ [name="slot-4-round-1"][value="6"]:checked ~ .round-container.round-1 .slot-circle:nth-child(5)::after {
  content: "P";
  color: #d49;
}

#completed-2:checked + input[name=round]:checked ~ #transition-2 {
  display: flex;
}

input#completed-2:checked ~ [name="slot-1-round-2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2),
input#round-2:checked ~ [name="slot-1-round-2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-2:checked ~ [name="slot-1-round-2"][value="1"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2),
input#round-2:checked ~ [name="slot-1-round-2"][value="1"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-1-round-2"][value="1"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-1-round-2"][value="1"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2)::after {
  content: "B";
  color: #7dd;
}
input#completed-2:checked ~ [name="slot-1-round-2"][value="2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2),
input#round-2:checked ~ [name="slot-1-round-2"][value="2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-1-round-2"][value="2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-1-round-2"][value="2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2)::after {
  content: "G";
  color: #096;
}
input#completed-2:checked ~ [name="slot-1-round-2"][value="3"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2),
input#round-2:checked ~ [name="slot-1-round-2"][value="3"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-1-round-2"][value="3"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-1-round-2"][value="3"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2)::after {
  content: "O";
  color: #f40;
}
input#completed-2:checked ~ [name="slot-1-round-2"][value="4"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2),
input#round-2:checked ~ [name="slot-1-round-2"][value="4"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-1-round-2"][value="4"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-1-round-2"][value="4"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2)::after {
  content: "Y";
  color: #ee0;
}
input#completed-2:checked ~ [name="slot-1-round-2"][value="5"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2),
input#round-2:checked ~ [name="slot-1-round-2"][value="5"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-1-round-2"][value="5"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-1-round-2"][value="5"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2)::after {
  content: "W";
  color: #eee;
}
input#completed-2:checked ~ [name="slot-1-round-2"][value="6"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2),
input#round-2:checked ~ [name="slot-1-round-2"][value="6"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-1-round-2"][value="6"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-1-round-2"][value="6"]:checked ~ .round-container.round-2 .slot-circle:nth-child(2)::after {
  content: "P";
  color: #d49;
}
input#completed-2:checked ~ [name="slot-2-round-2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3),
input#round-2:checked ~ [name="slot-2-round-2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-2:checked ~ [name="slot-2-round-2"][value="1"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3),
input#round-2:checked ~ [name="slot-2-round-2"][value="1"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-2-round-2"][value="1"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-2-round-2"][value="1"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3)::after {
  content: "B";
  color: #7dd;
}
input#completed-2:checked ~ [name="slot-2-round-2"][value="2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3),
input#round-2:checked ~ [name="slot-2-round-2"][value="2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-2-round-2"][value="2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-2-round-2"][value="2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3)::after {
  content: "G";
  color: #096;
}
input#completed-2:checked ~ [name="slot-2-round-2"][value="3"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3),
input#round-2:checked ~ [name="slot-2-round-2"][value="3"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-2-round-2"][value="3"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-2-round-2"][value="3"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3)::after {
  content: "O";
  color: #f40;
}
input#completed-2:checked ~ [name="slot-2-round-2"][value="4"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3),
input#round-2:checked ~ [name="slot-2-round-2"][value="4"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-2-round-2"][value="4"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-2-round-2"][value="4"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3)::after {
  content: "Y";
  color: #ee0;
}
input#completed-2:checked ~ [name="slot-2-round-2"][value="5"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3),
input#round-2:checked ~ [name="slot-2-round-2"][value="5"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-2-round-2"][value="5"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-2-round-2"][value="5"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3)::after {
  content: "W";
  color: #eee;
}
input#completed-2:checked ~ [name="slot-2-round-2"][value="6"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3),
input#round-2:checked ~ [name="slot-2-round-2"][value="6"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-2-round-2"][value="6"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-2-round-2"][value="6"]:checked ~ .round-container.round-2 .slot-circle:nth-child(3)::after {
  content: "P";
  color: #d49;
}
input#completed-2:checked ~ [name="slot-3-round-2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4),
input#round-2:checked ~ [name="slot-3-round-2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-2:checked ~ [name="slot-3-round-2"][value="1"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4),
input#round-2:checked ~ [name="slot-3-round-2"][value="1"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-3-round-2"][value="1"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-3-round-2"][value="1"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4)::after {
  content: "B";
  color: #7dd;
}
input#completed-2:checked ~ [name="slot-3-round-2"][value="2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4),
input#round-2:checked ~ [name="slot-3-round-2"][value="2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-3-round-2"][value="2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-3-round-2"][value="2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4)::after {
  content: "G";
  color: #096;
}
input#completed-2:checked ~ [name="slot-3-round-2"][value="3"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4),
input#round-2:checked ~ [name="slot-3-round-2"][value="3"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-3-round-2"][value="3"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-3-round-2"][value="3"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4)::after {
  content: "O";
  color: #f40;
}
input#completed-2:checked ~ [name="slot-3-round-2"][value="4"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4),
input#round-2:checked ~ [name="slot-3-round-2"][value="4"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-3-round-2"][value="4"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-3-round-2"][value="4"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4)::after {
  content: "Y";
  color: #ee0;
}
input#completed-2:checked ~ [name="slot-3-round-2"][value="5"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4),
input#round-2:checked ~ [name="slot-3-round-2"][value="5"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-3-round-2"][value="5"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-3-round-2"][value="5"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4)::after {
  content: "W";
  color: #eee;
}
input#completed-2:checked ~ [name="slot-3-round-2"][value="6"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4),
input#round-2:checked ~ [name="slot-3-round-2"][value="6"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-3-round-2"][value="6"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-3-round-2"][value="6"]:checked ~ .round-container.round-2 .slot-circle:nth-child(4)::after {
  content: "P";
  color: #d49;
}
input#completed-2:checked ~ [name="slot-4-round-2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5),
input#round-2:checked ~ [name="slot-4-round-2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-2:checked ~ [name="slot-4-round-2"][value="1"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5),
input#round-2:checked ~ [name="slot-4-round-2"][value="1"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-4-round-2"][value="1"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-4-round-2"][value="1"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5)::after {
  content: "B";
  color: #7dd;
}
input#completed-2:checked ~ [name="slot-4-round-2"][value="2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5),
input#round-2:checked ~ [name="slot-4-round-2"][value="2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-4-round-2"][value="2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-4-round-2"][value="2"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5)::after {
  content: "G";
  color: #096;
}
input#completed-2:checked ~ [name="slot-4-round-2"][value="3"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5),
input#round-2:checked ~ [name="slot-4-round-2"][value="3"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-4-round-2"][value="3"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-4-round-2"][value="3"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5)::after {
  content: "O";
  color: #f40;
}
input#completed-2:checked ~ [name="slot-4-round-2"][value="4"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5),
input#round-2:checked ~ [name="slot-4-round-2"][value="4"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-4-round-2"][value="4"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-4-round-2"][value="4"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5)::after {
  content: "Y";
  color: #ee0;
}
input#completed-2:checked ~ [name="slot-4-round-2"][value="5"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5),
input#round-2:checked ~ [name="slot-4-round-2"][value="5"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-4-round-2"][value="5"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-4-round-2"][value="5"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5)::after {
  content: "W";
  color: #eee;
}
input#completed-2:checked ~ [name="slot-4-round-2"][value="6"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5),
input#round-2:checked ~ [name="slot-4-round-2"][value="6"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-2:checked ~ [name="slot-4-round-2"][value="6"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-2:checked ~ [name="slot-4-round-2"][value="6"]:checked ~ .round-container.round-2 .slot-circle:nth-child(5)::after {
  content: "P";
  color: #d49;
}

#completed-3:checked + input[name=round]:checked ~ #transition-3 {
  display: flex;
}

input#completed-3:checked ~ [name="slot-1-round-3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2),
input#round-3:checked ~ [name="slot-1-round-3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-3:checked ~ [name="slot-1-round-3"][value="1"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2),
input#round-3:checked ~ [name="slot-1-round-3"][value="1"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-1-round-3"][value="1"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-1-round-3"][value="1"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2)::after {
  content: "B";
  color: #7dd;
}
input#completed-3:checked ~ [name="slot-1-round-3"][value="2"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2),
input#round-3:checked ~ [name="slot-1-round-3"][value="2"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-1-round-3"][value="2"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-1-round-3"][value="2"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2)::after {
  content: "G";
  color: #096;
}
input#completed-3:checked ~ [name="slot-1-round-3"][value="3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2),
input#round-3:checked ~ [name="slot-1-round-3"][value="3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-1-round-3"][value="3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-1-round-3"][value="3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2)::after {
  content: "O";
  color: #f40;
}
input#completed-3:checked ~ [name="slot-1-round-3"][value="4"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2),
input#round-3:checked ~ [name="slot-1-round-3"][value="4"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-1-round-3"][value="4"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-1-round-3"][value="4"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2)::after {
  content: "Y";
  color: #ee0;
}
input#completed-3:checked ~ [name="slot-1-round-3"][value="5"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2),
input#round-3:checked ~ [name="slot-1-round-3"][value="5"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-1-round-3"][value="5"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-1-round-3"][value="5"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2)::after {
  content: "W";
  color: #eee;
}
input#completed-3:checked ~ [name="slot-1-round-3"][value="6"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2),
input#round-3:checked ~ [name="slot-1-round-3"][value="6"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-1-round-3"][value="6"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-1-round-3"][value="6"]:checked ~ .round-container.round-3 .slot-circle:nth-child(2)::after {
  content: "P";
  color: #d49;
}
input#completed-3:checked ~ [name="slot-2-round-3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3),
input#round-3:checked ~ [name="slot-2-round-3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-3:checked ~ [name="slot-2-round-3"][value="1"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3),
input#round-3:checked ~ [name="slot-2-round-3"][value="1"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-2-round-3"][value="1"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-2-round-3"][value="1"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3)::after {
  content: "B";
  color: #7dd;
}
input#completed-3:checked ~ [name="slot-2-round-3"][value="2"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3),
input#round-3:checked ~ [name="slot-2-round-3"][value="2"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-2-round-3"][value="2"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-2-round-3"][value="2"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3)::after {
  content: "G";
  color: #096;
}
input#completed-3:checked ~ [name="slot-2-round-3"][value="3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3),
input#round-3:checked ~ [name="slot-2-round-3"][value="3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-2-round-3"][value="3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-2-round-3"][value="3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3)::after {
  content: "O";
  color: #f40;
}
input#completed-3:checked ~ [name="slot-2-round-3"][value="4"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3),
input#round-3:checked ~ [name="slot-2-round-3"][value="4"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-2-round-3"][value="4"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-2-round-3"][value="4"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3)::after {
  content: "Y";
  color: #ee0;
}
input#completed-3:checked ~ [name="slot-2-round-3"][value="5"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3),
input#round-3:checked ~ [name="slot-2-round-3"][value="5"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-2-round-3"][value="5"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-2-round-3"][value="5"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3)::after {
  content: "W";
  color: #eee;
}
input#completed-3:checked ~ [name="slot-2-round-3"][value="6"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3),
input#round-3:checked ~ [name="slot-2-round-3"][value="6"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-2-round-3"][value="6"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-2-round-3"][value="6"]:checked ~ .round-container.round-3 .slot-circle:nth-child(3)::after {
  content: "P";
  color: #d49;
}
input#completed-3:checked ~ [name="slot-3-round-3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4),
input#round-3:checked ~ [name="slot-3-round-3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-3:checked ~ [name="slot-3-round-3"][value="1"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4),
input#round-3:checked ~ [name="slot-3-round-3"][value="1"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-3-round-3"][value="1"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-3-round-3"][value="1"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4)::after {
  content: "B";
  color: #7dd;
}
input#completed-3:checked ~ [name="slot-3-round-3"][value="2"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4),
input#round-3:checked ~ [name="slot-3-round-3"][value="2"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-3-round-3"][value="2"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-3-round-3"][value="2"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4)::after {
  content: "G";
  color: #096;
}
input#completed-3:checked ~ [name="slot-3-round-3"][value="3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4),
input#round-3:checked ~ [name="slot-3-round-3"][value="3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-3-round-3"][value="3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-3-round-3"][value="3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4)::after {
  content: "O";
  color: #f40;
}
input#completed-3:checked ~ [name="slot-3-round-3"][value="4"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4),
input#round-3:checked ~ [name="slot-3-round-3"][value="4"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-3-round-3"][value="4"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-3-round-3"][value="4"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4)::after {
  content: "Y";
  color: #ee0;
}
input#completed-3:checked ~ [name="slot-3-round-3"][value="5"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4),
input#round-3:checked ~ [name="slot-3-round-3"][value="5"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-3-round-3"][value="5"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-3-round-3"][value="5"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4)::after {
  content: "W";
  color: #eee;
}
input#completed-3:checked ~ [name="slot-3-round-3"][value="6"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4),
input#round-3:checked ~ [name="slot-3-round-3"][value="6"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-3-round-3"][value="6"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-3-round-3"][value="6"]:checked ~ .round-container.round-3 .slot-circle:nth-child(4)::after {
  content: "P";
  color: #d49;
}
input#completed-3:checked ~ [name="slot-4-round-3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5),
input#round-3:checked ~ [name="slot-4-round-3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-3:checked ~ [name="slot-4-round-3"][value="1"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5),
input#round-3:checked ~ [name="slot-4-round-3"][value="1"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-4-round-3"][value="1"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-4-round-3"][value="1"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5)::after {
  content: "B";
  color: #7dd;
}
input#completed-3:checked ~ [name="slot-4-round-3"][value="2"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5),
input#round-3:checked ~ [name="slot-4-round-3"][value="2"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-4-round-3"][value="2"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-4-round-3"][value="2"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5)::after {
  content: "G";
  color: #096;
}
input#completed-3:checked ~ [name="slot-4-round-3"][value="3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5),
input#round-3:checked ~ [name="slot-4-round-3"][value="3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-4-round-3"][value="3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-4-round-3"][value="3"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5)::after {
  content: "O";
  color: #f40;
}
input#completed-3:checked ~ [name="slot-4-round-3"][value="4"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5),
input#round-3:checked ~ [name="slot-4-round-3"][value="4"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-4-round-3"][value="4"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-4-round-3"][value="4"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5)::after {
  content: "Y";
  color: #ee0;
}
input#completed-3:checked ~ [name="slot-4-round-3"][value="5"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5),
input#round-3:checked ~ [name="slot-4-round-3"][value="5"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-4-round-3"][value="5"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-4-round-3"][value="5"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5)::after {
  content: "W";
  color: #eee;
}
input#completed-3:checked ~ [name="slot-4-round-3"][value="6"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5),
input#round-3:checked ~ [name="slot-4-round-3"][value="6"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-3:checked ~ [name="slot-4-round-3"][value="6"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-3:checked ~ [name="slot-4-round-3"][value="6"]:checked ~ .round-container.round-3 .slot-circle:nth-child(5)::after {
  content: "P";
  color: #d49;
}

#completed-4:checked + input[name=round]:checked ~ #transition-4 {
  display: flex;
}

input#completed-4:checked ~ [name="slot-1-round-4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2),
input#round-4:checked ~ [name="slot-1-round-4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-4:checked ~ [name="slot-1-round-4"][value="1"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2),
input#round-4:checked ~ [name="slot-1-round-4"][value="1"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-1-round-4"][value="1"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-1-round-4"][value="1"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2)::after {
  content: "B";
  color: #7dd;
}
input#completed-4:checked ~ [name="slot-1-round-4"][value="2"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2),
input#round-4:checked ~ [name="slot-1-round-4"][value="2"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-1-round-4"][value="2"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-1-round-4"][value="2"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2)::after {
  content: "G";
  color: #096;
}
input#completed-4:checked ~ [name="slot-1-round-4"][value="3"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2),
input#round-4:checked ~ [name="slot-1-round-4"][value="3"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-1-round-4"][value="3"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-1-round-4"][value="3"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2)::after {
  content: "O";
  color: #f40;
}
input#completed-4:checked ~ [name="slot-1-round-4"][value="4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2),
input#round-4:checked ~ [name="slot-1-round-4"][value="4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-1-round-4"][value="4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-1-round-4"][value="4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2)::after {
  content: "Y";
  color: #ee0;
}
input#completed-4:checked ~ [name="slot-1-round-4"][value="5"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2),
input#round-4:checked ~ [name="slot-1-round-4"][value="5"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-1-round-4"][value="5"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-1-round-4"][value="5"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2)::after {
  content: "W";
  color: #eee;
}
input#completed-4:checked ~ [name="slot-1-round-4"][value="6"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2),
input#round-4:checked ~ [name="slot-1-round-4"][value="6"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-1-round-4"][value="6"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-1-round-4"][value="6"]:checked ~ .round-container.round-4 .slot-circle:nth-child(2)::after {
  content: "P";
  color: #d49;
}
input#completed-4:checked ~ [name="slot-2-round-4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3),
input#round-4:checked ~ [name="slot-2-round-4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-4:checked ~ [name="slot-2-round-4"][value="1"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3),
input#round-4:checked ~ [name="slot-2-round-4"][value="1"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-2-round-4"][value="1"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-2-round-4"][value="1"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3)::after {
  content: "B";
  color: #7dd;
}
input#completed-4:checked ~ [name="slot-2-round-4"][value="2"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3),
input#round-4:checked ~ [name="slot-2-round-4"][value="2"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-2-round-4"][value="2"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-2-round-4"][value="2"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3)::after {
  content: "G";
  color: #096;
}
input#completed-4:checked ~ [name="slot-2-round-4"][value="3"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3),
input#round-4:checked ~ [name="slot-2-round-4"][value="3"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-2-round-4"][value="3"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-2-round-4"][value="3"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3)::after {
  content: "O";
  color: #f40;
}
input#completed-4:checked ~ [name="slot-2-round-4"][value="4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3),
input#round-4:checked ~ [name="slot-2-round-4"][value="4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-2-round-4"][value="4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-2-round-4"][value="4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3)::after {
  content: "Y";
  color: #ee0;
}
input#completed-4:checked ~ [name="slot-2-round-4"][value="5"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3),
input#round-4:checked ~ [name="slot-2-round-4"][value="5"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-2-round-4"][value="5"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-2-round-4"][value="5"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3)::after {
  content: "W";
  color: #eee;
}
input#completed-4:checked ~ [name="slot-2-round-4"][value="6"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3),
input#round-4:checked ~ [name="slot-2-round-4"][value="6"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-2-round-4"][value="6"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-2-round-4"][value="6"]:checked ~ .round-container.round-4 .slot-circle:nth-child(3)::after {
  content: "P";
  color: #d49;
}
input#completed-4:checked ~ [name="slot-3-round-4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4),
input#round-4:checked ~ [name="slot-3-round-4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-4:checked ~ [name="slot-3-round-4"][value="1"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4),
input#round-4:checked ~ [name="slot-3-round-4"][value="1"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-3-round-4"][value="1"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-3-round-4"][value="1"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4)::after {
  content: "B";
  color: #7dd;
}
input#completed-4:checked ~ [name="slot-3-round-4"][value="2"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4),
input#round-4:checked ~ [name="slot-3-round-4"][value="2"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-3-round-4"][value="2"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-3-round-4"][value="2"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4)::after {
  content: "G";
  color: #096;
}
input#completed-4:checked ~ [name="slot-3-round-4"][value="3"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4),
input#round-4:checked ~ [name="slot-3-round-4"][value="3"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-3-round-4"][value="3"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-3-round-4"][value="3"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4)::after {
  content: "O";
  color: #f40;
}
input#completed-4:checked ~ [name="slot-3-round-4"][value="4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4),
input#round-4:checked ~ [name="slot-3-round-4"][value="4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-3-round-4"][value="4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-3-round-4"][value="4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4)::after {
  content: "Y";
  color: #ee0;
}
input#completed-4:checked ~ [name="slot-3-round-4"][value="5"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4),
input#round-4:checked ~ [name="slot-3-round-4"][value="5"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-3-round-4"][value="5"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-3-round-4"][value="5"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4)::after {
  content: "W";
  color: #eee;
}
input#completed-4:checked ~ [name="slot-3-round-4"][value="6"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4),
input#round-4:checked ~ [name="slot-3-round-4"][value="6"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-3-round-4"][value="6"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-3-round-4"][value="6"]:checked ~ .round-container.round-4 .slot-circle:nth-child(4)::after {
  content: "P";
  color: #d49;
}
input#completed-4:checked ~ [name="slot-4-round-4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5),
input#round-4:checked ~ [name="slot-4-round-4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-4:checked ~ [name="slot-4-round-4"][value="1"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5),
input#round-4:checked ~ [name="slot-4-round-4"][value="1"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-4-round-4"][value="1"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-4-round-4"][value="1"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5)::after {
  content: "B";
  color: #7dd;
}
input#completed-4:checked ~ [name="slot-4-round-4"][value="2"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5),
input#round-4:checked ~ [name="slot-4-round-4"][value="2"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-4-round-4"][value="2"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-4-round-4"][value="2"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5)::after {
  content: "G";
  color: #096;
}
input#completed-4:checked ~ [name="slot-4-round-4"][value="3"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5),
input#round-4:checked ~ [name="slot-4-round-4"][value="3"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-4-round-4"][value="3"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-4-round-4"][value="3"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5)::after {
  content: "O";
  color: #f40;
}
input#completed-4:checked ~ [name="slot-4-round-4"][value="4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5),
input#round-4:checked ~ [name="slot-4-round-4"][value="4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-4-round-4"][value="4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-4-round-4"][value="4"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5)::after {
  content: "Y";
  color: #ee0;
}
input#completed-4:checked ~ [name="slot-4-round-4"][value="5"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5),
input#round-4:checked ~ [name="slot-4-round-4"][value="5"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-4-round-4"][value="5"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-4-round-4"][value="5"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5)::after {
  content: "W";
  color: #eee;
}
input#completed-4:checked ~ [name="slot-4-round-4"][value="6"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5),
input#round-4:checked ~ [name="slot-4-round-4"][value="6"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-4:checked ~ [name="slot-4-round-4"][value="6"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-4:checked ~ [name="slot-4-round-4"][value="6"]:checked ~ .round-container.round-4 .slot-circle:nth-child(5)::after {
  content: "P";
  color: #d49;
}

#completed-5:checked + input[name=round]:checked ~ #transition-5 {
  display: flex;
}

input#completed-5:checked ~ [name="slot-1-round-5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2),
input#round-5:checked ~ [name="slot-1-round-5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-5:checked ~ [name="slot-1-round-5"][value="1"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2),
input#round-5:checked ~ [name="slot-1-round-5"][value="1"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-1-round-5"][value="1"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-1-round-5"][value="1"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2)::after {
  content: "B";
  color: #7dd;
}
input#completed-5:checked ~ [name="slot-1-round-5"][value="2"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2),
input#round-5:checked ~ [name="slot-1-round-5"][value="2"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-1-round-5"][value="2"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-1-round-5"][value="2"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2)::after {
  content: "G";
  color: #096;
}
input#completed-5:checked ~ [name="slot-1-round-5"][value="3"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2),
input#round-5:checked ~ [name="slot-1-round-5"][value="3"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-1-round-5"][value="3"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-1-round-5"][value="3"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2)::after {
  content: "O";
  color: #f40;
}
input#completed-5:checked ~ [name="slot-1-round-5"][value="4"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2),
input#round-5:checked ~ [name="slot-1-round-5"][value="4"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-1-round-5"][value="4"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-1-round-5"][value="4"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2)::after {
  content: "Y";
  color: #ee0;
}
input#completed-5:checked ~ [name="slot-1-round-5"][value="5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2),
input#round-5:checked ~ [name="slot-1-round-5"][value="5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-1-round-5"][value="5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-1-round-5"][value="5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2)::after {
  content: "W";
  color: #eee;
}
input#completed-5:checked ~ [name="slot-1-round-5"][value="6"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2),
input#round-5:checked ~ [name="slot-1-round-5"][value="6"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-1-round-5"][value="6"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-1-round-5"][value="6"]:checked ~ .round-container.round-5 .slot-circle:nth-child(2)::after {
  content: "P";
  color: #d49;
}
input#completed-5:checked ~ [name="slot-2-round-5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3),
input#round-5:checked ~ [name="slot-2-round-5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-5:checked ~ [name="slot-2-round-5"][value="1"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3),
input#round-5:checked ~ [name="slot-2-round-5"][value="1"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-2-round-5"][value="1"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-2-round-5"][value="1"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3)::after {
  content: "B";
  color: #7dd;
}
input#completed-5:checked ~ [name="slot-2-round-5"][value="2"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3),
input#round-5:checked ~ [name="slot-2-round-5"][value="2"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-2-round-5"][value="2"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-2-round-5"][value="2"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3)::after {
  content: "G";
  color: #096;
}
input#completed-5:checked ~ [name="slot-2-round-5"][value="3"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3),
input#round-5:checked ~ [name="slot-2-round-5"][value="3"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-2-round-5"][value="3"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-2-round-5"][value="3"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3)::after {
  content: "O";
  color: #f40;
}
input#completed-5:checked ~ [name="slot-2-round-5"][value="4"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3),
input#round-5:checked ~ [name="slot-2-round-5"][value="4"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-2-round-5"][value="4"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-2-round-5"][value="4"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3)::after {
  content: "Y";
  color: #ee0;
}
input#completed-5:checked ~ [name="slot-2-round-5"][value="5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3),
input#round-5:checked ~ [name="slot-2-round-5"][value="5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-2-round-5"][value="5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-2-round-5"][value="5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3)::after {
  content: "W";
  color: #eee;
}
input#completed-5:checked ~ [name="slot-2-round-5"][value="6"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3),
input#round-5:checked ~ [name="slot-2-round-5"][value="6"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-2-round-5"][value="6"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-2-round-5"][value="6"]:checked ~ .round-container.round-5 .slot-circle:nth-child(3)::after {
  content: "P";
  color: #d49;
}
input#completed-5:checked ~ [name="slot-3-round-5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4),
input#round-5:checked ~ [name="slot-3-round-5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-5:checked ~ [name="slot-3-round-5"][value="1"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4),
input#round-5:checked ~ [name="slot-3-round-5"][value="1"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-3-round-5"][value="1"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-3-round-5"][value="1"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4)::after {
  content: "B";
  color: #7dd;
}
input#completed-5:checked ~ [name="slot-3-round-5"][value="2"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4),
input#round-5:checked ~ [name="slot-3-round-5"][value="2"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-3-round-5"][value="2"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-3-round-5"][value="2"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4)::after {
  content: "G";
  color: #096;
}
input#completed-5:checked ~ [name="slot-3-round-5"][value="3"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4),
input#round-5:checked ~ [name="slot-3-round-5"][value="3"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-3-round-5"][value="3"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-3-round-5"][value="3"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4)::after {
  content: "O";
  color: #f40;
}
input#completed-5:checked ~ [name="slot-3-round-5"][value="4"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4),
input#round-5:checked ~ [name="slot-3-round-5"][value="4"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-3-round-5"][value="4"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-3-round-5"][value="4"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4)::after {
  content: "Y";
  color: #ee0;
}
input#completed-5:checked ~ [name="slot-3-round-5"][value="5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4),
input#round-5:checked ~ [name="slot-3-round-5"][value="5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-3-round-5"][value="5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-3-round-5"][value="5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4)::after {
  content: "W";
  color: #eee;
}
input#completed-5:checked ~ [name="slot-3-round-5"][value="6"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4),
input#round-5:checked ~ [name="slot-3-round-5"][value="6"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-3-round-5"][value="6"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-3-round-5"][value="6"]:checked ~ .round-container.round-5 .slot-circle:nth-child(4)::after {
  content: "P";
  color: #d49;
}
input#completed-5:checked ~ [name="slot-4-round-5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5),
input#round-5:checked ~ [name="slot-4-round-5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-5:checked ~ [name="slot-4-round-5"][value="1"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5),
input#round-5:checked ~ [name="slot-4-round-5"][value="1"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-4-round-5"][value="1"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-4-round-5"][value="1"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5)::after {
  content: "B";
  color: #7dd;
}
input#completed-5:checked ~ [name="slot-4-round-5"][value="2"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5),
input#round-5:checked ~ [name="slot-4-round-5"][value="2"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-4-round-5"][value="2"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-4-round-5"][value="2"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5)::after {
  content: "G";
  color: #096;
}
input#completed-5:checked ~ [name="slot-4-round-5"][value="3"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5),
input#round-5:checked ~ [name="slot-4-round-5"][value="3"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-4-round-5"][value="3"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-4-round-5"][value="3"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5)::after {
  content: "O";
  color: #f40;
}
input#completed-5:checked ~ [name="slot-4-round-5"][value="4"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5),
input#round-5:checked ~ [name="slot-4-round-5"][value="4"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-4-round-5"][value="4"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-4-round-5"][value="4"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5)::after {
  content: "Y";
  color: #ee0;
}
input#completed-5:checked ~ [name="slot-4-round-5"][value="5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5),
input#round-5:checked ~ [name="slot-4-round-5"][value="5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-4-round-5"][value="5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-4-round-5"][value="5"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5)::after {
  content: "W";
  color: #eee;
}
input#completed-5:checked ~ [name="slot-4-round-5"][value="6"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5),
input#round-5:checked ~ [name="slot-4-round-5"][value="6"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-5:checked ~ [name="slot-4-round-5"][value="6"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-5:checked ~ [name="slot-4-round-5"][value="6"]:checked ~ .round-container.round-5 .slot-circle:nth-child(5)::after {
  content: "P";
  color: #d49;
}

#completed-6:checked + input[name=round]:checked ~ #transition-6 {
  display: flex;
}

input#completed-6:checked ~ [name="slot-1-round-6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2),
input#round-6:checked ~ [name="slot-1-round-6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-6:checked ~ [name="slot-1-round-6"][value="1"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2),
input#round-6:checked ~ [name="slot-1-round-6"][value="1"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-1-round-6"][value="1"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-1-round-6"][value="1"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2)::after {
  content: "B";
  color: #7dd;
}
input#completed-6:checked ~ [name="slot-1-round-6"][value="2"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2),
input#round-6:checked ~ [name="slot-1-round-6"][value="2"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-1-round-6"][value="2"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-1-round-6"][value="2"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2)::after {
  content: "G";
  color: #096;
}
input#completed-6:checked ~ [name="slot-1-round-6"][value="3"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2),
input#round-6:checked ~ [name="slot-1-round-6"][value="3"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-1-round-6"][value="3"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-1-round-6"][value="3"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2)::after {
  content: "O";
  color: #f40;
}
input#completed-6:checked ~ [name="slot-1-round-6"][value="4"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2),
input#round-6:checked ~ [name="slot-1-round-6"][value="4"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-1-round-6"][value="4"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-1-round-6"][value="4"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2)::after {
  content: "Y";
  color: #ee0;
}
input#completed-6:checked ~ [name="slot-1-round-6"][value="5"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2),
input#round-6:checked ~ [name="slot-1-round-6"][value="5"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-1-round-6"][value="5"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-1-round-6"][value="5"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2)::after {
  content: "W";
  color: #eee;
}
input#completed-6:checked ~ [name="slot-1-round-6"][value="6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2),
input#round-6:checked ~ [name="slot-1-round-6"][value="6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-1-round-6"][value="6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-1-round-6"][value="6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(2)::after {
  content: "P";
  color: #d49;
}
input#completed-6:checked ~ [name="slot-2-round-6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3),
input#round-6:checked ~ [name="slot-2-round-6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-6:checked ~ [name="slot-2-round-6"][value="1"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3),
input#round-6:checked ~ [name="slot-2-round-6"][value="1"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-2-round-6"][value="1"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-2-round-6"][value="1"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3)::after {
  content: "B";
  color: #7dd;
}
input#completed-6:checked ~ [name="slot-2-round-6"][value="2"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3),
input#round-6:checked ~ [name="slot-2-round-6"][value="2"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-2-round-6"][value="2"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-2-round-6"][value="2"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3)::after {
  content: "G";
  color: #096;
}
input#completed-6:checked ~ [name="slot-2-round-6"][value="3"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3),
input#round-6:checked ~ [name="slot-2-round-6"][value="3"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-2-round-6"][value="3"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-2-round-6"][value="3"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3)::after {
  content: "O";
  color: #f40;
}
input#completed-6:checked ~ [name="slot-2-round-6"][value="4"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3),
input#round-6:checked ~ [name="slot-2-round-6"][value="4"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-2-round-6"][value="4"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-2-round-6"][value="4"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3)::after {
  content: "Y";
  color: #ee0;
}
input#completed-6:checked ~ [name="slot-2-round-6"][value="5"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3),
input#round-6:checked ~ [name="slot-2-round-6"][value="5"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-2-round-6"][value="5"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-2-round-6"][value="5"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3)::after {
  content: "W";
  color: #eee;
}
input#completed-6:checked ~ [name="slot-2-round-6"][value="6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3),
input#round-6:checked ~ [name="slot-2-round-6"][value="6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-2-round-6"][value="6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-2-round-6"][value="6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(3)::after {
  content: "P";
  color: #d49;
}
input#completed-6:checked ~ [name="slot-3-round-6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4),
input#round-6:checked ~ [name="slot-3-round-6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-6:checked ~ [name="slot-3-round-6"][value="1"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4),
input#round-6:checked ~ [name="slot-3-round-6"][value="1"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-3-round-6"][value="1"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-3-round-6"][value="1"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4)::after {
  content: "B";
  color: #7dd;
}
input#completed-6:checked ~ [name="slot-3-round-6"][value="2"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4),
input#round-6:checked ~ [name="slot-3-round-6"][value="2"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-3-round-6"][value="2"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-3-round-6"][value="2"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4)::after {
  content: "G";
  color: #096;
}
input#completed-6:checked ~ [name="slot-3-round-6"][value="3"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4),
input#round-6:checked ~ [name="slot-3-round-6"][value="3"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-3-round-6"][value="3"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-3-round-6"][value="3"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4)::after {
  content: "O";
  color: #f40;
}
input#completed-6:checked ~ [name="slot-3-round-6"][value="4"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4),
input#round-6:checked ~ [name="slot-3-round-6"][value="4"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-3-round-6"][value="4"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-3-round-6"][value="4"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4)::after {
  content: "Y";
  color: #ee0;
}
input#completed-6:checked ~ [name="slot-3-round-6"][value="5"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4),
input#round-6:checked ~ [name="slot-3-round-6"][value="5"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-3-round-6"][value="5"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-3-round-6"][value="5"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4)::after {
  content: "W";
  color: #eee;
}
input#completed-6:checked ~ [name="slot-3-round-6"][value="6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4),
input#round-6:checked ~ [name="slot-3-round-6"][value="6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-3-round-6"][value="6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-3-round-6"][value="6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(4)::after {
  content: "P";
  color: #d49;
}
input#completed-6:checked ~ [name="slot-4-round-6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5),
input#round-6:checked ~ [name="slot-4-round-6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-6:checked ~ [name="slot-4-round-6"][value="1"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5),
input#round-6:checked ~ [name="slot-4-round-6"][value="1"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-4-round-6"][value="1"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-4-round-6"][value="1"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5)::after {
  content: "B";
  color: #7dd;
}
input#completed-6:checked ~ [name="slot-4-round-6"][value="2"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5),
input#round-6:checked ~ [name="slot-4-round-6"][value="2"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-4-round-6"][value="2"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-4-round-6"][value="2"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5)::after {
  content: "G";
  color: #096;
}
input#completed-6:checked ~ [name="slot-4-round-6"][value="3"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5),
input#round-6:checked ~ [name="slot-4-round-6"][value="3"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-4-round-6"][value="3"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-4-round-6"][value="3"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5)::after {
  content: "O";
  color: #f40;
}
input#completed-6:checked ~ [name="slot-4-round-6"][value="4"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5),
input#round-6:checked ~ [name="slot-4-round-6"][value="4"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-4-round-6"][value="4"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-4-round-6"][value="4"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5)::after {
  content: "Y";
  color: #ee0;
}
input#completed-6:checked ~ [name="slot-4-round-6"][value="5"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5),
input#round-6:checked ~ [name="slot-4-round-6"][value="5"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-4-round-6"][value="5"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-4-round-6"][value="5"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5)::after {
  content: "W";
  color: #eee;
}
input#completed-6:checked ~ [name="slot-4-round-6"][value="6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5),
input#round-6:checked ~ [name="slot-4-round-6"][value="6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-6:checked ~ [name="slot-4-round-6"][value="6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-6:checked ~ [name="slot-4-round-6"][value="6"]:checked ~ .round-container.round-6 .slot-circle:nth-child(5)::after {
  content: "P";
  color: #d49;
}

#completed-7:checked + input[name=round]:checked ~ #transition-7 {
  display: flex;
}

input#completed-7:checked ~ [name="slot-1-round-7"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2),
input#round-7:checked ~ [name="slot-1-round-7"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-7:checked ~ [name="slot-1-round-7"][value="1"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2),
input#round-7:checked ~ [name="slot-1-round-7"][value="1"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-1-round-7"][value="1"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-1-round-7"][value="1"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2)::after {
  content: "B";
  color: #7dd;
}
input#completed-7:checked ~ [name="slot-1-round-7"][value="2"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2),
input#round-7:checked ~ [name="slot-1-round-7"][value="2"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-1-round-7"][value="2"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-1-round-7"][value="2"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2)::after {
  content: "G";
  color: #096;
}
input#completed-7:checked ~ [name="slot-1-round-7"][value="3"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2),
input#round-7:checked ~ [name="slot-1-round-7"][value="3"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-1-round-7"][value="3"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-1-round-7"][value="3"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2)::after {
  content: "O";
  color: #f40;
}
input#completed-7:checked ~ [name="slot-1-round-7"][value="4"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2),
input#round-7:checked ~ [name="slot-1-round-7"][value="4"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-1-round-7"][value="4"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-1-round-7"][value="4"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2)::after {
  content: "Y";
  color: #ee0;
}
input#completed-7:checked ~ [name="slot-1-round-7"][value="5"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2),
input#round-7:checked ~ [name="slot-1-round-7"][value="5"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-1-round-7"][value="5"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-1-round-7"][value="5"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2)::after {
  content: "W";
  color: #eee;
}
input#completed-7:checked ~ [name="slot-1-round-7"][value="6"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2),
input#round-7:checked ~ [name="slot-1-round-7"][value="6"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-1-round-7"][value="6"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-1-round-7"][value="6"]:checked ~ .round-container.round-7 .slot-circle:nth-child(2)::after {
  content: "P";
  color: #d49;
}
input#completed-7:checked ~ [name="slot-2-round-7"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3),
input#round-7:checked ~ [name="slot-2-round-7"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-7:checked ~ [name="slot-2-round-7"][value="1"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3),
input#round-7:checked ~ [name="slot-2-round-7"][value="1"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-2-round-7"][value="1"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-2-round-7"][value="1"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3)::after {
  content: "B";
  color: #7dd;
}
input#completed-7:checked ~ [name="slot-2-round-7"][value="2"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3),
input#round-7:checked ~ [name="slot-2-round-7"][value="2"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-2-round-7"][value="2"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-2-round-7"][value="2"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3)::after {
  content: "G";
  color: #096;
}
input#completed-7:checked ~ [name="slot-2-round-7"][value="3"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3),
input#round-7:checked ~ [name="slot-2-round-7"][value="3"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-2-round-7"][value="3"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-2-round-7"][value="3"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3)::after {
  content: "O";
  color: #f40;
}
input#completed-7:checked ~ [name="slot-2-round-7"][value="4"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3),
input#round-7:checked ~ [name="slot-2-round-7"][value="4"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-2-round-7"][value="4"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-2-round-7"][value="4"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3)::after {
  content: "Y";
  color: #ee0;
}
input#completed-7:checked ~ [name="slot-2-round-7"][value="5"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3),
input#round-7:checked ~ [name="slot-2-round-7"][value="5"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-2-round-7"][value="5"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-2-round-7"][value="5"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3)::after {
  content: "W";
  color: #eee;
}
input#completed-7:checked ~ [name="slot-2-round-7"][value="6"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3),
input#round-7:checked ~ [name="slot-2-round-7"][value="6"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-2-round-7"][value="6"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-2-round-7"][value="6"]:checked ~ .round-container.round-7 .slot-circle:nth-child(3)::after {
  content: "P";
  color: #d49;
}
input#completed-7:checked ~ [name="slot-3-round-7"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4),
input#round-7:checked ~ [name="slot-3-round-7"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-7:checked ~ [name="slot-3-round-7"][value="1"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4),
input#round-7:checked ~ [name="slot-3-round-7"][value="1"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-3-round-7"][value="1"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-3-round-7"][value="1"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4)::after {
  content: "B";
  color: #7dd;
}
input#completed-7:checked ~ [name="slot-3-round-7"][value="2"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4),
input#round-7:checked ~ [name="slot-3-round-7"][value="2"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-3-round-7"][value="2"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-3-round-7"][value="2"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4)::after {
  content: "G";
  color: #096;
}
input#completed-7:checked ~ [name="slot-3-round-7"][value="3"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4),
input#round-7:checked ~ [name="slot-3-round-7"][value="3"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-3-round-7"][value="3"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-3-round-7"][value="3"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4)::after {
  content: "O";
  color: #f40;
}
input#completed-7:checked ~ [name="slot-3-round-7"][value="4"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4),
input#round-7:checked ~ [name="slot-3-round-7"][value="4"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-3-round-7"][value="4"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-3-round-7"][value="4"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4)::after {
  content: "Y";
  color: #ee0;
}
input#completed-7:checked ~ [name="slot-3-round-7"][value="5"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4),
input#round-7:checked ~ [name="slot-3-round-7"][value="5"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-3-round-7"][value="5"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-3-round-7"][value="5"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4)::after {
  content: "W";
  color: #eee;
}
input#completed-7:checked ~ [name="slot-3-round-7"][value="6"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4),
input#round-7:checked ~ [name="slot-3-round-7"][value="6"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-3-round-7"][value="6"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-3-round-7"][value="6"]:checked ~ .round-container.round-7 .slot-circle:nth-child(4)::after {
  content: "P";
  color: #d49;
}
input#completed-7:checked ~ [name="slot-4-round-7"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5),
input#round-7:checked ~ [name="slot-4-round-7"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-7:checked ~ [name="slot-4-round-7"][value="1"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5),
input#round-7:checked ~ [name="slot-4-round-7"][value="1"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-4-round-7"][value="1"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-4-round-7"][value="1"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5)::after {
  content: "B";
  color: #7dd;
}
input#completed-7:checked ~ [name="slot-4-round-7"][value="2"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5),
input#round-7:checked ~ [name="slot-4-round-7"][value="2"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-4-round-7"][value="2"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-4-round-7"][value="2"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5)::after {
  content: "G";
  color: #096;
}
input#completed-7:checked ~ [name="slot-4-round-7"][value="3"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5),
input#round-7:checked ~ [name="slot-4-round-7"][value="3"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-4-round-7"][value="3"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-4-round-7"][value="3"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5)::after {
  content: "O";
  color: #f40;
}
input#completed-7:checked ~ [name="slot-4-round-7"][value="4"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5),
input#round-7:checked ~ [name="slot-4-round-7"][value="4"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-4-round-7"][value="4"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-4-round-7"][value="4"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5)::after {
  content: "Y";
  color: #ee0;
}
input#completed-7:checked ~ [name="slot-4-round-7"][value="5"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5),
input#round-7:checked ~ [name="slot-4-round-7"][value="5"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-4-round-7"][value="5"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-4-round-7"][value="5"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5)::after {
  content: "W";
  color: #eee;
}
input#completed-7:checked ~ [name="slot-4-round-7"][value="6"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5),
input#round-7:checked ~ [name="slot-4-round-7"][value="6"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-7:checked ~ [name="slot-4-round-7"][value="6"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-7:checked ~ [name="slot-4-round-7"][value="6"]:checked ~ .round-container.round-7 .slot-circle:nth-child(5)::after {
  content: "P";
  color: #d49;
}

#completed-8:checked + input[name=round]:checked ~ #transition-8 {
  display: flex;
}

input#completed-8:checked ~ [name="slot-1-round-8"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2),
input#round-8:checked ~ [name="slot-1-round-8"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-8:checked ~ [name="slot-1-round-8"][value="1"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2),
input#round-8:checked ~ [name="slot-1-round-8"][value="1"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-1-round-8"][value="1"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-1-round-8"][value="1"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2)::after {
  content: "B";
  color: #7dd;
}
input#completed-8:checked ~ [name="slot-1-round-8"][value="2"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2),
input#round-8:checked ~ [name="slot-1-round-8"][value="2"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-1-round-8"][value="2"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-1-round-8"][value="2"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2)::after {
  content: "G";
  color: #096;
}
input#completed-8:checked ~ [name="slot-1-round-8"][value="3"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2),
input#round-8:checked ~ [name="slot-1-round-8"][value="3"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-1-round-8"][value="3"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-1-round-8"][value="3"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2)::after {
  content: "O";
  color: #f40;
}
input#completed-8:checked ~ [name="slot-1-round-8"][value="4"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2),
input#round-8:checked ~ [name="slot-1-round-8"][value="4"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-1-round-8"][value="4"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-1-round-8"][value="4"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2)::after {
  content: "Y";
  color: #ee0;
}
input#completed-8:checked ~ [name="slot-1-round-8"][value="5"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2),
input#round-8:checked ~ [name="slot-1-round-8"][value="5"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-1-round-8"][value="5"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-1-round-8"][value="5"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2)::after {
  content: "W";
  color: #eee;
}
input#completed-8:checked ~ [name="slot-1-round-8"][value="6"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2),
input#round-8:checked ~ [name="slot-1-round-8"][value="6"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-1-round-8"][value="6"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-1-round-8"][value="6"]:checked ~ .round-container.round-8 .slot-circle:nth-child(2)::after {
  content: "P";
  color: #d49;
}
input#completed-8:checked ~ [name="slot-2-round-8"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3),
input#round-8:checked ~ [name="slot-2-round-8"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-8:checked ~ [name="slot-2-round-8"][value="1"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3),
input#round-8:checked ~ [name="slot-2-round-8"][value="1"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-2-round-8"][value="1"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-2-round-8"][value="1"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3)::after {
  content: "B";
  color: #7dd;
}
input#completed-8:checked ~ [name="slot-2-round-8"][value="2"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3),
input#round-8:checked ~ [name="slot-2-round-8"][value="2"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-2-round-8"][value="2"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-2-round-8"][value="2"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3)::after {
  content: "G";
  color: #096;
}
input#completed-8:checked ~ [name="slot-2-round-8"][value="3"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3),
input#round-8:checked ~ [name="slot-2-round-8"][value="3"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-2-round-8"][value="3"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-2-round-8"][value="3"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3)::after {
  content: "O";
  color: #f40;
}
input#completed-8:checked ~ [name="slot-2-round-8"][value="4"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3),
input#round-8:checked ~ [name="slot-2-round-8"][value="4"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-2-round-8"][value="4"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-2-round-8"][value="4"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3)::after {
  content: "Y";
  color: #ee0;
}
input#completed-8:checked ~ [name="slot-2-round-8"][value="5"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3),
input#round-8:checked ~ [name="slot-2-round-8"][value="5"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-2-round-8"][value="5"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-2-round-8"][value="5"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3)::after {
  content: "W";
  color: #eee;
}
input#completed-8:checked ~ [name="slot-2-round-8"][value="6"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3),
input#round-8:checked ~ [name="slot-2-round-8"][value="6"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-2-round-8"][value="6"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-2-round-8"][value="6"]:checked ~ .round-container.round-8 .slot-circle:nth-child(3)::after {
  content: "P";
  color: #d49;
}
input#completed-8:checked ~ [name="slot-3-round-8"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4),
input#round-8:checked ~ [name="slot-3-round-8"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-8:checked ~ [name="slot-3-round-8"][value="1"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4),
input#round-8:checked ~ [name="slot-3-round-8"][value="1"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-3-round-8"][value="1"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-3-round-8"][value="1"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4)::after {
  content: "B";
  color: #7dd;
}
input#completed-8:checked ~ [name="slot-3-round-8"][value="2"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4),
input#round-8:checked ~ [name="slot-3-round-8"][value="2"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-3-round-8"][value="2"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-3-round-8"][value="2"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4)::after {
  content: "G";
  color: #096;
}
input#completed-8:checked ~ [name="slot-3-round-8"][value="3"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4),
input#round-8:checked ~ [name="slot-3-round-8"][value="3"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-3-round-8"][value="3"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-3-round-8"][value="3"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4)::after {
  content: "O";
  color: #f40;
}
input#completed-8:checked ~ [name="slot-3-round-8"][value="4"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4),
input#round-8:checked ~ [name="slot-3-round-8"][value="4"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-3-round-8"][value="4"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-3-round-8"][value="4"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4)::after {
  content: "Y";
  color: #ee0;
}
input#completed-8:checked ~ [name="slot-3-round-8"][value="5"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4),
input#round-8:checked ~ [name="slot-3-round-8"][value="5"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-3-round-8"][value="5"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-3-round-8"][value="5"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4)::after {
  content: "W";
  color: #eee;
}
input#completed-8:checked ~ [name="slot-3-round-8"][value="6"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4),
input#round-8:checked ~ [name="slot-3-round-8"][value="6"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-3-round-8"][value="6"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-3-round-8"][value="6"]:checked ~ .round-container.round-8 .slot-circle:nth-child(4)::after {
  content: "P";
  color: #d49;
}
input#completed-8:checked ~ [name="slot-4-round-8"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5),
input#round-8:checked ~ [name="slot-4-round-8"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-8:checked ~ [name="slot-4-round-8"][value="1"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5),
input#round-8:checked ~ [name="slot-4-round-8"][value="1"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-4-round-8"][value="1"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-4-round-8"][value="1"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5)::after {
  content: "B";
  color: #7dd;
}
input#completed-8:checked ~ [name="slot-4-round-8"][value="2"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5),
input#round-8:checked ~ [name="slot-4-round-8"][value="2"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-4-round-8"][value="2"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-4-round-8"][value="2"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5)::after {
  content: "G";
  color: #096;
}
input#completed-8:checked ~ [name="slot-4-round-8"][value="3"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5),
input#round-8:checked ~ [name="slot-4-round-8"][value="3"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-4-round-8"][value="3"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-4-round-8"][value="3"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5)::after {
  content: "O";
  color: #f40;
}
input#completed-8:checked ~ [name="slot-4-round-8"][value="4"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5),
input#round-8:checked ~ [name="slot-4-round-8"][value="4"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-4-round-8"][value="4"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-4-round-8"][value="4"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5)::after {
  content: "Y";
  color: #ee0;
}
input#completed-8:checked ~ [name="slot-4-round-8"][value="5"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5),
input#round-8:checked ~ [name="slot-4-round-8"][value="5"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-4-round-8"][value="5"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-4-round-8"][value="5"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5)::after {
  content: "W";
  color: #eee;
}
input#completed-8:checked ~ [name="slot-4-round-8"][value="6"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5),
input#round-8:checked ~ [name="slot-4-round-8"][value="6"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-8:checked ~ [name="slot-4-round-8"][value="6"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-8:checked ~ [name="slot-4-round-8"][value="6"]:checked ~ .round-container.round-8 .slot-circle:nth-child(5)::after {
  content: "P";
  color: #d49;
}

#completed-9:checked + input[name=round]:checked ~ #transition-9 {
  display: flex;
}

input#completed-9:checked ~ [name="slot-1-round-9"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2),
input#round-9:checked ~ [name="slot-1-round-9"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-9:checked ~ [name="slot-1-round-9"][value="1"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2),
input#round-9:checked ~ [name="slot-1-round-9"][value="1"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-1-round-9"][value="1"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-1-round-9"][value="1"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2)::after {
  content: "B";
  color: #7dd;
}
input#completed-9:checked ~ [name="slot-1-round-9"][value="2"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2),
input#round-9:checked ~ [name="slot-1-round-9"][value="2"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-1-round-9"][value="2"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-1-round-9"][value="2"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2)::after {
  content: "G";
  color: #096;
}
input#completed-9:checked ~ [name="slot-1-round-9"][value="3"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2),
input#round-9:checked ~ [name="slot-1-round-9"][value="3"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-1-round-9"][value="3"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-1-round-9"][value="3"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2)::after {
  content: "O";
  color: #f40;
}
input#completed-9:checked ~ [name="slot-1-round-9"][value="4"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2),
input#round-9:checked ~ [name="slot-1-round-9"][value="4"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-1-round-9"][value="4"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-1-round-9"][value="4"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2)::after {
  content: "Y";
  color: #ee0;
}
input#completed-9:checked ~ [name="slot-1-round-9"][value="5"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2),
input#round-9:checked ~ [name="slot-1-round-9"][value="5"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-1-round-9"][value="5"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-1-round-9"][value="5"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2)::after {
  content: "W";
  color: #eee;
}
input#completed-9:checked ~ [name="slot-1-round-9"][value="6"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2),
input#round-9:checked ~ [name="slot-1-round-9"][value="6"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-1-round-9"][value="6"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-1-round-9"][value="6"]:checked ~ .round-container.round-9 .slot-circle:nth-child(2)::after {
  content: "P";
  color: #d49;
}
input#completed-9:checked ~ [name="slot-2-round-9"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3),
input#round-9:checked ~ [name="slot-2-round-9"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-9:checked ~ [name="slot-2-round-9"][value="1"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3),
input#round-9:checked ~ [name="slot-2-round-9"][value="1"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-2-round-9"][value="1"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-2-round-9"][value="1"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3)::after {
  content: "B";
  color: #7dd;
}
input#completed-9:checked ~ [name="slot-2-round-9"][value="2"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3),
input#round-9:checked ~ [name="slot-2-round-9"][value="2"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-2-round-9"][value="2"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-2-round-9"][value="2"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3)::after {
  content: "G";
  color: #096;
}
input#completed-9:checked ~ [name="slot-2-round-9"][value="3"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3),
input#round-9:checked ~ [name="slot-2-round-9"][value="3"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-2-round-9"][value="3"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-2-round-9"][value="3"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3)::after {
  content: "O";
  color: #f40;
}
input#completed-9:checked ~ [name="slot-2-round-9"][value="4"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3),
input#round-9:checked ~ [name="slot-2-round-9"][value="4"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-2-round-9"][value="4"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-2-round-9"][value="4"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3)::after {
  content: "Y";
  color: #ee0;
}
input#completed-9:checked ~ [name="slot-2-round-9"][value="5"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3),
input#round-9:checked ~ [name="slot-2-round-9"][value="5"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-2-round-9"][value="5"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-2-round-9"][value="5"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3)::after {
  content: "W";
  color: #eee;
}
input#completed-9:checked ~ [name="slot-2-round-9"][value="6"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3),
input#round-9:checked ~ [name="slot-2-round-9"][value="6"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-2-round-9"][value="6"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-2-round-9"][value="6"]:checked ~ .round-container.round-9 .slot-circle:nth-child(3)::after {
  content: "P";
  color: #d49;
}
input#completed-9:checked ~ [name="slot-3-round-9"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4),
input#round-9:checked ~ [name="slot-3-round-9"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-9:checked ~ [name="slot-3-round-9"][value="1"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4),
input#round-9:checked ~ [name="slot-3-round-9"][value="1"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-3-round-9"][value="1"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-3-round-9"][value="1"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4)::after {
  content: "B";
  color: #7dd;
}
input#completed-9:checked ~ [name="slot-3-round-9"][value="2"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4),
input#round-9:checked ~ [name="slot-3-round-9"][value="2"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-3-round-9"][value="2"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-3-round-9"][value="2"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4)::after {
  content: "G";
  color: #096;
}
input#completed-9:checked ~ [name="slot-3-round-9"][value="3"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4),
input#round-9:checked ~ [name="slot-3-round-9"][value="3"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-3-round-9"][value="3"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-3-round-9"][value="3"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4)::after {
  content: "O";
  color: #f40;
}
input#completed-9:checked ~ [name="slot-3-round-9"][value="4"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4),
input#round-9:checked ~ [name="slot-3-round-9"][value="4"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-3-round-9"][value="4"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-3-round-9"][value="4"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4)::after {
  content: "Y";
  color: #ee0;
}
input#completed-9:checked ~ [name="slot-3-round-9"][value="5"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4),
input#round-9:checked ~ [name="slot-3-round-9"][value="5"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-3-round-9"][value="5"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-3-round-9"][value="5"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4)::after {
  content: "W";
  color: #eee;
}
input#completed-9:checked ~ [name="slot-3-round-9"][value="6"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4),
input#round-9:checked ~ [name="slot-3-round-9"][value="6"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-3-round-9"][value="6"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-3-round-9"][value="6"]:checked ~ .round-container.round-9 .slot-circle:nth-child(4)::after {
  content: "P";
  color: #d49;
}
input#completed-9:checked ~ [name="slot-4-round-9"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5),
input#round-9:checked ~ [name="slot-4-round-9"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-9:checked ~ [name="slot-4-round-9"][value="1"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5),
input#round-9:checked ~ [name="slot-4-round-9"][value="1"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-4-round-9"][value="1"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-4-round-9"][value="1"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5)::after {
  content: "B";
  color: #7dd;
}
input#completed-9:checked ~ [name="slot-4-round-9"][value="2"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5),
input#round-9:checked ~ [name="slot-4-round-9"][value="2"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-4-round-9"][value="2"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-4-round-9"][value="2"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5)::after {
  content: "G";
  color: #096;
}
input#completed-9:checked ~ [name="slot-4-round-9"][value="3"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5),
input#round-9:checked ~ [name="slot-4-round-9"][value="3"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-4-round-9"][value="3"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-4-round-9"][value="3"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5)::after {
  content: "O";
  color: #f40;
}
input#completed-9:checked ~ [name="slot-4-round-9"][value="4"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5),
input#round-9:checked ~ [name="slot-4-round-9"][value="4"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-4-round-9"][value="4"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-4-round-9"][value="4"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5)::after {
  content: "Y";
  color: #ee0;
}
input#completed-9:checked ~ [name="slot-4-round-9"][value="5"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5),
input#round-9:checked ~ [name="slot-4-round-9"][value="5"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-4-round-9"][value="5"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-4-round-9"][value="5"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5)::after {
  content: "W";
  color: #eee;
}
input#completed-9:checked ~ [name="slot-4-round-9"][value="6"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5),
input#round-9:checked ~ [name="slot-4-round-9"][value="6"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-9:checked ~ [name="slot-4-round-9"][value="6"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-9:checked ~ [name="slot-4-round-9"][value="6"]:checked ~ .round-container.round-9 .slot-circle:nth-child(5)::after {
  content: "P";
  color: #d49;
}

#completed-10:checked + input[name=round]:checked ~ #transition-10 {
  display: flex;
}

input#completed-10:checked ~ [name="slot-1-round-10"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2),
input#round-10:checked ~ [name="slot-1-round-10"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-10:checked ~ [name="slot-1-round-10"][value="1"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2),
input#round-10:checked ~ [name="slot-1-round-10"][value="1"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-1-round-10"][value="1"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-1-round-10"][value="1"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2)::after {
  content: "B";
  color: #7dd;
}
input#completed-10:checked ~ [name="slot-1-round-10"][value="2"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2),
input#round-10:checked ~ [name="slot-1-round-10"][value="2"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-1-round-10"][value="2"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-1-round-10"][value="2"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2)::after {
  content: "G";
  color: #096;
}
input#completed-10:checked ~ [name="slot-1-round-10"][value="3"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2),
input#round-10:checked ~ [name="slot-1-round-10"][value="3"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-1-round-10"][value="3"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-1-round-10"][value="3"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2)::after {
  content: "O";
  color: #f40;
}
input#completed-10:checked ~ [name="slot-1-round-10"][value="4"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2),
input#round-10:checked ~ [name="slot-1-round-10"][value="4"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-1-round-10"][value="4"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-1-round-10"][value="4"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2)::after {
  content: "Y";
  color: #ee0;
}
input#completed-10:checked ~ [name="slot-1-round-10"][value="5"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2),
input#round-10:checked ~ [name="slot-1-round-10"][value="5"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-1-round-10"][value="5"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-1-round-10"][value="5"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2)::after {
  content: "W";
  color: #eee;
}
input#completed-10:checked ~ [name="slot-1-round-10"][value="6"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2),
input#round-10:checked ~ [name="slot-1-round-10"][value="6"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-1-round-10"][value="6"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-1-round-10"][value="6"]:checked ~ .round-container.round-10 .slot-circle:nth-child(2)::after {
  content: "P";
  color: #d49;
}
input#completed-10:checked ~ [name="slot-2-round-10"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3),
input#round-10:checked ~ [name="slot-2-round-10"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-10:checked ~ [name="slot-2-round-10"][value="1"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3),
input#round-10:checked ~ [name="slot-2-round-10"][value="1"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-2-round-10"][value="1"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-2-round-10"][value="1"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3)::after {
  content: "B";
  color: #7dd;
}
input#completed-10:checked ~ [name="slot-2-round-10"][value="2"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3),
input#round-10:checked ~ [name="slot-2-round-10"][value="2"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-2-round-10"][value="2"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-2-round-10"][value="2"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3)::after {
  content: "G";
  color: #096;
}
input#completed-10:checked ~ [name="slot-2-round-10"][value="3"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3),
input#round-10:checked ~ [name="slot-2-round-10"][value="3"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-2-round-10"][value="3"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-2-round-10"][value="3"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3)::after {
  content: "O";
  color: #f40;
}
input#completed-10:checked ~ [name="slot-2-round-10"][value="4"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3),
input#round-10:checked ~ [name="slot-2-round-10"][value="4"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-2-round-10"][value="4"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-2-round-10"][value="4"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3)::after {
  content: "Y";
  color: #ee0;
}
input#completed-10:checked ~ [name="slot-2-round-10"][value="5"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3),
input#round-10:checked ~ [name="slot-2-round-10"][value="5"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-2-round-10"][value="5"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-2-round-10"][value="5"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3)::after {
  content: "W";
  color: #eee;
}
input#completed-10:checked ~ [name="slot-2-round-10"][value="6"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3),
input#round-10:checked ~ [name="slot-2-round-10"][value="6"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-2-round-10"][value="6"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-2-round-10"][value="6"]:checked ~ .round-container.round-10 .slot-circle:nth-child(3)::after {
  content: "P";
  color: #d49;
}
input#completed-10:checked ~ [name="slot-3-round-10"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4),
input#round-10:checked ~ [name="slot-3-round-10"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-10:checked ~ [name="slot-3-round-10"][value="1"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4),
input#round-10:checked ~ [name="slot-3-round-10"][value="1"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-3-round-10"][value="1"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-3-round-10"][value="1"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4)::after {
  content: "B";
  color: #7dd;
}
input#completed-10:checked ~ [name="slot-3-round-10"][value="2"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4),
input#round-10:checked ~ [name="slot-3-round-10"][value="2"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-3-round-10"][value="2"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-3-round-10"][value="2"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4)::after {
  content: "G";
  color: #096;
}
input#completed-10:checked ~ [name="slot-3-round-10"][value="3"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4),
input#round-10:checked ~ [name="slot-3-round-10"][value="3"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-3-round-10"][value="3"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-3-round-10"][value="3"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4)::after {
  content: "O";
  color: #f40;
}
input#completed-10:checked ~ [name="slot-3-round-10"][value="4"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4),
input#round-10:checked ~ [name="slot-3-round-10"][value="4"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-3-round-10"][value="4"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-3-round-10"][value="4"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4)::after {
  content: "Y";
  color: #ee0;
}
input#completed-10:checked ~ [name="slot-3-round-10"][value="5"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4),
input#round-10:checked ~ [name="slot-3-round-10"][value="5"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-3-round-10"][value="5"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-3-round-10"][value="5"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4)::after {
  content: "W";
  color: #eee;
}
input#completed-10:checked ~ [name="slot-3-round-10"][value="6"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4),
input#round-10:checked ~ [name="slot-3-round-10"][value="6"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-3-round-10"][value="6"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-3-round-10"][value="6"]:checked ~ .round-container.round-10 .slot-circle:nth-child(4)::after {
  content: "P";
  color: #d49;
}
input#completed-10:checked ~ [name="slot-4-round-10"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5),
input#round-10:checked ~ [name="slot-4-round-10"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5) {
  width: 36px;
  height: 36px;
  margin: 2px;
  border: 0;
}
input#completed-10:checked ~ [name="slot-4-round-10"][value="1"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5),
input#round-10:checked ~ [name="slot-4-round-10"][value="1"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #7dd, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #7dd;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-4-round-10"][value="1"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-4-round-10"][value="1"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5)::after {
  content: "B";
  color: #7dd;
}
input#completed-10:checked ~ [name="slot-4-round-10"][value="2"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5),
input#round-10:checked ~ [name="slot-4-round-10"][value="2"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #096, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #096;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-4-round-10"][value="2"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-4-round-10"][value="2"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5)::after {
  content: "G";
  color: #096;
}
input#completed-10:checked ~ [name="slot-4-round-10"][value="3"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5),
input#round-10:checked ~ [name="slot-4-round-10"][value="3"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #f40, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #f40;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-4-round-10"][value="3"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-4-round-10"][value="3"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5)::after {
  content: "O";
  color: #f40;
}
input#completed-10:checked ~ [name="slot-4-round-10"][value="4"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5),
input#round-10:checked ~ [name="slot-4-round-10"][value="4"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #ee0, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #ee0;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-4-round-10"][value="4"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-4-round-10"][value="4"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5)::after {
  content: "Y";
  color: #ee0;
}
input#completed-10:checked ~ [name="slot-4-round-10"][value="5"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5),
input#round-10:checked ~ [name="slot-4-round-10"][value="5"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #eee, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #eee;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-4-round-10"][value="5"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-4-round-10"][value="5"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5)::after {
  content: "W";
  color: #eee;
}
input#completed-10:checked ~ [name="slot-4-round-10"][value="6"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5),
input#round-10:checked ~ [name="slot-4-round-10"][value="6"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5) {
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 4px #d49, inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(255, 255, 255, 0.3), 0 0 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: #d49;
}
#color-blind:checked ~ #board input#completed-10:checked ~ [name="slot-4-round-10"][value="6"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5)::after, #color-blind:checked ~ #board
input#round-10:checked ~ [name="slot-4-round-10"][value="6"]:checked ~ .round-container.round-10 .slot-circle:nth-child(5)::after {
  content: "P";
  color: #d49;
}