* {
  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: 5px;
  height: 3px;
  background-color: #ee0;
  top: -10%;
  left: 33%;
  opacity: 0.9387596198;
  transform: rotate(320.0449237272deg);
  animation: drop-1 4.6152836966s 0.1272585301s infinite;
  animation-delay: -9.8533852719s;
}

@keyframes drop-1 {
  100% {
    top: 110%;
    left: 42%;
  }
}
.confetti-2 {
  width: 11px;
  height: 6.6px;
  background-color: #ee0;
  top: -10%;
  left: 84%;
  opacity: 0.9463048795;
  transform: rotate(197.9165048808deg);
  animation: drop-2 4.2229233896s 0.0893056132s infinite;
  animation-delay: -9.0326387716s;
}

@keyframes drop-2 {
  100% {
    top: 110%;
    left: 90%;
  }
}
.confetti-3 {
  width: 9px;
  height: 5.4px;
  background-color: #d49;
  top: -10%;
  left: 60%;
  opacity: 1.4707890623;
  transform: rotate(250.998054167deg);
  animation: drop-3 4.8930486596s 0.9428153762s infinite;
  animation-delay: -3.1596486535s;
}

@keyframes drop-3 {
  100% {
    top: 110%;
    left: 62%;
  }
}
.confetti-4 {
  width: 2px;
  height: 1.2px;
  background-color: #f40;
  top: -10%;
  left: 70%;
  opacity: 1.2992976338;
  transform: rotate(26.7060896204deg);
  animation: drop-4 4.9700683061s 0.8483335653s infinite;
  animation-delay: -2.5254850418s;
}

@keyframes drop-4 {
  100% {
    top: 110%;
    left: 82%;
  }
}
.confetti-5 {
  width: 6px;
  height: 3.6px;
  background-color: #eee;
  top: -10%;
  left: 58%;
  opacity: 0.6744920564;
  transform: rotate(215.4875911101deg);
  animation: drop-5 4.9724929123s 0.9999041814s infinite;
  animation-delay: -3.5300383335s;
}

@keyframes drop-5 {
  100% {
    top: 110%;
    left: 60%;
  }
}
.confetti-6 {
  width: 8px;
  height: 4.8px;
  background-color: #ee0;
  top: -10%;
  left: 47%;
  opacity: 0.7516885231;
  transform: rotate(96.745047821deg);
  animation: drop-6 4.0538090014s 0.1704431287s infinite;
  animation-delay: -9.1988350599s;
}

@keyframes drop-6 {
  100% {
    top: 110%;
    left: 58%;
  }
}
.confetti-7 {
  width: 7px;
  height: 4.2px;
  background-color: #d49;
  top: -10%;
  left: 2%;
  opacity: 1.3224079133;
  transform: rotate(299.2455868965deg);
  animation: drop-7 4.9312570763s 0.6745839751s infinite;
  animation-delay: -6.6260023761s;
}

@keyframes drop-7 {
  100% {
    top: 110%;
    left: 13%;
  }
}
.confetti-8 {
  width: 8px;
  height: 4.8px;
  background-color: #ee0;
  top: -10%;
  left: 31%;
  opacity: 1.3811485494;
  transform: rotate(22.2144194813deg);
  animation: drop-8 4.532920765s 0.7056560365s infinite;
  animation-delay: -2.4376765007s;
}

@keyframes drop-8 {
  100% {
    top: 110%;
    left: 41%;
  }
}
.confetti-9 {
  width: 7px;
  height: 4.2px;
  background-color: #eee;
  top: -10%;
  left: 79%;
  opacity: 1.0953745705;
  transform: rotate(74.4805445093deg);
  animation: drop-9 4.1642498534s 0.6490225185s infinite;
  animation-delay: -1.4114166917s;
}

@keyframes drop-9 {
  100% {
    top: 110%;
    left: 80%;
  }
}
.confetti-10 {
  width: 10px;
  height: 6px;
  background-color: #ee0;
  top: -10%;
  left: 15%;
  opacity: 0.5597889783;
  transform: rotate(318.9972712224deg);
  animation: drop-10 4.8373633913s 0.1975474708s infinite;
  animation-delay: -0.6018679439s;
}

@keyframes drop-10 {
  100% {
    top: 110%;
    left: 27%;
  }
}
.confetti-11 {
  width: 10px;
  height: 6px;
  background-color: #7dd;
  top: -10%;
  left: 97%;
  opacity: 0.7059441956;
  transform: rotate(215.1486331378deg);
  animation: drop-11 4.8428162012s 0.2659667667s infinite;
  animation-delay: -9.5599920431s;
}

@keyframes drop-11 {
  100% {
    top: 110%;
    left: 102%;
  }
}
.confetti-12 {
  width: 11px;
  height: 6.6px;
  background-color: #d49;
  top: -10%;
  left: 7%;
  opacity: 1.1090105427;
  transform: rotate(195.5115863262deg);
  animation: drop-12 4.1800064273s 0.901868348s infinite;
  animation-delay: -8.2601430376s;
}

@keyframes drop-12 {
  100% {
    top: 110%;
    left: 17%;
  }
}
.confetti-13 {
  width: 5px;
  height: 3px;
  background-color: #f40;
  top: -10%;
  left: 97%;
  opacity: 1.1353911132;
  transform: rotate(37.5279846632deg);
  animation: drop-13 4.9495457719s 0.2198892054s infinite;
  animation-delay: -0.169463206s;
}

@keyframes drop-13 {
  100% {
    top: 110%;
    left: 112%;
  }
}
.confetti-14 {
  width: 4px;
  height: 2.4px;
  background-color: #096;
  top: -10%;
  left: 89%;
  opacity: 0.9842764579;
  transform: rotate(222.8652724835deg);
  animation: drop-14 4.6289720172s 0.3967623673s infinite;
  animation-delay: -2.6048176141s;
}

@keyframes drop-14 {
  100% {
    top: 110%;
    left: 90%;
  }
}
.confetti-15 {
  width: 10px;
  height: 6px;
  background-color: #eee;
  top: -10%;
  left: 59%;
  opacity: 0.9096507854;
  transform: rotate(86.0105480703deg);
  animation: drop-15 4.3439857979s 0.4210719657s infinite;
  animation-delay: -7.615491203s;
}

@keyframes drop-15 {
  100% {
    top: 110%;
    left: 70%;
  }
}
.confetti-16 {
  width: 4px;
  height: 2.4px;
  background-color: #7dd;
  top: -10%;
  left: 48%;
  opacity: 1.2252293511;
  transform: rotate(285.6282823817deg);
  animation: drop-16 4.203361578s 0.3144913014s infinite;
  animation-delay: -0.6183894621s;
}

@keyframes drop-16 {
  100% {
    top: 110%;
    left: 58%;
  }
}
.confetti-17 {
  width: 5px;
  height: 3px;
  background-color: #7dd;
  top: -10%;
  left: 76%;
  opacity: 1.1545006861;
  transform: rotate(19.9218669987deg);
  animation: drop-17 4.7357717724s 0.9509869398s infinite;
  animation-delay: -9.3272761134s;
}

@keyframes drop-17 {
  100% {
    top: 110%;
    left: 82%;
  }
}
.confetti-18 {
  width: 1px;
  height: 0.6px;
  background-color: #096;
  top: -10%;
  left: 62%;
  opacity: 1.407600723;
  transform: rotate(120.6166456865deg);
  animation: drop-18 4.5539910256s 0.8138292998s infinite;
  animation-delay: -2.3228426676s;
}

@keyframes drop-18 {
  100% {
    top: 110%;
    left: 73%;
  }
}
.confetti-19 {
  width: 9px;
  height: 5.4px;
  background-color: #f40;
  top: -10%;
  left: 26%;
  opacity: 0.9914804515;
  transform: rotate(200.8332986473deg);
  animation: drop-19 4.0179798996s 0.2012950591s infinite;
  animation-delay: -1.8786228275s;
}

@keyframes drop-19 {
  100% {
    top: 110%;
    left: 27%;
  }
}
.confetti-20 {
  width: 12px;
  height: 7.2px;
  background-color: #7dd;
  top: -10%;
  left: 51%;
  opacity: 1.3374090106;
  transform: rotate(145.0613260912deg);
  animation: drop-20 4.5979578474s 0.00865293s infinite;
  animation-delay: -4.0854898414s;
}

@keyframes drop-20 {
  100% {
    top: 110%;
    left: 60%;
  }
}
.confetti-21 {
  width: 9px;
  height: 5.4px;
  background-color: #ee0;
  top: -10%;
  left: 89%;
  opacity: 0.8244115137;
  transform: rotate(314.8197196174deg);
  animation: drop-21 4.916757318s 0.9916442669s infinite;
  animation-delay: -9.9132829752s;
}

@keyframes drop-21 {
  100% {
    top: 110%;
    left: 97%;
  }
}
.confetti-22 {
  width: 9px;
  height: 5.4px;
  background-color: #ee0;
  top: -10%;
  left: 45%;
  opacity: 0.6142121112;
  transform: rotate(295.1827691523deg);
  animation: drop-22 4.5126466558s 0.6895823528s infinite;
  animation-delay: -4.5841767463s;
}

@keyframes drop-22 {
  100% {
    top: 110%;
    left: 49%;
  }
}
.confetti-23 {
  width: 2px;
  height: 1.2px;
  background-color: #096;
  top: -10%;
  left: 54%;
  opacity: 1.0858686366;
  transform: rotate(308.0321331447deg);
  animation: drop-23 4.4348162314s 0.1265672225s infinite;
  animation-delay: -0.2219166895s;
}

@keyframes drop-23 {
  100% {
    top: 110%;
    left: 58%;
  }
}
.confetti-24 {
  width: 8px;
  height: 4.8px;
  background-color: #d49;
  top: -10%;
  left: 67%;
  opacity: 0.6871677713;
  transform: rotate(261.459101499deg);
  animation: drop-24 4.001371248s 0.8987076293s infinite;
  animation-delay: -0.4100814678s;
}

@keyframes drop-24 {
  100% {
    top: 110%;
    left: 72%;
  }
}
.confetti-25 {
  width: 8px;
  height: 4.8px;
  background-color: #f40;
  top: -10%;
  left: 56%;
  opacity: 1.1617367391;
  transform: rotate(81.6225660803deg);
  animation: drop-25 4.2591003944s 0.0852265428s infinite;
  animation-delay: -1.3330002286s;
}

@keyframes drop-25 {
  100% {
    top: 110%;
    left: 62%;
  }
}
.confetti-26 {
  width: 7px;
  height: 4.2px;
  background-color: #d49;
  top: -10%;
  left: 86%;
  opacity: 0.9611072726;
  transform: rotate(239.0629296439deg);
  animation: drop-26 4.6205211908s 0.1809135658s infinite;
  animation-delay: -8.7067862796s;
}

@keyframes drop-26 {
  100% {
    top: 110%;
    left: 95%;
  }
}
.confetti-27 {
  width: 11px;
  height: 6.6px;
  background-color: #eee;
  top: -10%;
  left: 9%;
  opacity: 1.3074531643;
  transform: rotate(269.4647067742deg);
  animation: drop-27 4.2550747946s 0.1169248201s infinite;
  animation-delay: -1.66671131s;
}

@keyframes drop-27 {
  100% {
    top: 110%;
    left: 20%;
  }
}
.confetti-28 {
  width: 11px;
  height: 6.6px;
  background-color: #7dd;
  top: -10%;
  left: 91%;
  opacity: 0.9587976589;
  transform: rotate(343.942801866deg);
  animation: drop-28 4.5550051705s 0.8596346187s infinite;
  animation-delay: -8.4320821518s;
}

@keyframes drop-28 {
  100% {
    top: 110%;
    left: 101%;
  }
}
.confetti-29 {
  width: 11px;
  height: 6.6px;
  background-color: #d49;
  top: -10%;
  left: 84%;
  opacity: 0.600657819;
  transform: rotate(11.7708581529deg);
  animation: drop-29 4.9143277122s 0.6831485191s infinite;
  animation-delay: -2.9508895718s;
}

@keyframes drop-29 {
  100% {
    top: 110%;
    left: 91%;
  }
}
.confetti-30 {
  width: 8px;
  height: 4.8px;
  background-color: #7dd;
  top: -10%;
  left: 25%;
  opacity: 0.709801315;
  transform: rotate(234.8347940473deg);
  animation: drop-30 4.3765819718s 0.8232096325s infinite;
  animation-delay: -7.1481098352s;
}

@keyframes drop-30 {
  100% {
    top: 110%;
    left: 40%;
  }
}
.confetti-31 {
  width: 5px;
  height: 3px;
  background-color: #7dd;
  top: -10%;
  left: 99%;
  opacity: 0.5745732915;
  transform: rotate(175.5868847214deg);
  animation: drop-31 4.8179957849s 0.7584589509s infinite;
  animation-delay: -4.8358853918s;
}

@keyframes drop-31 {
  100% {
    top: 110%;
    left: 107%;
  }
}
.confetti-32 {
  width: 5px;
  height: 3px;
  background-color: #eee;
  top: -10%;
  left: 71%;
  opacity: 0.7461755305;
  transform: rotate(123.2032650165deg);
  animation: drop-32 4.3593518691s 0.0661125882s infinite;
  animation-delay: -1.5223398801s;
}

@keyframes drop-32 {
  100% {
    top: 110%;
    left: 79%;
  }
}
.confetti-33 {
  width: 6px;
  height: 3.6px;
  background-color: #096;
  top: -10%;
  left: 71%;
  opacity: 1.3171667698;
  transform: rotate(359.7377717226deg);
  animation: drop-33 4.5975675448s 0.162951232s infinite;
  animation-delay: -3.8649442862s;
}

@keyframes drop-33 {
  100% {
    top: 110%;
    left: 80%;
  }
}
.confetti-34 {
  width: 2px;
  height: 1.2px;
  background-color: #d49;
  top: -10%;
  left: 40%;
  opacity: 0.5517454937;
  transform: rotate(312.914906721deg);
  animation: drop-34 4.3038960237s 0.0125078446s infinite;
  animation-delay: -1.1185599767s;
}

@keyframes drop-34 {
  100% {
    top: 110%;
    left: 52%;
  }
}
.confetti-35 {
  width: 4px;
  height: 2.4px;
  background-color: #d49;
  top: -10%;
  left: 72%;
  opacity: 1.0165114079;
  transform: rotate(279.877692716deg);
  animation: drop-35 4.3313588065s 0.009025492s infinite;
  animation-delay: -3.0077846162s;
}

@keyframes drop-35 {
  100% {
    top: 110%;
    left: 86%;
  }
}
.confetti-36 {
  width: 11px;
  height: 6.6px;
  background-color: #7dd;
  top: -10%;
  left: 93%;
  opacity: 1.2566594076;
  transform: rotate(283.4021226652deg);
  animation: drop-36 4.114626147s 0.829844729s infinite;
  animation-delay: -5.1868301184s;
}

@keyframes drop-36 {
  100% {
    top: 110%;
    left: 103%;
  }
}
.confetti-37 {
  width: 5px;
  height: 3px;
  background-color: #ee0;
  top: -10%;
  left: 9%;
  opacity: 1.0617811443;
  transform: rotate(86.1807911805deg);
  animation: drop-37 4.3017657276s 0.4434099713s infinite;
  animation-delay: -4.5279433231s;
}

@keyframes drop-37 {
  100% {
    top: 110%;
    left: 16%;
  }
}
.confetti-38 {
  width: 4px;
  height: 2.4px;
  background-color: #d49;
  top: -10%;
  left: 78%;
  opacity: 0.6957722487;
  transform: rotate(283.2598661593deg);
  animation: drop-38 4.1989756332s 0.587076628s infinite;
  animation-delay: -4.4785941113s;
}

@keyframes drop-38 {
  100% {
    top: 110%;
    left: 80%;
  }
}
.confetti-39 {
  width: 12px;
  height: 7.2px;
  background-color: #d49;
  top: -10%;
  left: 24%;
  opacity: 1.4828777988;
  transform: rotate(218.3653215402deg);
  animation: drop-39 4.8007607759s 0.1384389466s infinite;
  animation-delay: -1.1722142314s;
}

@keyframes drop-39 {
  100% {
    top: 110%;
    left: 28%;
  }
}
.confetti-40 {
  width: 9px;
  height: 5.4px;
  background-color: #d49;
  top: -10%;
  left: 12%;
  opacity: 0.7365989237;
  transform: rotate(251.6396408108deg);
  animation: drop-40 4.664392583s 0.7991851103s infinite;
  animation-delay: -0.8379416504s;
}

@keyframes drop-40 {
  100% {
    top: 110%;
    left: 25%;
  }
}
.confetti-41 {
  width: 7px;
  height: 4.2px;
  background-color: #d49;
  top: -10%;
  left: 84%;
  opacity: 1.1008324031;
  transform: rotate(320.5394255855deg);
  animation: drop-41 4.981524225s 0.0413400742s infinite;
  animation-delay: -2.4869002908s;
}

@keyframes drop-41 {
  100% {
    top: 110%;
    left: 94%;
  }
}
.confetti-42 {
  width: 7px;
  height: 4.2px;
  background-color: #eee;
  top: -10%;
  left: 46%;
  opacity: 1.0014269733;
  transform: rotate(12.5732056298deg);
  animation: drop-42 4.3268451362s 0.0316499451s infinite;
  animation-delay: -5.5234368294s;
}

@keyframes drop-42 {
  100% {
    top: 110%;
    left: 54%;
  }
}
.confetti-43 {
  width: 12px;
  height: 7.2px;
  background-color: #7dd;
  top: -10%;
  left: 64%;
  opacity: 1.3191183396;
  transform: rotate(135.426871243deg);
  animation: drop-43 4.3965701777s 0.9533743849s infinite;
  animation-delay: -7.1457317375s;
}

@keyframes drop-43 {
  100% {
    top: 110%;
    left: 72%;
  }
}
.confetti-44 {
  width: 9px;
  height: 5.4px;
  background-color: #096;
  top: -10%;
  left: 99%;
  opacity: 0.9324353228;
  transform: rotate(58.3499780573deg);
  animation: drop-44 4.3107958511s 0.9652410406s infinite;
  animation-delay: -8.0894930952s;
}

@keyframes drop-44 {
  100% {
    top: 110%;
    left: 107%;
  }
}
.confetti-45 {
  width: 11px;
  height: 6.6px;
  background-color: #f40;
  top: -10%;
  left: 11%;
  opacity: 1.2616526469;
  transform: rotate(122.7570115178deg);
  animation: drop-45 4.5403930845s 0.9238937271s infinite;
  animation-delay: -2.4949932154s;
}

@keyframes drop-45 {
  100% {
    top: 110%;
    left: 15%;
  }
}
.confetti-46 {
  width: 3px;
  height: 1.8px;
  background-color: #eee;
  top: -10%;
  left: 48%;
  opacity: 0.9781967252;
  transform: rotate(58.9341971791deg);
  animation: drop-46 4.9126314261s 0.3156080322s infinite;
  animation-delay: -3.569493966s;
}

@keyframes drop-46 {
  100% {
    top: 110%;
    left: 51%;
  }
}
.confetti-47 {
  width: 1px;
  height: 0.6px;
  background-color: #f40;
  top: -10%;
  left: 44%;
  opacity: 0.8262161788;
  transform: rotate(98.8951267474deg);
  animation: drop-47 4.6725393673s 0.4388190791s infinite;
  animation-delay: -5.9078250823s;
}

@keyframes drop-47 {
  100% {
    top: 110%;
    left: 45%;
  }
}
.confetti-48 {
  width: 4px;
  height: 2.4px;
  background-color: #eee;
  top: -10%;
  left: 25%;
  opacity: 1.32691068;
  transform: rotate(249.5639387208deg);
  animation: drop-48 4.4866440067s 0.3170188941s infinite;
  animation-delay: -6.339503572s;
}

@keyframes drop-48 {
  100% {
    top: 110%;
    left: 37%;
  }
}
.confetti-49 {
  width: 8px;
  height: 4.8px;
  background-color: #eee;
  top: -10%;
  left: 62%;
  opacity: 0.6332557724;
  transform: rotate(97.4540412084deg);
  animation: drop-49 4.524650708s 0.100212851s infinite;
  animation-delay: -8.6558266272s;
}

@keyframes drop-49 {
  100% {
    top: 110%;
    left: 66%;
  }
}
.confetti-50 {
  width: 11px;
  height: 6.6px;
  background-color: #7dd;
  top: -10%;
  left: 74%;
  opacity: 0.6236219272;
  transform: rotate(120.5494571088deg);
  animation: drop-50 4.6447102052s 0.6915676414s infinite;
  animation-delay: -6.147893714s;
}

@keyframes drop-50 {
  100% {
    top: 110%;
    left: 85%;
  }
}
.confetti-51 {
  width: 8px;
  height: 4.8px;
  background-color: #eee;
  top: -10%;
  left: 33%;
  opacity: 0.9688265201;
  transform: rotate(231.2268793874deg);
  animation: drop-51 4.8148075846s 0.2245428236s infinite;
  animation-delay: -2.3180892349s;
}

@keyframes drop-51 {
  100% {
    top: 110%;
    left: 48%;
  }
}
.confetti-52 {
  width: 8px;
  height: 4.8px;
  background-color: #eee;
  top: -10%;
  left: 94%;
  opacity: 1.1142038265;
  transform: rotate(80.0048813731deg);
  animation: drop-52 4.1534882975s 0.5925182683s infinite;
  animation-delay: -9.3782712751s;
}

@keyframes drop-52 {
  100% {
    top: 110%;
    left: 108%;
  }
}
.confetti-53 {
  width: 1px;
  height: 0.6px;
  background-color: #d49;
  top: -10%;
  left: 40%;
  opacity: 1.1821770046;
  transform: rotate(115.895355579deg);
  animation: drop-53 4.0813316075s 0.5126465993s infinite;
  animation-delay: -8.5011948061s;
}

@keyframes drop-53 {
  100% {
    top: 110%;
    left: 52%;
  }
}
.confetti-54 {
  width: 5px;
  height: 3px;
  background-color: #ee0;
  top: -10%;
  left: 90%;
  opacity: 1.1781179115;
  transform: rotate(290.2834687989deg);
  animation: drop-54 4.3291841902s 0.3838092551s infinite;
  animation-delay: -6.510013607s;
}

@keyframes drop-54 {
  100% {
    top: 110%;
    left: 94%;
  }
}
.confetti-55 {
  width: 10px;
  height: 6px;
  background-color: #d49;
  top: -10%;
  left: 61%;
  opacity: 0.8551422995;
  transform: rotate(222.749748932deg);
  animation: drop-55 4.2444034467s 0.2378378581s infinite;
  animation-delay: -5.2366964728s;
}

@keyframes drop-55 {
  100% {
    top: 110%;
    left: 73%;
  }
}
.confetti-56 {
  width: 1px;
  height: 0.6px;
  background-color: #f40;
  top: -10%;
  left: 98%;
  opacity: 0.5359729378;
  transform: rotate(34.3758873912deg);
  animation: drop-56 4.376971621s 0.7174546608s infinite;
  animation-delay: -8.164692655s;
}

@keyframes drop-56 {
  100% {
    top: 110%;
    left: 110%;
  }
}
.confetti-57 {
  width: 1px;
  height: 0.6px;
  background-color: #096;
  top: -10%;
  left: 58%;
  opacity: 0.5021951114;
  transform: rotate(71.5906932728deg);
  animation: drop-57 4.0465811819s 0.238714846s infinite;
  animation-delay: -5.5823062561s;
}

@keyframes drop-57 {
  100% {
    top: 110%;
    left: 66%;
  }
}
.confetti-58 {
  width: 8px;
  height: 4.8px;
  background-color: #eee;
  top: -10%;
  left: 38%;
  opacity: 0.9249227426;
  transform: rotate(207.8520376613deg);
  animation: drop-58 4.9154709966s 0.7745247023s infinite;
  animation-delay: -4.6795042585s;
}

@keyframes drop-58 {
  100% {
    top: 110%;
    left: 39%;
  }
}
.confetti-59 {
  width: 8px;
  height: 4.8px;
  background-color: #7dd;
  top: -10%;
  left: 6%;
  opacity: 1.126355897;
  transform: rotate(341.7895636334deg);
  animation: drop-59 4.561740067s 0.1380142616s infinite;
  animation-delay: -2.0966064245s;
}

@keyframes drop-59 {
  100% {
    top: 110%;
    left: 13%;
  }
}
.confetti-60 {
  width: 12px;
  height: 7.2px;
  background-color: #ee0;
  top: -10%;
  left: 1%;
  opacity: 1.441659232;
  transform: rotate(336.8947739591deg);
  animation: drop-60 4.2760002184s 0.5317767161s infinite;
  animation-delay: -7.4958760471s;
}

@keyframes drop-60 {
  100% {
    top: 110%;
    left: 15%;
  }
}
.confetti-61 {
  width: 6px;
  height: 3.6px;
  background-color: #eee;
  top: -10%;
  left: 88%;
  opacity: 0.6678798993;
  transform: rotate(169.1263979153deg);
  animation: drop-61 4.2357374591s 0.9123463266s infinite;
  animation-delay: -2.8091874742s;
}

@keyframes drop-61 {
  100% {
    top: 110%;
    left: 89%;
  }
}
.confetti-62 {
  width: 4px;
  height: 2.4px;
  background-color: #d49;
  top: -10%;
  left: 13%;
  opacity: 0.7096996408;
  transform: rotate(349.872467457deg);
  animation: drop-62 4.5743733014s 0.0147827379s infinite;
  animation-delay: -9.153623286s;
}

@keyframes drop-62 {
  100% {
    top: 110%;
    left: 21%;
  }
}
.confetti-63 {
  width: 5px;
  height: 3px;
  background-color: #f40;
  top: -10%;
  left: 48%;
  opacity: 1.0056219423;
  transform: rotate(125.8892377713deg);
  animation: drop-63 4.3757207425s 0.6886536168s infinite;
  animation-delay: -0.9472787199s;
}

@keyframes drop-63 {
  100% {
    top: 110%;
    left: 59%;
  }
}
.confetti-64 {
  width: 10px;
  height: 6px;
  background-color: #ee0;
  top: -10%;
  left: 47%;
  opacity: 0.9102776276;
  transform: rotate(75.776739318deg);
  animation: drop-64 4.4354068888s 0.9359124008s infinite;
  animation-delay: -4.5226782208s;
}

@keyframes drop-64 {
  100% {
    top: 110%;
    left: 49%;
  }
}
.confetti-65 {
  width: 5px;
  height: 3px;
  background-color: #d49;
  top: -10%;
  left: 35%;
  opacity: 0.6650293982;
  transform: rotate(113.7834305333deg);
  animation: drop-65 4.4152143714s 0.1418563798s infinite;
  animation-delay: -3.4930229609s;
}

@keyframes drop-65 {
  100% {
    top: 110%;
    left: 49%;
  }
}
.confetti-66 {
  width: 4px;
  height: 2.4px;
  background-color: #f40;
  top: -10%;
  left: 42%;
  opacity: 1.1617072376;
  transform: rotate(70.9831509256deg);
  animation: drop-66 4.8068754202s 0.5031804262s infinite;
  animation-delay: -5.3192987182s;
}

@keyframes drop-66 {
  100% {
    top: 110%;
    left: 45%;
  }
}
.confetti-67 {
  width: 12px;
  height: 7.2px;
  background-color: #d49;
  top: -10%;
  left: 58%;
  opacity: 0.9844058763;
  transform: rotate(83.5641635057deg);
  animation: drop-67 4.5401064672s 0.4435827308s infinite;
  animation-delay: -5.5238057554s;
}

@keyframes drop-67 {
  100% {
    top: 110%;
    left: 59%;
  }
}
.confetti-68 {
  width: 8px;
  height: 4.8px;
  background-color: #eee;
  top: -10%;
  left: 45%;
  opacity: 0.5386042706;
  transform: rotate(146.4720734786deg);
  animation: drop-68 4.1551111791s 0.9528396477s infinite;
  animation-delay: -3.3037501491s;
}

@keyframes drop-68 {
  100% {
    top: 110%;
    left: 55%;
  }
}
.confetti-69 {
  width: 9px;
  height: 5.4px;
  background-color: #096;
  top: -10%;
  left: 99%;
  opacity: 0.5716946808;
  transform: rotate(328.5160436985deg);
  animation: drop-69 4.2540468757s 0.2560621586s infinite;
  animation-delay: -9.9703443886s;
}

@keyframes drop-69 {
  100% {
    top: 110%;
    left: 113%;
  }
}
.confetti-70 {
  width: 1px;
  height: 0.6px;
  background-color: #ee0;
  top: -10%;
  left: 41%;
  opacity: 1.0059967317;
  transform: rotate(165.1590024553deg);
  animation: drop-70 4.8961030133s 0.3140315244s infinite;
  animation-delay: -8.6435041711s;
}

@keyframes drop-70 {
  100% {
    top: 110%;
    left: 42%;
  }
}
.confetti-71 {
  width: 2px;
  height: 1.2px;
  background-color: #096;
  top: -10%;
  left: 20%;
  opacity: 0.8127481795;
  transform: rotate(314.1973233024deg);
  animation: drop-71 4.3124434884s 0.0536138696s infinite;
  animation-delay: -2.4204364481s;
}

@keyframes drop-71 {
  100% {
    top: 110%;
    left: 24%;
  }
}
.confetti-72 {
  width: 2px;
  height: 1.2px;
  background-color: #eee;
  top: -10%;
  left: 1%;
  opacity: 0.5717115157;
  transform: rotate(125.6736768458deg);
  animation: drop-72 4.4794593547s 0.2436526157s infinite;
  animation-delay: -7.7784946296s;
}

@keyframes drop-72 {
  100% {
    top: 110%;
    left: 3%;
  }
}
.confetti-73 {
  width: 6px;
  height: 3.6px;
  background-color: #096;
  top: -10%;
  left: 18%;
  opacity: 1.4446732059;
  transform: rotate(90.0774562197deg);
  animation: drop-73 4.2604311459s 0.4789518472s infinite;
  animation-delay: -3.1074571373s;
}

@keyframes drop-73 {
  100% {
    top: 110%;
    left: 23%;
  }
}
.confetti-74 {
  width: 8px;
  height: 4.8px;
  background-color: #d49;
  top: -10%;
  left: 64%;
  opacity: 1.4974045323;
  transform: rotate(42.5011430855deg);
  animation: drop-74 4.9448860417s 0.2764929952s infinite;
  animation-delay: -0.1123672458s;
}

@keyframes drop-74 {
  100% {
    top: 110%;
    left: 69%;
  }
}
.confetti-75 {
  width: 8px;
  height: 4.8px;
  background-color: #096;
  top: -10%;
  left: 66%;
  opacity: 0.8696364133;
  transform: rotate(4.4707113822deg);
  animation: drop-75 4.638789587s 0.9358599577s infinite;
  animation-delay: -0.8541992803s;
}

@keyframes drop-75 {
  100% {
    top: 110%;
    left: 80%;
  }
}
.confetti-76 {
  width: 3px;
  height: 1.8px;
  background-color: #d49;
  top: -10%;
  left: 77%;
  opacity: 1.2000339137;
  transform: rotate(209.1099652892deg);
  animation: drop-76 4.820274562s 0.5265289425s infinite;
  animation-delay: -9.7450146287s;
}

@keyframes drop-76 {
  100% {
    top: 110%;
    left: 86%;
  }
}
.confetti-77 {
  width: 6px;
  height: 3.6px;
  background-color: #f40;
  top: -10%;
  left: 23%;
  opacity: 1.106060563;
  transform: rotate(112.4746576573deg);
  animation: drop-77 4.1770640374s 0.8037539717s infinite;
  animation-delay: -2.7051527157s;
}

@keyframes drop-77 {
  100% {
    top: 110%;
    left: 34%;
  }
}
.confetti-78 {
  width: 4px;
  height: 2.4px;
  background-color: #d49;
  top: -10%;
  left: 50%;
  opacity: 0.6239615064;
  transform: rotate(126.1123787394deg);
  animation: drop-78 4.4596952018s 0.5265310866s infinite;
  animation-delay: -4.4230380616s;
}

@keyframes drop-78 {
  100% {
    top: 110%;
    left: 58%;
  }
}
.confetti-79 {
  width: 9px;
  height: 5.4px;
  background-color: #ee0;
  top: -10%;
  left: 48%;
  opacity: 1.46993155;
  transform: rotate(322.7791919087deg);
  animation: drop-79 4.5423149326s 0.4072724396s infinite;
  animation-delay: -9.6482785141s;
}

@keyframes drop-79 {
  100% {
    top: 110%;
    left: 59%;
  }
}
.confetti-80 {
  width: 8px;
  height: 4.8px;
  background-color: #ee0;
  top: -10%;
  left: 69%;
  opacity: 1.366274318;
  transform: rotate(149.5621784416deg);
  animation: drop-80 4.0515073694s 0.2405983508s infinite;
  animation-delay: -7.8346385296s;
}

@keyframes drop-80 {
  100% {
    top: 110%;
    left: 84%;
  }
}
.confetti-81 {
  width: 3px;
  height: 1.8px;
  background-color: #f40;
  top: -10%;
  left: 38%;
  opacity: 1.0952505587;
  transform: rotate(281.8226424777deg);
  animation: drop-81 4.4081591151s 0.6449287182s infinite;
  animation-delay: -5.5610620177s;
}

@keyframes drop-81 {
  100% {
    top: 110%;
    left: 52%;
  }
}
.confetti-82 {
  width: 12px;
  height: 7.2px;
  background-color: #096;
  top: -10%;
  left: 99%;
  opacity: 0.6672361179;
  transform: rotate(34.1044316476deg);
  animation: drop-82 4.4054210666s 0.4570015873s infinite;
  animation-delay: -2.6701412325s;
}

@keyframes drop-82 {
  100% {
    top: 110%;
    left: 106%;
  }
}
.confetti-83 {
  width: 5px;
  height: 3px;
  background-color: #096;
  top: -10%;
  left: 12%;
  opacity: 1.306482061;
  transform: rotate(352.8874464632deg);
  animation: drop-83 4.0956758988s 0.9792928489s infinite;
  animation-delay: -7.0892582779s;
}

@keyframes drop-83 {
  100% {
    top: 110%;
    left: 16%;
  }
}
.confetti-84 {
  width: 6px;
  height: 3.6px;
  background-color: #d49;
  top: -10%;
  left: 87%;
  opacity: 0.565057441;
  transform: rotate(59.686727175deg);
  animation: drop-84 4.8935468056s 0.1810166773s infinite;
  animation-delay: -2.2677889688s;
}

@keyframes drop-84 {
  100% {
    top: 110%;
    left: 90%;
  }
}
.confetti-85 {
  width: 8px;
  height: 4.8px;
  background-color: #f40;
  top: -10%;
  left: 99%;
  opacity: 0.6390328421;
  transform: rotate(265.6730738165deg);
  animation: drop-85 4.2322692782s 0.3235777641s infinite;
  animation-delay: -4.7370775731s;
}

@keyframes drop-85 {
  100% {
    top: 110%;
    left: 102%;
  }
}
.confetti-86 {
  width: 8px;
  height: 4.8px;
  background-color: #eee;
  top: -10%;
  left: 68%;
  opacity: 1.3054679228;
  transform: rotate(174.6099133624deg);
  animation: drop-86 4.4733015196s 0.2496297183s infinite;
  animation-delay: -6.9926626413s;
}

@keyframes drop-86 {
  100% {
    top: 110%;
    left: 83%;
  }
}
.confetti-87 {
  width: 8px;
  height: 4.8px;
  background-color: #f40;
  top: -10%;
  left: 74%;
  opacity: 1.3731911218;
  transform: rotate(310.7436939754deg);
  animation: drop-87 4.525981829s 0.4101409525s infinite;
  animation-delay: -3.0872711106s;
}

@keyframes drop-87 {
  100% {
    top: 110%;
    left: 86%;
  }
}
.confetti-88 {
  width: 12px;
  height: 7.2px;
  background-color: #d49;
  top: -10%;
  left: 57%;
  opacity: 1.4810609872;
  transform: rotate(307.2699849857deg);
  animation: drop-88 4.0026362859s 0.2306524826s infinite;
  animation-delay: -2.1511301953s;
}

@keyframes drop-88 {
  100% {
    top: 110%;
    left: 68%;
  }
}
.confetti-89 {
  width: 8px;
  height: 4.8px;
  background-color: #096;
  top: -10%;
  left: 22%;
  opacity: 0.8309630828;
  transform: rotate(86.4096941798deg);
  animation: drop-89 4.5542724475s 0.018787919s infinite;
  animation-delay: -6.6237575403s;
}

@keyframes drop-89 {
  100% {
    top: 110%;
    left: 32%;
  }
}
.confetti-90 {
  width: 3px;
  height: 1.8px;
  background-color: #eee;
  top: -10%;
  left: 9%;
  opacity: 1.0364352471;
  transform: rotate(304.4376578816deg);
  animation: drop-90 4.7242454367s 0.0914318499s infinite;
  animation-delay: -3.5822902435s;
}

@keyframes drop-90 {
  100% {
    top: 110%;
    left: 10%;
  }
}
.confetti-91 {
  width: 4px;
  height: 2.4px;
  background-color: #7dd;
  top: -10%;
  left: 59%;
  opacity: 1.2261600393;
  transform: rotate(116.3796484423deg);
  animation: drop-91 4.9321241343s 0.6509094497s infinite;
  animation-delay: -7.1287219879s;
}

@keyframes drop-91 {
  100% {
    top: 110%;
    left: 61%;
  }
}
.confetti-92 {
  width: 7px;
  height: 4.2px;
  background-color: #f40;
  top: -10%;
  left: 92%;
  opacity: 0.5277969311;
  transform: rotate(9.6772431041deg);
  animation: drop-92 4.8457274525s 0.2819182817s infinite;
  animation-delay: -1.4959744019s;
}

@keyframes drop-92 {
  100% {
    top: 110%;
    left: 104%;
  }
}
.confetti-93 {
  width: 1px;
  height: 0.6px;
  background-color: #7dd;
  top: -10%;
  left: 82%;
  opacity: 1.3437346347;
  transform: rotate(162.8205366953deg);
  animation: drop-93 4.7143365591s 0.3195595945s infinite;
  animation-delay: -7.3849301147s;
}

@keyframes drop-93 {
  100% {
    top: 110%;
    left: 95%;
  }
}
.confetti-94 {
  width: 12px;
  height: 7.2px;
  background-color: #ee0;
  top: -10%;
  left: 34%;
  opacity: 1.2631545803;
  transform: rotate(192.8951229071deg);
  animation: drop-94 4.2624886025s 0.926793675s infinite;
  animation-delay: -5.1797622482s;
}

@keyframes drop-94 {
  100% {
    top: 110%;
    left: 39%;
  }
}
.confetti-95 {
  width: 5px;
  height: 3px;
  background-color: #eee;
  top: -10%;
  left: 4%;
  opacity: 0.5656195822;
  transform: rotate(207.6777306313deg);
  animation: drop-95 4.7228657023s 0.7847766656s infinite;
  animation-delay: -8.9269457428s;
}

@keyframes drop-95 {
  100% {
    top: 110%;
    left: 16%;
  }
}
.confetti-96 {
  width: 11px;
  height: 6.6px;
  background-color: #f40;
  top: -10%;
  left: 74%;
  opacity: 0.8238969856;
  transform: rotate(129.3941571605deg);
  animation: drop-96 4.2870199704s 0.7230412542s infinite;
  animation-delay: -7.2005940701s;
}

@keyframes drop-96 {
  100% {
    top: 110%;
    left: 84%;
  }
}
.confetti-97 {
  width: 1px;
  height: 0.6px;
  background-color: #eee;
  top: -10%;
  left: 87%;
  opacity: 0.7876206433;
  transform: rotate(50.0879744693deg);
  animation: drop-97 4.335293545s 0.4643131537s infinite;
  animation-delay: -0.5077671569s;
}

@keyframes drop-97 {
  100% {
    top: 110%;
    left: 99%;
  }
}
.confetti-98 {
  width: 9px;
  height: 5.4px;
  background-color: #d49;
  top: -10%;
  left: 89%;
  opacity: 1.1694273568;
  transform: rotate(9.4251066561deg);
  animation: drop-98 4.3658595347s 0.4982529645s infinite;
  animation-delay: -2.737897516s;
}

@keyframes drop-98 {
  100% {
    top: 110%;
    left: 104%;
  }
}
.confetti-99 {
  width: 10px;
  height: 6px;
  background-color: #f40;
  top: -10%;
  left: 36%;
  opacity: 0.7409430359;
  transform: rotate(5.6612241264deg);
  animation: drop-99 4.9173403765s 0.5298237856s infinite;
  animation-delay: -7.8107124351s;
}

@keyframes drop-99 {
  100% {
    top: 110%;
    left: 45%;
  }
}
.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;
}
