css实现一个扫雷小游戏效果代码

代码语言:html

所属分类:游戏

代码描述:css实现一个扫雷小游戏效果代码

代码标签: 扫雷 小游戏 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开


<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">


  
  
<style>
@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Roboto+Mono:700';
body {
  min-height: 100vh;
  padding: 1px;
  box-sizing: border-box;

  counter-reset: mines 10;
}

form {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

input {
  visibility: hidden;
  position: absolute;
  top: -99px;
  left: -99px;
}

input[id^=f]:checked {
  counter-increment: mines -1;
}

.infos {
  order: 2;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 216px;
}

.timer {
  font-family: "Roboto Sans", monospace;
  font-size: 0;
  background: #ccc;
  border: 1px solid #808080;
  height: 2.25rem;
  line-height: 2.25rem;
  padding: 0 0.5rem;
}
.timer .separator {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
}
.timer .separator:before {
  content: ":";
}
@keyframes digit {
  from {
    top: 0;
  }
  to {
    top: -1000%;
  }
}
@keyframes digitTo6 {
  from {
    top: 0;
  }
  to {
    top: -600%;
  }
}
@keyframes extend {
  from {
    width: 0;
  }
  10%, to {
    width: auto;
  }
}
.timer .digit {
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  font-size: 1rem;
}
.timer .digit:before {
  content: "0";
  visibility: hidden;
}
.timer .digit:after {
  content: "0 \a 1 \a 2 \a 3 \a 4 \a 5 \a 6 \a 7 \a 8 \a 9";
  position: absolute;
  top: 0;
  left: 0;
  animation: digit 1s steps(10) infinite paused;
}
.timer .digit:nth-last-child(1):after {
  animation-duration: 10s;
}
.timer .digit:nth-last-child(2):after {
  content: "0 \a 1 \a 2 \a 3 \a 4 \a 5";
  animation-name: digitTo6;
  animation-timing-function: steps(6);
  animation-duration: 60s;
}
.timer .digit:nth-last-child(4):after {
  animation-duration: 600s;
}
.timer .digit:nth-last-child(5):after {
  animation-duration: 6000s;
}
.timer .digit:nth-last-child(6) {
  width: 0;
  animation: extend 60000s steps(1) infinite paused;
}
.timer .digit:nth-last-child(6):after {
  animation-duration: 60000s;
}

.counter {
  display: inline-block;
  border: 1px solid #808080;
  background: #ccc;
  padding: 0 0.5rem;
  font-size: 1.25rem;
  font-family: "Roboto Sans", monospace;
  height: 2.25rem;
  line-height: 2.25rem;
}
.counter:before {
  content: "🤔";
  font-size: 1rem;
  margin-right: 0.5em;
}
.counter:after {
  content: counter(mines);
}

input[id^=c]:checked ~ .infos .timer .digit, input[id^=c]:checked ~ .infos .timer .digit:after {
  animation-play-state: running;
}

.actionSelector {
  order: 1;
  text-align: center;
  margin: 10px;
  cursor: default;
}
.actionSelector label {
  display: inline-block;
  position: relative;
  width: 1.8em;
  height: 1.8em;
  text-align: center;
  line-height: 1.8em;
  cursor: pointer;
}
.actionSelector label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  border-radius: 50%;
  background: rgba(210, 210, 210, 0.8);
  box-sizing: border-box;
  border: 1px solid #808080;
  transition: transform 0.3s, border-radius 0.3s;
  transition-timing-function: cubic-bezier(0.75, 1.75, 0.75, 0.75);
  z-index: -1;
}

#modeMine:checked ~ .actionSelector label[for=modeMine],
#modeFlag:checked ~ .actionSelector label[for=modeFlag] {
  cursor: default;
}
#modeMine:checked ~ .actionSelector label[for=modeMine]:before,
#modeFlag:checked ~ .actionSelector label[for=modeFlag]:before {
  transform: scale(1);
  border-radius: 2px;
}

.grid {
  order: 3;
  user-select: none;
  position: relative;
  margin: 10px auto;
  width: 9em;
  height: 9em;
  font-size: 24px;
  display: flex;
  flex-flow: row wrap;
  border: solid #808080;
  border-width: 1px 0 0 1px;
}
.grid label {
  display: block;
  position: relative;
  width: 1em;
  height: 1em;
  background: #c0c0c0;
  box-sizing: border-box;
  border: solid #808080;
  border-width: 0 1px 1px 0;
  flex: 0 0 11.1111111111%;
  overflow: hidden;
  cursor: pointer;
  pointer-events: none;
}
.grid label:before {
  content: "";
  font-size: 0.9rem;
  font-family: "Roboto Mono", monospace;
  font-weight: bold;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.grid label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: #c0c0c0;
  border: 2px outset #ececec;
  font-size: 0.75rem;
  text-align: center;
  pointer-events: auto;
}
.grid label:active:after {
  background: #bdbdbd;
  border: solid #999;
  border-width: 2px 0 0 2px;
}
.grid .flags {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: row wrap;
  opacity: 0;
  visibility: hidden;
}
.grid .error, .grid .victory {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 0, 0, 0.75);
  color: #fff;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  border: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.grid .victory {
  background: rgba(0, 10, 0, 0.75);
}

#modeFlag:checked ~ .grid .flags {
  visibility: visible;
}

#modeMine:checked ~ .grid:active ~ .infos .counter:before {
  content: "😓" !important;
}

input[id^=f]:checked ~ .infos .counter:before {
  content: "😐";
}

input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ .infos .counter:before {
  content: "😏";
}

input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ .infos .counter:before {
  content: "🙂";
}

input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ .infos .counter:before {
  content: "😊";
}

input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ .infos .counter:before {
  content: "😃";
}

input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ .infos .counter:before {
  content: "🤓";
}

input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ .infos .counter:before {
  content: "😕";
}

input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ .infos .counter:before {
  content: "😒";
}

input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ .infos .counter:before {
  content: "😠";
}

input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ input[id^=f]:checked ~ .infos .counter:before {
  content: "🖕";
}

.grid label:nth-child(1):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(2):before {
  content: "2";
  color: #008100;
}

.grid label:nth-child(3):before {
  content: "💣";
  font-size: 0.75rem;
}

#c3:checked ~ .grid .error {
  opacity: 1;
  visibility: visible;
}
#c3:checked ~ .grid > label:after {
  visibility: hidden;
}
#c3:checked ~ .grid label:nth-child(3) {
  background-color: #f00;
}
#c3:checked ~ .grid:active ~ .infos .timer .digit, #c3:checked ~ .grid:active ~ .infos .timer .digit:after {
  animation: none;
}
#c3:checked ~ .infos .counter:before {
  content: "😣" !important;
}
#c3:checked ~ .infos .timer .digit, #c3:checked ~ .infos .timer .digit:after {
  animation-play-state: paused;
}

.grid label:nth-child(4):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(10):before {
  content: "💣";
  font-size: 0.75rem;
}

#c10:checked ~ .grid .error {
  opacity: 1;
  visibility: visible;
}
#c10:checked ~ .grid > label:after {
  visibility: hidden;
}
#c10:checked ~ .grid label:nth-child(10) {
  background-color: #f00;
}
#c10:checked ~ .grid:active ~ .infos .timer .digit, #c10:checked ~ .grid:active ~ .infos .timer .digit:after {
  animation: none;
}
#c10:checked ~ .infos .counter:before {
  content: "😣" !important;
}
#c10:checked ~ .infos .timer .digit, #c10:checked ~ .infos .timer .digit:after {
  animation-play-state: paused;
}

.grid label:nth-child(11):before {
  content: "3";
  color: #ff1300;
}

.grid label:nth-child(12):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(13):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(16):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(17):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(18):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(19):before {
  content: "💣";
  font-size: 0.75rem;
}

#c19:checked ~ .grid .error {
  opacity: 1;
  visibility: visible;
}
#c19:checked ~ .grid > label:after {
  visibility: hidden;
}
#c19:checked ~ .grid label:nth-child(19) {
  background-color: #f00;
}
#c19:checked ~ .grid:active ~ .infos .timer .digit, #c19:checked ~ .grid:active ~ .infos .timer .digit:after {
  animation: none;
}
#c19:checked ~ .infos .counter:before {
  content: "😣" !important;
}
#c19:checked ~ .infos .timer .digit, #c19:checked ~ .infos .timer .digit:after {
  animation-play-state: paused;
}

.grid label:nth-child(20):before {
  content: "2";
  color: #008100;
}

.grid label:nth-child(25):before {
  content: "2";
  color: #008100;
}

.grid label:nth-child(26):before {
  content: "💣";
  font-size: 0.75rem;
}

#c26:checked ~ .grid .error {
  opacity: 1;
  visibility: visible;
}
#c26:checked ~ .grid > label:after {
  visibility: hidden;
}
#c26:checked ~ .grid label:nth-child(26) {
  background-color: #f00;
}
#c26:checked ~ .grid:active ~ .infos .timer .digit, #c26:checked ~ .grid:active ~ .infos .timer .digit:after {
  animation: none;
}
#c26:checked ~ .infos .counter:before {
  content: "😣" !important;
}
#c26:checked ~ .infos .timer .digit, #c26:checked ~ .infos .timer .digit:after {
  animation-play-state: paused;
}

.grid label:nth-child(27):before {
  content: "2";
  color: #008100;
}

.grid label:nth-child(28):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(29):before {
  content: "2";
  color: #008100;
}

.grid label:nth-child(30):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(31):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(34):before {
  content: "2";
  color: #008100;
}

.grid label:nth-child(35):before {
  content: "💣";
  font-size: 0.75rem;
}

#c35:checked ~ .grid .error {
  opacity: 1;
  visibility: visible;
}
#c35:checked ~ .grid > label:after {
  visibility: hidden;
}
#c35:checked ~ .grid label:nth-child(35) {
  background-color: #f00;
}
#c35:checked ~ .grid:active ~ .infos .timer .digit, #c35:checked ~ .grid:active ~ .infos .timer .digit:after {
  animation: none;
}
#c35:checked ~ .infos .counter:before {
  content: "😣" !important;
}
#c35:checked ~ .infos .timer .digit, #c35:checked ~ .infos .timer .digit:after {
  animation-play-state: paused;
}

.grid label:nth-child(36):before {
  content: "2";
  color: #008100;
}

.grid label:nth-child(38):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(39):before {
  content: "💣";
  font-size: 0.75rem;
}

#c39:checked ~ .grid .error {
  opacity: 1;
  visibility: visible;
}
#c39:checked ~ .grid > label:after {
  visibility: hidden;
}
#c39:checked ~ .grid label:nth-child(39) {
  background-color: #f00;
}
#c39:checked ~ .grid:active ~ .infos .timer .digit, #c39:checked ~ .grid:active ~ .infos .timer .digit:after {
  animation: none;
}
#c39:checked ~ .infos .counter:before {
  content: "😣" !important;
}
#c39:checked ~ .infos .timer .digit, #c39:checked ~ .infos .timer .digit:after {
  animation-play-state: paused;
}

.grid label:nth-child(40):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(43):before {
  content: "2";
  color: #008100;
}

.grid label:nth-child(44):before {
  content: "2";
  color: #008100;
}

.grid label:nth-child(45):before {
  content: "2";
  color: #008100;
}

.grid label:nth-child(47):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(48):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(49):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(52):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(53):before {
  content: "💣";
  font-size: 0.75rem;
}

#c53:checked ~ .grid .error {
  opacity: 1;
  visibility: visible;
}
#c53:checked ~ .grid > label:after {
  visibility: hidden;
}
#c53:checked ~ .grid label:nth-child(53) {
  background-color: #f00;
}
#c53:checked ~ .grid:active ~ .infos .timer .digit, #c53:checked ~ .grid:active ~ .infos .timer .digit:after {
  animation: none;
}
#c53:checked ~ .infos .counter:before {
  content: "😣" !important;
}
#c53:checked ~ .infos .timer .digit, #c53:checked ~ .infos .timer .digit:after {
  animation-play-state: paused;
}

.grid label:nth-child(54):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(56):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(57):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(58):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(61):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(62):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(63):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(65):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(66):before {
  content: "💣";
  font-size: 0.75rem;
}

#c66:checked ~ .grid .error {
  opacity: 1;
  visibility: visible;
}
#c66:checked ~ .grid > label:after {
  visibility: hidden;
}
#c66:checked ~ .grid label:nth-child(66) {
  background-color: #f00;
}
#c66:checked ~ .grid:active ~ .infos .timer .digit, #c66:checked ~ .grid:active ~ .infos .timer .digit:after {
  animation: none;
}
#c66:checked ~ .infos .counter:before {
  content: "😣" !important;
}
#c66:checked ~ .infos .timer .digit, #c66:checked ~ .infos .timer .digit:after {
  animation-play-state: paused;
}

.grid label:nth-child(67):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(69):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(70):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(71):before {
  content: "2";
  color: #008100;
}

.grid label:nth-child(72):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(74):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(75):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(76):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(78):before {
  content: "1";
  color: #0000ff;
}

.grid label:nth-child(79):before {
  content: "💣";
  font-size: 0.75rem;
}

#c79:checked ~ .grid .error {
  opacity: 1;
  visibility: visible;
}
#c79:checked ~ .grid > label:after {
  visibility: hidden;
}
#c79:checked ~ .grid label:nth-child(79) {
  background-color: #f00;
}
#c79:checked ~ .grid:active ~ .infos .timer .digit, #c79:checked ~ .grid:active ~ .infos .timer .digit:after {
  animation: none;
}
#c79:checked ~ .infos .counter:before {
  content: "😣" !important;
}
#c79:checked ~ .infos .timer .digit, #c79:checked ~ .infos .timer .digit:after {
  animation-play-state: paused;
}

.grid label:nth-child(80):before {
  content: "2";
  color: #008100;
}

.grid label:nth-child(81):before {
  content: "💣";
  font-size: 0.75rem;
}

#c81:checked ~ .grid .error {
  opacity: 1;
  visibility: visible;
}
#c81:checked ~ .grid > label:after {
  visibility: hidden;
}
#c81:checked ~ .grid label:nth-child(81) {
  background-color: #f00;
}
#c81:checked ~ .grid:active ~ .infos .timer .digit, #c81:checked ~ .grid:active ~ .infos .timer .digit:after {
  animation: none;
}
#c81:checked ~ .infos .counter:before {
  content: "😣" !important;
}
#c81:checked ~ .infos .timer .digit, #c81:checked ~ .infos .timer .digit:after {
  animation-play-state: paused;
}

#f1:not(:checked) ~ #f2:not(:checked) ~ #f3:checked ~ #f4:not(:checked) ~ #f5:not(:checked) ~ #f6:not(:checked) ~ #f7:not(:checked) ~ #f8:not(:checked) ~ #f9:not(:checked) ~ #f10:checked ~ #f11:not(:checked) ~ #f12:not(:checked) ~ #f13:not(:checked) ~ #f14:not(:checked) ~ #f15:not(:checked) ~ #f16:not(:checked) ~ #f17:not(:checked) ~ #f18:not(:checked) ~ #f19:checked ~ #f20:not(:checked) ~ #f21:not(:checked) ~ #f22:not(:checked) ~ #f23:not(:checked) ~ #f24:not(:checked) ~ #f25:not(:checked) ~ #f26:checked ~ #f27:not(:checked) ~ #f28:not(:checked) ~ #f29:not(:checked) ~ #f30:not(:checked) ~ #f31:not(:checked) ~ #f32:not(:checked) ~ #f33:not(:checked) ~ #f34:not(:checked) ~ #f35:checked ~ #f36:not(:checked) ~ #f37:not(:checked) ~ #f38:not(:checked) ~ #f39:checked ~ #f40:not(:checked) ~ #f41:not(:checked) ~ #f42:not(:checked) ~ #f43:not(:checked) ~ #f44:not(:checked) ~ #f45:not(:checked) ~ #f46:not(:checked) ~ #f47:not(:checked) ~ #f48:not(:checked) ~ #f49:not(:checked) ~ #f50:not(:checked) ~ #f51:not(:checked) ~ #f52:not(:checked) ~ #f53:checked ~ #f54:not(:checked) ~ #f55:not(:checked) ~ #f56:not(:checked) ~ #f57:not(:checked) ~ #f58:not(:checked) ~ #f59:not(:checked) ~ #f60:not(:checked) ~ #f61:not(:checked) ~ #f62:not(:checked) ~ #f63:not(:checked) ~ #f64:not(:checked) ~ #f65:not(:checked) ~ #f66:checked ~ #f67:not(:checked) ~ #f68:not(:checked) ~ #f69:not(:checked) ~ #f70:not(:checked) ~ #f71:not(:checked) ~ #f72:not(:checked) ~ #f73:not(:checked) ~ #f74:not(:checked) ~ #f75:not(:checked) ~ #f76:not(:checked) ~ #f77:not(:checked) ~ #f78:not(:checked) ~ #f79:checked ~ #f80:not(:checked) ~ #f81:checked ~ .grid > label:after {
  visibility: hidden;
}
#f1:not(:checked) ~ #f2:not(:checked) ~ #f3:checked ~ #f4:not(:checked) ~ #f5:not(:checked) ~ #f6:not(:checked) ~ #f7:not(:checked) ~ #f8:not(:checked) ~ #f9:not(:checked) ~ #f10:checked ~ #f11:not(:checked) ~ #f12:not(:checked) ~ #f13:not(:checked) ~ #f14:not(:checked) ~ #f15:not(:checked) ~ #f16:not(:checked) ~ #f17:not(:checked) ~ #f18:not(:checked) ~ #f19:checked ~ #f20:not(:checked) ~ #f21:not(:checked) ~ #f22:not(:checked) ~ #f23:not(:checked) ~ #f24:not(:checked) ~ #f25:not(:checked) ~ #f26:checked ~ #f27:not(:checked) ~ #f28:not(:checked) ~ #f29:not(:checked) ~ #f30:not(:checked) ~ #f31:not(:checked) ~ #f32:not(:checked) ~ #f33:not(:checked) ~ #f34:not(:checked) ~ #f35:checked ~ #f36:not(:checked) ~ #f37:not(:checked) ~ #f38:not(:checked) ~ #f39:checked ~ #f40:not(:checked) ~ #f41:not(:checked) ~ #f42:not(:checked) ~ #f43:not(:checked) ~ #f44:not(:checked) ~ #f45:not(:checked) ~ #f46:not(:checked) ~ #f47:not(:checked) ~ #f48:not(:checked) ~ #f49:not(:checked) ~ #f50:not(:checked) ~ #f51:not(:checked) ~ #f52:not(:checked) ~ #f53:checked ~ #f54:not(:checked) ~ #f55:not(:checked) ~ #f56:not(:checked) ~ #f57:not(:checked) ~ #f58:not(:checked) ~ #f59:not(:checked) ~ #f60:not(:checked) ~ #f61:not(:checked) ~ #f62:not(:checked) ~ #f63:not(:checked) ~ #f64:not(:checked) ~ #f65:not(:checked) ~ #f66:checked ~ #f67:not(:checked) ~ #f68:not(:checked) ~ #f69:not(:checked) ~ #f70:not(:checked) ~ #f71:not(:checked) ~ #f72:not(:checked) ~ #f73:not(:checked) ~ #f74:not(:checked) ~ #f75:not(:checked) ~ #f76:not(:checked) ~ #f77:not(:checked) ~ #f78:not(:checked) ~ #f79:checked ~ #f80:not(:checked) ~ #f81:checked ~ .grid .victory {
  opacity: 1;
  visibility: visible;
}
#f1:not(:checked) ~ #f2:not(:checked) ~ #f3:checked ~ #f4:not(:checked) ~ #f5:not(:checked) ~ #f6:not(:checked) ~ #f7:not(:checked) ~ #f8:not(:checked) ~ #f9:not(:checked) ~ #f10:checked ~ #f11:not(:checked) ~ #f12:not(:checked) ~ #f13:not(:checked) ~ #f14:not(:checked) ~ #f15:not(:checked) ~ #f16:not(:checked) ~ #f17:not(:checked) ~ #f18:not(:checked) ~ #f19:checked ~ #f20:not(:checked) ~ #f21:not(:checked) ~ #f22:not(:checked) ~ #f23:not(:checked) ~ #f24:not(:checked) ~ #f25:not(:checked) ~ #f26:checked ~ #f27:not(:checked) ~ #f28:not(:checked) ~ #f29:not(:checked) ~ #f30:not(:checked) ~ #f31:not(:checked) ~ #f32:not(:checked) ~ #f33:not(:checked) ~ #f34:not(:checked) ~ #f35:checked ~ #f36:not(:checked) ~ #f37:not(:checked) ~ #f38:not(:checked) ~ #f39:checked ~ #f40:not(:checked) ~ #f41:not(:checked) ~ #f42:not(:checked) ~ #f43:not(:checked) ~ #f44:not(:checked) ~ #f45:not(:checked) ~ #f46:not(:checked) ~ #f47:not(:checked) ~ #f48:not(:checked) ~ #f49:not(:checked) ~ #f50:not(:checked) ~ #f51:not(:checked) ~ #f52:not(:checked) ~ #f53:checked ~ #f54:not(:checked) ~ #f55:not(:checked) ~ #f56:not(:checked) ~ #f57:not(:checked) ~ #f58:not(:checked) ~ #f59:not(:checked) ~ #f60:not(:checked) ~ #f61:not(:checked) ~ #f62:not(:checked) ~ #f63:not(:checked) ~ #f64:not(:checked) ~ #f65:not(:checked) ~ #f66:checked ~ #f67:not(:checked) ~ #f68:not(:checked) ~ #f69:not(:checked) ~ #f70:not(:checked) ~ #f71:not(:checked) ~ #f72:not(:checked) ~ #f73:not(:checked) ~ #f74:not(:checked) ~ #f75:not(:checked) ~ #f76:not(:checked) ~ #f77:not(:checked) ~ #f78:not(:checked) ~ #f79:checked ~ #f80:not(:checked) ~ #f81:checked ~ .grid:active ~ .infos .timer .digit, #f1:not(:checked) ~ #f2:not(:checked) ~ #f3:checked ~ #f4:not(:checked) ~ #f5:not(:checked) ~ #f6:not(:checked) ~ #f7:not(:checked) ~ #f8:not(:checked) ~ #f9:not(:checked) ~ #f10:checked ~ #f11:not(:checked) ~ #f12:not(:checked) ~ #f13:not(:checked) ~ #f14:not(:checked) ~ #f15:not(:checked) ~ #f16:not(:checked) ~ #f17:not(:checked) ~ #f18:not(:checked) ~ #f19:checked ~ #f20:not(:checked) ~ #f21:not(:checked) ~ #f22:not(:checked) ~ #f23:not(:checked) ~ #f24:not(:checked) ~ #f25:not(:checked) ~ #f26:checked ~ #f27:not(:checked) ~ #f28:not(:checked) ~ #f29:not(:checked) ~ #f30:not(:checked) ~ #f31:not(:checked) ~ #f32:not(:checked) ~ #f33:not(:checked) ~ #f34:not(:checked) ~ #f35:checked ~ #f36:not(:checked) ~ #f37:not(:checked) ~ #f38:not(:checked) ~ #f39:checked ~ #f40:not(:checked) ~ #f41:not(:checked) ~ #f42:not(:checked) ~ #f43:not(:checked) ~ #f44:not(:checked) ~ #f45:not(:checked) ~ #f46:not(:checked) ~ #f47:not(:checked) ~ #f48:not(:checked) ~ #f49:not(:checked) ~ #f50:not(:checked) ~ #f51:not(:checked) ~ #f52:not(:checked) ~ #f53:checked ~ #f54:not(:checked) ~ #f55:not(:checked) ~ #f56:not(:checked) ~ #f57:not(:checked) ~ #f58:not(:checked) ~ #f59:not(:checked) ~ #f60:not(:checked) ~ #f61:not(:checked) ~ #f62:not(:checked) ~ #f63:not(:checked) ~ #f64:not(:checked) ~ #f65:not(:checked) ~ #f66:checked ~ #f67:not(:checked) ~ #f68:not(:checked) ~ #f69:not(:checked) ~ #f70:not(:checked) ~ #f71:not(:checked) ~ #f72:not(:checked) ~ #f73:not(:checked) ~ #f74:not(:checked) ~ #f75:not(:checked) ~ #f76:not(:checked) ~ #f77:not(:checked) ~ #f78:not(:checked) ~ #f79:checked ~ #f80:not(:checked) ~ #f81:checked ~ .grid:active ~ .infos .timer .digit:after {
  animation: none;
}

#f1:not(:checked) ~ #f2:not(:checked) ~ #f3:checked ~ #f4:not(:checked) ~ #f5:not(:checked) ~ #f6:not(:checked) ~ #f7:not(:checked) ~ #f8:not(:checked) ~ #f9:not(:checked) ~ #f10:checked ~ #f11:not(:checked) ~ #f12:not(:checked) ~ #f13:not(:checked) ~ #f14:not(:checked) ~ #f15:not(:checked) ~ #f16:not(:checked) ~ #f17:not(:checked) ~ #f18:not(:checked) ~ #f19:checked ~ #f20:not(:checked) ~ #f21:not(:checked) ~ #f22:not(:checked) ~ #f23:not(:checked) ~ #f24:not(:checked) ~ #f25:not(:checked) ~ #f26:checked ~ #f27:not(:checked) ~ #f28:not(:checked) ~ #f29:not(:checked) ~ #f30:not(:checked) ~ #f31:not(:checked) ~ #f32:not(:checked) ~ #f33:not(:checked) ~ #f34:not(:checked) ~ #f35:checked ~ #f36:not(:checked) ~ #f37:not(:checked) ~ #f38:not(:checked) ~ #f39:checked ~ #f40:not(:checked) ~ #f41:not(:checked) ~ #f42:not(:checked) ~ #f43:not(:checked) ~ #f44:not(:checked) ~ #f45:not(:checked) ~ #f46:not(:checked) ~ #f47:not(:checked) ~ #f48:not(:checked) ~ #f49:not(:checked) ~ #f50:not(:checked) ~ #f51:not(:checked) ~ #f52:not(:checked) ~ #f53:checked ~ #f54:not(:checked) ~ #f55:not(:checked) ~ #f56:not(:checked) ~ #f57:not(:checked) ~ #f58:not(:checked) ~ #f59:not(:checked) ~ #f60:not(:checked) ~ #f61:not(:checked) ~ #f62:not(:checked) ~ #f63:not(:checked) ~ #f64:not(:checked) ~ #f65:not(:checked) ~ #f66:checked ~ #f67:not(:checked) ~ #f68:not(:checked) ~ #f69:not(:checked) ~ #f70:not(:checked) ~ #f71:not(:checked) ~ #f72:not(:checked) ~ #f73:not(:checked) ~ #f74:not(:checked) ~ #f75:not(:checked) ~ #f76:not(:checked) ~ #f77:not(:checked) ~ #f78:not(:checked) ~ #f79:checked ~ #f80:not(:checked) ~ #f81:checked ~ .infos .counter:before {
  content: "😎";
}
#f1:not(:checked) ~ #f2:not(:checked) ~ #f3:checked ~ #f4:not(:checked) ~ #f5:not(:checked) ~ #f6:not(:checked) ~ #f7:not(:checked) ~ #f8:not(:checked) ~ #f9:not(:checked) ~ #f10:checked ~ #f11:not(:checked) ~ #f12:not(:checked) ~ #f13:not(:checked) ~ #f14:not(:checked) ~ #f15:not(:checked) ~ #f16:not(:checked) ~ #f17:not(:checked) ~ #f18:not(:checked) ~ #f19:checked ~ #f20:not(:checked) ~ #f21:not(:checked) ~ #f22:not(:checked) ~ #f23:not(:checked) ~ #f24:not(:checked) ~ #f25:not(:checked) ~ #f26:checked ~ #f27:not(:checked) ~ #f28:not(:checked) ~ #f29:not(:checked) ~ #f30:not(:checked) ~ #f31:not(:checked) ~ #f32:not(:checked) ~ #f33:not(:checked) ~ #f34:not(:checked) ~ #f35:checked ~ #f36:not(:checked) ~ #f37:not(:checked) ~ #f38:not(:checked) ~ #f39:checked ~ #f40:not(:checked) ~ #f41:not(:checked) ~ #f42:not(:checked) ~ #f43:not(:checked) ~ #f44:not(:checked) ~ #f45:not(:checked) ~ #f46:not(:checked) ~ #f47:not(:checked) ~ #f48:not(:checked) ~ #f49:not(:checked) ~ #f50:not(:checked) ~ #f51:not(:checked) ~ #f52:not(:checked) ~ #f53:checked ~ #f54:not(:checked) ~ #f55:not(:checked) ~ #f56:not(:checked) ~ #f57:not(:checked) ~ #f58:not(:checked) ~ #f59:not(:checked) ~ #f60:not(:checked) ~ #f61:not(:checked) ~ #f62:not(:checked) ~ #f63:not(:checked) ~ #f64:not(:checked) ~ #f65:not(:checked) ~ #f66:checked ~ #f67:not(:checked) ~ #f68:not(:checked) ~ #f69:not(:checked) ~ #f70:not(:checked) ~ #f71:not(:checked) ~ #f72:not(:checked) ~ #f73:not(:checked) ~ #f74:not(:checked) ~ #f75:not(:checked) ~ #f76:not(:checked) ~ #f77:not(:checked) ~ #f78:not(:checked) ~ #f79:checked ~ #f80:not(:checked) ~ #f81:checked ~ .infos .timer .digit, #f1:not(:checked) ~ #f2:not(:checked) ~ #f3:checked ~ #f4:not(:checked) ~ #f5:not(:checked) ~ #f6:not(:checked) ~ #f7:not(:checked) ~ #f8:not(:checked) ~ #f9:not(:checked) ~ #f10:checked ~ #f11:not(:checked) ~ #f12:not(:checked) ~ #f13:not(:checked) ~ #f14:not(:checked) ~ #f15:not(:checked) ~ #f16:not(:checked) ~ #f17:not(:checked) ~ #f18:not(:checked) ~ #f19:checked ~ #f20:not(:checked) ~ #f21:not(:checked) ~ #f22:not(:checked) ~ #f23:not(:checked) ~ #f24:not(:checked) ~ #f25:not(:checked) ~ #f26:checked ~ #f27:not(:checked) ~ #f28:not(:checked) ~ #f29:not(:checked) ~ #f30:not(:checked) ~ #f31:not(:checked) ~ #f32:not(:checked) ~ #f33:not(:checked) ~ #f34:not(:checked) ~ #f35:checked ~ #f36:not(:checked) ~ #f37:not(:checked) ~ #f38:not(:checked) ~ #f39:checked ~ #f40:not(:checked) ~ #f41:not(:checked) ~ #f42:not(:checked) ~ #f43:not(:checked) ~ #f44:not(:checked) ~ #f45:not(:checked) ~ #f46:not(:checked) ~ #f47:not(:checked) ~ #f48:not(:checked) ~ #f49:not(:checked) ~ #f50:not(:checked) ~ #f51:not(:checked) ~ #f52:not(:checked) ~ #f53:checked ~ #f54:not(:checked) ~ #f55:not(:checked) ~ #f56:not(:checked) ~ #f57:not(:checked) ~ #f58:not(:checked) ~ #f59:not(:checked) ~ #f60:not(:checked) ~ #f61:not(:checked) ~ #f62:not(:checked) ~ #f63:not(:checked) ~ #f64:not(:checked) ~ #f65:not(:checked) ~ #f66:checked ~ #f67:not(:checked) ~ #f68:not(:checked) ~ #f69:not(:checked) ~ #f70:not(:checked) ~ #f71:not(:checked) ~ #f72:not(:checked) ~ #f73:not(:checked) ~ #f74:not(:checked) ~ #f75:not(:checked) ~ #f76:not(:checked) ~ #f77:not(:checked) ~ #f78:not(:checked) ~ #f79:checked ~ #f80:not(:checked) ~ #f81:checked ~ .infos .timer .digit:after {
  animation-play-state: paused;
}

#f1:checked ~ .grid label:nth-child(1):after {
  content: "🚩";
  pointer-events: none;
  visibility: visible !important;
}
#f1:checked ~ #modeFlag:checked ~ .grid .flags label:nth-child(1):after {
  pointer-events: auto;
}

#c1:checked ~ .grid label:nth-child(1):after {
  pointer-events: none;
  visibility: hidden;
}

#f2:checked ~ .grid label:nth-child(2):after {
  content: "🚩";
  pointer-events: none;
  visibility: visible !important;
}
#f2:checked ~ #modeFlag:checked ~ .grid .flags label:nth-child(2):after {
  pointer-events: auto;
}

#c2:checked ~ .grid label:nth-child(2):after {
  pointer-events: none;
  visibility: hidden;
}

#f3:checked ~ .grid label:nth-child(3):after {
  content: "🚩";
  pointer-events: none;
  visibility: visible !important;
}
#f3:checked ~ #modeFlag:checked ~ .grid .flags label:nth-child(3):after {
  pointer-events: auto;
}

#c3:checked ~ .grid label:nth-child(3):after {
  pointer-events: none;
  visibility: hidden;
}

#f4:checked ~ .grid label:nth-child(4):after {
  content: "🚩";
  pointer-events: none;
  visibility: visible !important;
}
#f4:checked ~ #modeFlag:checked ~ .grid .flags label:nth-child(4):after {
  pointer-events: auto;
}

#c4:checked ~ .grid label:nth-child(4):after {
  pointer-events: none;
  visibility: hidden;
}

#f5:checked ~ .grid label:nth-child(5):after {
  content: "🚩";
  pointer-events: none;
  visibility: visible !important;
}
#f5:checked ~ #modeFlag:checked ~ .grid .flags label:nth-child(5):after {
  pointer-events: auto;
}

#c5:checked ~ .grid label:nth-child(5):after, #c5:checked ~ .grid label:nth-child(4):after, #c5:checked ~ .grid label:nth-child(13):after, #c5:checked ~ .grid label:nth-child(14):after, #c5:checked ~ .grid label:nth-child(4):after, #c5:checked ~ .grid label:nth-child(13):after, #c5:checked ~ .grid label:nth-child(22):after, #c5:checked ~ .grid label:nth-child(12):after, #c5:checked ~ .grid label:nth-child(21):after, #c5:checked ~ .grid label:nth-child(11):after, #c5:checked ~ .grid label:nth-child(20):after, #c5:checked ~ .grid label:nth-child(29):after, #c5:checked ~ .grid label:nth-child(12):after, #c5:checked ~ .grid label:nth-child(30):after, #c5:checked ~ .grid label:nth-child(13):after, #c5:checked ~ .grid label:nth-child(31):after, #c5:checked ~ .grid label:nth-child(30):after, #c5:checked ~ .grid label:nth-child(13):after, #c5:checked ~ .grid label:nth-child(31):after, #c5:checked ~ .grid label:nth-child(23):after, #c5:checked ~ .grid label:nth-child(13):after, #c5:checked ~ .grid label:nth-child(31):after, #c5:checked ~ .grid label:nth-child(32):after, #c5:checked ~ .grid label:nth-child(31):after, #c5:checked ~ .grid label:nth-child(40):after, #c5:checked ~ .grid label:nth-child(41):after, #c5:checked ~ .grid label:nth-child(31):after, #c5:checked ~ .grid label:nth-child(40):after, #c5:checked ~ .grid label:nth-child(49):after, #c5:checked ~ .grid label:nth-child(50):after, #c5:checked ~ .grid label:nth-child(40):after, #c5:checked ~ .grid label:nth-child(49):after, #c5:checked ~ .grid label:nth-child(58):after, #c5:checked ~ .grid label:nth-child(59):after, #c5:checked ~ .grid label:nth-child(49):after, #c5:checked ~ .grid label:nth-child(58):after, #c5:checked ~ .grid label:nth-child(67):after, #c5:checked ~ .grid label:nth-child(68):after, #c5:checked ~ .grid label:nth-child(58):after, #c5:checked ~ .grid label:nth-child(67):after, #c5:checked ~ .grid label:nth-child(76):after, #c5:checked ~ .grid label:nth-child(77):after, #c5:checked ~ .grid label:nth-child(67):after, #c5:checked ~ .grid label:nth-child(76):after, #c5:checked ~ .grid label:nth-child(69):after, #c5:checked ~ .grid label:nth-child(78):after, #c5:checked ~ .grid label:nth-child(60):after, #c5:checked ~ .grid label:nth-child(51):after, #c5:checked ~ .grid label:nth-child(42):after, #c5:checked ~ .grid label:nth-child(33):after, #c5:checked ~ .grid label:nth-child(24):after, #c5:checked ~ .grid label:nth-child(15):after, #c5:checked ~ .grid label:nth-child(6):after, #c5:checked ~ .grid label:nth-child(7):after, #c5:checked ~ .grid label:nth-child(16):after, #c5:checked ~ .grid label:nth-child(8):after, #c5:checked ~ .grid label:nth-child(16):after, #c5:checked ~ .grid label:nth-child(17):after, #c5:checked ~ .grid label:nth-child(9):after, #c5:checked ~ .grid label:nth-child(17):after, #c5:checked ~ .grid label:nth-child(18):after, #c5:checked ~ .grid label:nth-child(18):after, #c5:checked ~ .grid label:nth-child(17):after, #c5:checked ~ .grid label:nth-child(16):after, #c5:checked ~ .grid label:nth-child(16):after, #c5:checked ~ .grid label:nth-child(25):after, #c5:checked ~ .grid label:nth-child(16):after, #c5:checked ~ .grid label:nth-child(25):after, #c5:checked ~ .grid label:nth-child(34):after, #c5:checked ~ .grid label:nth-child(25):after, #c5:checked ~ .grid label:nth-child(34):after, #c5:checked ~ .grid label:nth-child(43):after, #c5:checked ~ .grid label:nth-child(34):after, #c5:checked ~ .grid label:nth-child(43):after, #c5:checked ~ .grid label:nth-child(52):after, #c5:checked ~ .grid label:nth-child(43):after, #c5:checked ~ .grid label:nth-child(52):after, #c5:checked ~ .grid label:nth-child(61):after, #c5:checked ~ .grid label:nth-child(69):after, #c5:checked ~ .grid label:nth-child(52):after, #c5:checked ~ .grid label:nth-child(61):after, #c5:checked ~ .grid label:nth-child(70):after, #c5:checked ~ .grid label:nth-child(69):after, #c5:checked ~ .grid label:nth-child(78):after, #c5:checked ~ .grid label:nth-child(69):after {
  pointer-events: none;
  visibility: hidden;
}

#c14:checked ~ .grid label:nth-child(5):after, #c14:checked ~ .grid label:nth-child(4):after, #c14:checked ~ .grid label:nth-child(13):after, #c14:checked ~ .grid label:nth-child(14):after, #c14:checked ~ .grid label:nth-child(4):after, #c14:checked ~ .grid label:nth-child(13):after, #c14:checked ~ .grid label:nth-child(22):after, #c14:checked ~ .grid label:nth-child(12):after, #c14:checked ~ .grid label:nth-child(21):after, #c14:checked ~ .grid label:nth-child(11):after, #c14:checked ~ .grid label:nth-child(20):after, #c14:checked ~ .grid label:nth-child(29):after, #c14:checked ~ .grid label:nth-child(12):after, #c14:checked ~ .grid label:nth-child(30):after, #c14:checked ~ .grid label:nth-child(13):after, #c14:checked ~ .grid label:nth-child(31):after, #c14:checked ~ .grid label:nth-child(30):after, #c14:checked ~ .grid label:nth-child(13):after, #c14:checked ~ .grid label:nth-child(31):after, #c14:checked ~ .grid label:nth-child(23):after, #c14:checked ~ .grid label:nth-child(13):after, #c14:checked ~ .grid label:nth-child(31):after, #c14:checked ~ .grid label:nth-child(32):after, #c14:checked ~ .grid label:nth-child(31):after, #c14:checked ~ .grid label:nth-child(40):after, #c14:checked ~ .grid label:nth-child(41):after, #c14:checked ~ .grid label:nth-child(31):after, #c14:checked ~ .grid label:nth-child(40):after, #c14:checked ~ .grid label:nth-child(49):after, #c14:checked ~ .grid label:nth-child(50):after, #c14:checked ~ .grid label:nth-child(40):after, #c14:checked ~ .grid label:nth-child(49):after, #c14:checked ~ .grid label:nth-child(58):after, #c14:checked ~ .grid label:nth-child(59):after, #c14:checked ~ .grid label:nth-child(49):after, #c14:checked ~ .grid label:nth-child(58):after, #c14:checked ~ .grid label:nth-child(67):after, #c14:checked ~ .grid label:nth-child(68):after, #c14:checked ~ .grid label:nth-child(58):after, #c14:checked ~ .grid label:nth-child(67):after, #c14:checked ~ .grid label:nth-child(76):after, #c14:checked ~ .grid label:nth-child(77):after, #c14:checked ~ .grid label:nth-child(67):after, #c14:checked ~ .grid label:nth-child(76):after, #c14:checked ~ .grid label:nth-child(69):after, #c14:checked ~ .grid label:nth-child(78):after, #c14:checked ~ .grid label:nth-child(60):after, #c14:checked ~ .grid label:nth-child(51):after, #c14:checked ~ .grid label:nth-child(42):after, #c14:checked ~ .grid label:nth-child(33):after, #c14:checked ~ .grid label:nth-child(24):after, #c14:checked ~ .grid label:nth-child(15):after, #c14:checked ~ .grid label:nth-child(6):after, #c14:checked ~ .grid label:nth-child(7):after, #c14:checked ~ .grid label:nth-child(16):after, #c14:checked ~ .grid label:nth-child(8):after, #c14:checked ~ .grid label:nth-child(16):after, #c14:checked ~ .grid label:nth-child(17):after, #c14:checked ~ .grid label:nth-child(9):after, #c14:checked ~ .grid label:nth-child(17):after, #c14:checked ~ .grid label:nth-child(18):after, #c14:checked ~ .grid label:nth-child(18):after, #c14:checked ~ .grid label:nth-child(17):after, #c14:checked ~ .grid label:nth-child(16):after, #c14:checked ~ .grid label:nth-child(16):after, #c14:checked ~ .grid label:nth-child(25):after, #c14:checked ~ .grid label:nth-child(16):after, #c14:checked ~ .grid label:nth-child(25):after, #c14:checked ~ .grid label:nth-child(34):after, #c14:checked ~ .grid label:nth-child(25):after, #c14:checked ~ .grid label:nth-child(34):after, #c14:checked ~ .grid label:nth-child(43):after, #c14:checked ~ .grid label:nth-child(34):after, #c14:checked ~ .grid label:nth-child(43):after, #c14:checked ~ .grid label:nth-child(52):after, #c14:checked ~ .grid label:nth-child(43):after, #c14:checked ~ .grid label:nth-child(52):after, #c14:checked ~ .grid label:nth-child(61):after, #c14:checked ~ .grid label:nth-child(69):after, #c14:checked ~ .grid label:nth-child(52):after, #c14:checked ~ .grid label:nth-child(61):after, #c14:checked ~ .grid label:nth-child(70):after, #c14:checked ~ .grid label:nth-child(69):after, #c14:checked ~ .grid label:nth-child(78):after, #c14:checked ~ .grid label:nth-child(69):after {
  pointer-events: none;
  visibility: hidden;
}

#c22:checked ~ .grid label:nth-child(5):after, #c22:checked ~ .grid label:nth-child(4):after, #c22:checked ~ .grid label:nth-child(13):after, #c22:checked ~ .grid label:nth-child(14):after, #c22:checked ~ .grid label:nth-child(4):after, #c22:checked ~ .grid label:nth-child(13):after, #c22:checked ~ .grid label:nth-child(22):after, #c22:checked ~ .grid label:nth-child(12):after, #c22:checked ~ .grid label:nth-child(21):after, #c22:checked ~ .grid label:nth-child(11):after, #c22:checked ~ .grid label:nth-child(20):after, #c22:checked ~ .grid label:nth-child(29):after, #c22:checked ~ .grid label:nth-child(12):after, #c22:checked ~ .grid label:nth-child(30):after, #c22:checked ~ .grid label:nth-child(13):after, #c22:checked ~ .grid label:nth-child(31):after, #c22:checked ~ .grid label:nth-child(30):after, #c22:checked ~ .grid label:nth-child(13):after, #c22:checked ~ .grid label:nth-child(31):after, #c22:checked ~ .grid label:nth-child(23):after, #c22:checked ~ .grid label:nth-child(13):after, #c22:checked ~ .grid label:nth-child(31):after, #c22:checked ~ .grid label:nth-child(32):after, #c22:checked ~ .grid label:nth-child(31):after, #c22:checked ~ .grid label:nth-child(40):after, #c22:checked ~ .grid label:nth-child(41):after, #c22:checked ~ .grid label:nth-child(31):after, #c22:checked ~ .grid label:nth-child(40):after, #c22:checked ~ .grid label:nth-child(49):after, #c22:checked ~ .grid label:nth-child(50):after, #c22:checked ~ .grid label:nth-child(40):after, #c22:checked ~ .grid label:nth-child(49):after, #c22:checked ~ .grid label:nth-child(58):after, #c22:checked ~ .grid label:nth-child(59):after, #c22:checked ~ .grid label:nth-child(49):after, #c22:checked ~ .grid label:nth-child(58):after, #c22:checked ~ .grid label:nth-child(67):after, #c22:checked ~ .grid label:nth-child(68):after, #c22:checked ~ .grid label:nth-child(58):after, #c22:checked ~ .grid label:nth-child(67):after, #c22:checked ~ .grid label:nth-child(76):after, #c22:checked ~ .grid label:nth-child(77):after, #c22:checked ~ .grid label:nth-child(67):after, #c22:checked ~ .grid label:nth-child(76):after, #c22:checked ~ .grid label:nth-child(69):after, #c22:checked ~ .grid label:nth-child(78):after, #c22:checked ~ .grid label:nth-child(60):after, #c22:checked ~ .grid label:nth-child(51):after, #c22:checked ~ .grid label:nth-child(42):after, #c22:checked ~ .grid label:nth-child(33):after, #c22:checked ~ .grid label:nth-child(24):after, #c22:checked ~ .grid label:nth-child(15):after, #c22:checked ~ .grid label:nth-child(6):after, #c22:checked ~ .grid label:nth-child(7):after, #c22:checked ~ .grid label:nth-child(16):after, #c22:checked ~ .grid label:nth-child(8):after, #c22:checked ~ .grid label:nth-child(16):after, #c22:checked ~ .grid label:nth-child(17):after, #c22:checked ~ .grid label:nth-child(9):after, #c22:checked ~ .grid label:nth-child(17):after, #c22:checked ~ .grid label:nth-child(18):after, #c22:checked ~ .grid label:nth-child(18):after, #c22:checked ~ .grid label:nth-child(17):after, #c22:checked ~ .grid label:nth-child(16):after, #c22:checked ~ .grid label:nth-child(16):after, #c22:checked ~ .grid label:nth-child(25):after, #c22:checked ~ .grid label:nth-child(16):after, #c22:checked ~ .grid label:nth-child(25):after, #c22:checked ~ .grid label:nth-child(34):after, #c22:checked ~ .grid label:nth-child(25):after, #c22:checked ~ .grid label:nth-child(34):after, #c22:checked ~ .grid label:nth-child(43):after, #c22:checked ~ .grid label:nth-child(34):after, #c22:checked ~ .grid label:nth-child(43):after, #c22:checked ~ .grid label:nth-child(52):after, #c22:checked ~ .grid label:nth-child(43):after, #c22:checked ~ .grid label:nth-child(52):after, #c22:checked ~ .grid label:nth-child(61):after, #c22:checked ~ .grid label:nth-child(69):after, #c22:checked ~ .grid label:nth-child(52):after, #c22:checked ~ .grid label:nth-child(61):after, #c22:checked ~ .grid label:nth-child(70):after, #c22:checked ~ .grid label:nth-child(69):after, #c22:checked ~ .grid label:nth-child(78):after, #c22:checked ~ .grid label:nth-child(69):after {
  pointer-events: none;
  visibility: hidden;
}

#c21:checked ~ .grid label:nth-child(5):after, #c21:checked ~ .grid label:nth-child(4):after, #c21:checked ~ .grid label:nth-child(13):after, #c21:checked ~ .grid label:nth-child(14):after, #c21:checked ~ .grid label:nth-child(4):after, #c21:checked ~ .grid label:nth-child(13):after, #c21:checked ~ .grid label:nth-child(22):after, #c21:checked ~ .grid label:nth-child(12):after, #c21:checked ~ .grid label:nth-child(21):after, #c21:checked ~ .grid label:nth-child(11):after, #c21:checked ~ .grid label:nth-child(20):after, #c21:checked ~ .grid label:nth-child(29):after, #c21:checked ~ .grid label:nth-child(12):after, #c21:checked ~ .grid label:nth-child(30):after, #c21:checked ~ .grid label:nth-child(13):after, #c21:checked ~ .grid label:nth-child(31):after, #c21:checked ~ .grid label:nth-child(30):after, #c21:checked ~ .grid label:nth-child(13):after, #c21:checked ~ .grid label:nth-child(31):after, #c21:checked ~ .grid label:nth-child(23):after, #c21:checked ~ .grid label:nth-child(13):after, #c21:checked ~ .grid label:nth-child(31):after, #c21:checked ~ .grid label:nth-child(32):after, #c21:checked ~ .grid label:nth-child(31):after, #c21:checked ~ .grid label:nth-child(40):after, #c21:checked ~ .grid label:nth-child(41):after, #c21:checked ~ .grid label:nth-child(31):after, #c21:checked ~ .grid label:nth-child(40):after, #c21:checked ~ .grid label:nth-child(49):after, #c21:checked ~ .grid label:nth-child(50):after, #c21:checked ~ .grid label:nth-child(40):after, #c21:checked ~ .grid label:nth-child(49):after, #c21:checked ~ .grid label:nth-child(58):after, #c21:checked ~ .grid label:nth-child(59):after, #c21:checked ~ .grid label:nth-child(49):after, #c21:checked ~ .grid label:nth-child(58):after, #c21:checked ~ .grid label:nth-child(67):after, #c21:checked ~ .grid label:nth-child(68):after, #c21:checked ~ .grid label:nth-child(58):after, #c21:checked ~ .grid label:nth-child(67):after, #c21:checked ~ .grid label:nth-child(76):after, #c21:checked ~ .grid label:nth-child(77):after, #c21:checked ~ .grid label:nth-child(67):after, #c21:checked ~ .grid label:nth-child(76):after, #c21:checked ~ .grid label:nth-child(69):after, #c21:checked ~ .grid label:nth-child(78):after, #c21:checked ~ .grid label:nth-child(60):after, #c21:checked ~ .grid label:nth-child(51):after, #c21:checked ~ .grid label:nth-child(42):after, #c21:checked ~ .grid label:nth-child(33):after, #c21:checked ~ .grid label:nth-child(24):after, #c21:checked ~ .grid label:nth-child(15):after, #c21:checked ~ .grid label:nth-child(6):after, #c21:checked ~ .grid label:nth-child(7):after, #c21:checked ~ .grid label:nth-child(16):after, #c21:checked ~ .grid label:nth-child(8):after, #c21:checked ~ .grid label:nth-child(16):after, #c21:checked ~ .grid label:nth-child(17):after, #c21:checked ~ .grid label:nth-child(9):after, #c21:checked ~ .grid label:nth-child(17):after, #c21:checked ~ .grid label:nth-child(18):after, #c21:checked ~ .grid label:nth-child(18):after, #c21:checked ~ .grid label:nth-child(17):after, #c21:checked ~ .grid label:nth-child(16):after, #c21:checked ~ .grid label:nth-child(16):after, #c21:checked ~ .grid label:nth-child(25):after, #c21:checked ~ .grid label:nth-child(16):after, #c21:checked ~ .grid label:nth-child(25):after, #c21:checked ~ .grid label:nth-child(34):after, #c21:checked ~ .grid label:nth-child(25):after, #c21:checked ~ .grid label:nth-child(34):after, #c21:checked ~ .grid label:nth-child(43):after, #c21:checked ~ .grid label:nth-child(34):after, #c21:checked ~ .grid label:nth-child(43):after, #c21:checked ~ .grid label:nth-child(52):after, #c21:checked ~ .grid label:nth-child(43):after, #c21:checked ~ .grid label:nth-child(52):after, #c21:checked ~ .grid label:nth-child(61):after, #c21:checked ~ .grid label:nth-child(69):after, #c21:checked ~ .grid label:nth-child(52):after, #c21:checked ~ .grid label:nth-child(61):after, #c21:checked ~ .grid label:nth-child(70):after, #c21:checked ~ .grid label:nth-child(69):after, #c21:checked ~ .grid label:nth-child(78):after, #c21:checked ~ .grid label:nth-child(69):after {
  pointer-events: none;
  visibility: hidden;
}

#c23:checked ~ .grid label:nth-child(5):after, #c23:checked ~ .grid label:nth-child(4):after, #c23:checked ~ .grid label:nth-child(13):after, #c23:checked ~ .grid label:nth-child(14):after, #c23:checked ~ .grid label:nth-child(4):after, #c23:checked ~ .grid label:nth-child(13):after, #c23:checked ~ .grid label:nth-child(22):after, #c23:checked ~ .grid label:nth-child(12):after, #c23:checked ~ .grid label:nth-child(21):after, #c23:checked ~ .grid label:nth-child(11):after, #c23:checked ~ .grid label:nth-child(20):after, #c23:checked ~ .grid label:nth-child(29):after, #c23:checked ~ .grid label:nth-child(12):after, #c23:checked ~ .grid label:nth-child(30):after, #c23:checked ~ .grid label:nth-child(13):after, #c23:checked ~ .grid label:nth-child(31):after, #c23:checked ~ .grid label:nth-child(30):after, #c23:checked ~ .grid label:nth-child(13):after, #c23:checked ~ .grid label:nth-child(31):after, #c23:checked ~ .grid label:nth-child(23):after, #c23:checked ~ .grid label:nth-child(13):after, #c23:checked ~ .grid label:nth-child(31):after, #c23:checked ~ .grid label:nth-child(32):after, #c23:checked ~ .grid label:nth-child(31):after, #c23:checked ~ .grid label:nth-child(40):after, #c23:checked ~ .grid label:nth-child(41):after, #c23:checked ~ .grid label:nth-child(31):after, #c23:checked ~ .grid label:nth-child(40):after, #c23:checked ~ .grid label:nth-child(49):after, #c23:checked ~ .grid label:nth-child(50):after, #c23:checked ~ .grid label:nth-child(40):after, #c23:checked ~ .grid label:nth-child(49):after, #c23:checked ~ .grid label:nth-child(58):after, #c23:checked ~ .grid label:nth-child(59):after, #c23:checked ~ .grid label:nth-child(49):after, #c23:checked ~ .grid label:nth-child(58):after, #c23:checked ~ .grid label:nth-child(67):after, #c23:checked ~ .grid label:nth-child(68):after, #c23:checked ~ .grid label:nth-child(58):after, #c23:checked ~ .grid label:nth-child(67):after, #c23:checked ~ .grid label:nth-child(76):after, #c23:checked ~ .grid label:nth-child(77):after, #c23:checked ~ .grid label:nth-child(67):after, #c23:checked ~ .grid label:nth-child(76):after, #c23:checked ~ .grid label:nth-child(69):after, #c23:checked ~ .grid label:nth-child(78):after, #c23:checked ~ .grid label:nth-child(60):after, #c23:checked ~ .grid label:nth-child(51):after, #c23:checked ~ .grid label:nth-child(42):after, #c23:checked ~ .grid label:nth-child(33):after, #c23:checked ~ .grid label:nth-child(24):after, #c23:checked ~ .grid label:nth-child(15):after, #c23:checked ~ .grid label:nth-child(6):after, #c23:checked ~ .grid label:nth-child(7):after, #c23:checked ~ .grid label:nth-child(16):after, #c23:checked ~ .grid label:nth-child(8):after, #c23:checked ~ .grid label:nth-child(16):after, #c23:checked ~ .grid label:nth-child(17):after, #c23:checked ~ .grid label:nth-child(9):after, #c23:checked ~ .grid label:nth-child(17):after, #c23:checked ~ .grid label:nth-child(18):after, #c23:checked ~ .grid label:nth-child(18):after, #c23:checked ~ .grid label:nth-child(17):after, #c23:checked ~ .grid label:nth-child(16):after, #c23:checked ~ .grid label:nth-child(16):after, #c23:checked ~ .grid label:nth-child(25):after, #c23:checked ~ .grid label:nth-child(16):after, #c23:checked ~ .grid label:nth-child(25):after, #c23:checked ~ .grid label:nth-child(34):after, #c23:checked ~ .grid label:nth-child(25):after, #c23:checked ~ .grid label:nth-child(34):after, #c23:checked ~ .grid label:nth-child(43):after, #c23:checked ~ .grid label:nth-child(34):after, #c23:checked ~ .grid label:nth-child(43):after, #c23:checked ~ .grid label:nth-child(52):after, #c23:checked ~ .grid label:nth-child(43):after, #c23:checked ~ .grid label:nth-child(52):after, #c23:checked ~ .grid label:nth-child(61):after, #c23:checked ~ .grid label:nth-child(69):after, #c23:checked ~ .grid label:nth-child(52):after, #c23:checked ~ .grid label:nth-child(61):after, #c23:checked ~ .grid label:nth-child(70):after, #c23:checked ~ .grid label:nth-child(69):after, #c23:checked ~ .grid label:nth-child(78):after, #c23:checked ~ .grid label:nth-child(69):after {
  pointer-events: none;
  visibility: hidden;
}

#c32:checked ~ .grid label:nth-child(5):after, #c32:checked ~ .grid label:nth-child(4):after, #c32:checked ~ .grid label:nth-child(13):after, #c32:checked ~ .grid label:nth-child(14):after, #c32:checked ~ .grid label:nth-child(4):after, #c32:checked ~ .grid label:nth-child(13):after, #c32:checked ~ .grid label:nth-child(22):after, #c32:checked ~ .grid label:nth-child(12):after, #c32:checked ~ .grid label:nth-child(21):after, #c32:checked ~ .grid label:nth-child(11):after, #c32:checked ~ .grid label:nth-child(20):after, #c32:checked ~ .grid label:nth-child(29):after, #c32:checked ~ .grid label:nth-child(12):after, #c32:checked ~ .grid label:nth-child(30):after, #c32:checked ~ .grid label:nth-child(13):after, #c32:checked ~ .grid label:nth-child(31):after, #c32:checked ~ .grid label:nth-child(30):after, #c32:checked ~ .grid label:nth-child(13):after, #c32:checked ~ .grid label:nth-child(31):after, #c32:checked ~ .grid label:nth-child(23):after, #c32:checked ~ .grid label:nth-child(13):after, #c32:checked ~ .grid label:nth-child(31):after, #c32:checked ~ .grid label:nth-child(32):after, #c32:checked ~ .grid label:nth-child(31):after, #c32:checked ~ .grid label:nth-child(40):after, #c32:checked ~ .grid label:nth-child(41):after, #c32:checked ~ .grid label:nth-child(31):after, #c32:checked ~ .grid label:nth-child(40):after, #c32:checked ~ .grid label:nth-child(49):after, #c32:checked ~ .grid label:nth-child(50):after, #c32:checked ~ .grid label:nth-child(40):after, #c32:checked ~ .grid label:nth-child(49):after, #c32:checked ~ .grid label:nth-child(58):after, #c32:checked ~ .grid label:nth-child(59):after, #c32:checked ~ .grid label:nth-child(49):after, #c32:checked ~ .grid label:nth-child(58):after, #c32:checked ~ .grid label:nth-child(67):after, #c32:checked ~ .grid label:nth-child(68):after, #c32:checked ~ .grid label:nth-child(58):after, #c32:checked ~ .grid label:nth-child(67):after, #c32:checked ~ .grid label:nth-child(76):after, #c32:checked ~ .grid label:nth-child(77):after, #c32:checked ~ .grid label:nth-child(67):after, #c32:checked ~ .grid label:nth-child(76):after, #c32:checked ~ .grid label:nth-child(69):after, #c32:checked ~ .grid label:nth-child(78):after, #c32:checked ~ .grid label:nth-child(60):after, #c32:checked ~ .grid label:nth-child(51):after, #c32:checked ~ .grid label:nth-child(42):after, #c32:checked ~ .grid label:nth-child(33):after, #c32:checked ~ .grid label:nth-child(24):after, #c32:checked ~ .grid label:nth-child(15):after, #c32:checked ~ .grid label:nth-child(6):after, #c32:checked ~ .grid label:nth-child(7):after, #c32:checked ~ .grid label:nth-child(16):after, #c32:checked ~ .grid label:nth-child(8):after, #c32:checked ~ .grid label:nth-child(16):after, #c32:checked ~ .grid label:nth-child(17):after, #c32:checked ~ .grid label:nth-child(9):after, #c32:checked ~ .grid label:nth-child(17):after, #c32:checked ~ .grid label:nth-child(18):after, #c32:checked ~ .grid label:nth-child(18):after, #c32:checked ~ .grid label:nth-child(17):after, #c32:checked ~ .grid label:nth-child(16):after, #c32:checked ~ .grid label:nth-child(16):after, #c32:checked ~ .grid label:nth-child(25):after, #c32:checked ~ .grid label:nth-child(16):after, #c32:checked ~ .grid label:nth-child(25):after, #c32:checked ~ .grid label:nth-child(34):after, #c32:checked ~ .grid label:nth-child(25):after, #c32:checked ~ .grid label:nth-child(34):after, #c32:checked ~ .grid label:nth-child(43):after, #c32:checked ~ .grid label:nth-child(34):after, #c32:checked ~ .grid label:nth-child(43):after, #c32:checked ~ .grid label:nth-child(52):after, #c32:checked ~ .grid label:nth-child(43):after, #c32:checked ~ .grid label:nth-child(52):after, #c32:checked ~ .grid label:nth-child(61):after, #c32:checked ~ .grid label:nth-child(69):after, #c32:checked ~ .grid label:nth-child(52):after, #c32:checked ~ .grid label:nth-child(61):after, #c32:checked ~ .grid label:nth-child(70):after, #c32:checked ~ .grid label:nth-child(69):after, #c32:checked ~ .grid label:nth-child(78):after, #c32:checked ~ .grid label:nth-child(69):after {
  pointer-events: none;
  visibility: hidden;
}

#c41:checked ~ .grid label:nth-child(5):after, #c41:checked ~ .grid label:nth-child(4):after, #c41:checked ~ .grid label:nth-child(13):after, #c41:checked ~ .grid label:nth-child(14):after, #c41:checked ~ .grid label:nth-child(4):after, #c41:checked ~ .grid label:nth-child(13):after, #c41:checked ~ .grid label:nth-child(22):after, #c41:checked ~ .grid label:nth-child(12):after, #c41:checked ~ .grid label:nth-child(21):after, #c41:checked ~ .grid label:nth-child(11):after, #c41:checked ~ .grid label:nth-child(20):after, #c41:checked ~ .grid label:nth-child(29):after, #c41:checked ~ .grid label:nth-child(12):after, #c41:checked ~ .grid label:nth-child(30):after, #c41:checked ~ .grid label:nth-child(13):after, #c41:checked ~ .grid label:nth-child(31):after, #c41:checked ~ .grid label:nth-child(30):after, #c41:checked ~ .grid label:nth-child(13):after, #c41:checked ~ .grid label:nth-child(31):after, #c41:checked ~ .grid label:nth-child(23):after, #c41:checked ~ .grid label:nth-child(13):after, #c41:checked ~ .grid label:nth-child(31):after, #c41:checked ~ .grid label:nth-child(32):after, #c41:checked ~ .grid label:nth-child(31):after, #c41:checked ~ .grid label:nth-child(40):after, #c41:checked ~ .grid label:nth-child(41):after, #c41:checked ~ .grid label:nth-child(31):after, #c41:checked ~ .grid label:nth-child(40):after, #c41:checked ~ .grid label:nth-child(49):after, #c41:checked ~ .grid label:nth-child(50):after, #c41:checked ~ .grid label:nth-child(40):after, #c41:checked ~ .grid label:nth-child(49):after, #c41:checked ~ .grid label:nth-child(58):after, #c41:checked ~ .grid label:nth-child(59):after, #c41:checked ~ .grid label:nth-child(49):after, #c41:checked ~ .grid label:nth-child(58):after, #c41:checked ~ .grid label:nth-child(67):after, #c41:checked ~ .grid label:nth-child(68):after, #c41:checked ~ .grid label:nth-child(58):after, #c41:checked ~ .grid label:nth-child(67):after, #c41:checked ~ .grid label:nth-child(76):after, #c41:checked ~ .grid label:nth-child(77):after, #c41:checked ~ .grid label:nth-child(67):after, #c41:checked ~ .grid label:nth-child(76):after, #c41:checked ~ .grid label:nth-child(69):after, #c41:checked ~ .grid label:nth-child(78):after, #c41:checked ~ .grid label:nth-child(60):after, #c41:checked ~ .grid label:nth-child(51):after, #c41:checked ~ .grid label:nth-child(42):after, #c41:checked ~ .grid label:nth-child(33):after, #c41:checked ~ .grid label:nth-child(24):after, #c41:checked ~ .grid label:nth-child(15):after, #c41:checked ~ .grid label:nth-child(6):after, #c41:checked ~ .grid label:nth-child(7):after, #c41:checked ~ .grid label:nth-child(16):after, #c41:checked ~ .grid label:nth-child(8):after, #c41:checked ~ .grid label:nth-child(16):after, #c41:checked ~ .grid label:nth-child(17):after, #c41:checked ~ .grid label:nth-child(9):after, #c41:checked ~ .grid label:nth-child(17):after, #c41:checked ~ .grid label:nth-child(18):after, #c41:checked ~ .grid label:nth-child(18):after, #c41:checked ~ .grid label:nth-child(17):after, #c41:checked ~ .grid label:nth-child(16):after, #c41:checked ~ .grid label:nth-child(16):after, #c41:checked ~ .grid label:nth-child(25):after, #c41:checked ~ .grid label:nth-child(16):after, #c41:checked ~ .grid label:nth-child(25):after, #c41:checked ~ .grid label:nth-child(34):after, #c41:checked ~ .grid label:nth-child(25):after, #c41:checked ~ .grid label:nth-child(34):after, #c41:checked ~ .grid label:nth-child(43):after, #c41:checked ~ .grid label:nth-child(34):after, #c41:checked ~ .grid label:nth-child(43):after, #c41:checked ~ .grid label:nth-child(52):after, #c41:checked ~ .grid label:nth-child(43):after, #c41:checked ~ .grid label:nth-child(52):after, #c41:checked ~ .grid label:nth-child(61):after, #c41:checked ~ .grid label:nth-child(69):after, #c41:checked ~ .grid label:nth-child(52):after, #c41:checked ~ .grid label:nth-child(61):after, #c41:checked ~ .grid label:nth-child(70):after, #c41:checked ~ .grid label:nth-child(69):after, #c41:checked ~ .grid label:nth-child(78):after, #c41:checked ~ .grid label:nth-child(69):after {
  pointer-events: none;
  visibility: hidden;
}

#c50:checked ~ .grid label:nth-child(5):after, #c50:checked ~ .grid label:nth-child(4):after, #c50:checked ~ .grid label:nth-child(13):after, #c50:checked ~ .grid label:nth-child(14):after, #c50:checked ~ .grid label:nth-child(4):after, #c50:checked ~ .grid label:nth-child(13):after, #c50:checked ~ .grid label:nth-child(22):after, #c50:checked ~ .grid label:nth-child(12):after, #c50:checked ~ .grid label:nth-child(21):after, #c50:checked ~ .grid label:nth-child(11):after, #c50:checked ~ .grid label:nth-child(20):after, #c50:checked ~ .grid label:nth-child(29):after, #c50:checked ~ .grid label:nth-child(12):after, #c50:checked ~ .grid label:nth-child(30):after, #c50:checked ~ .grid label:nth-child(13):after, #c50:checked ~ .grid label:nth-child(31):after, #c50:checked ~ .grid label:nth-child(30):after, #c50:checked ~ .grid label:nth-child(13):after, #c50:checked ~ .grid label:nth-child(31):after, #c50:checked ~ .grid label:nth-child(23):after, #c50:checked ~ .grid label:nth-child(13):after, #c50:checked ~ .grid label:nth-child(31):after, #c50:checked ~ .grid label:nth-child(32):after, #c50:checked ~ .grid label:nth-child(31):after, #c50:checked ~ .grid label:nth-child(40):after, #c50:checked ~ .grid label:nth-child(41):after, #c50:checked ~ .grid label:nth-child(31):after, #c50:checked ~ .grid label:nth-child(40):after, #c50:checked ~ .grid label:nth-child(49):after, #c50:checked ~ .grid label:nth-child(50):after, #c50:checked ~ .grid label:nth-child(40):after, #c50:checked ~ .grid label:nth-child(49):after, #c50:checked ~ .grid label:nth-child(58):after, #c50:checked ~ .grid label:nth-child(59):after, #c50:checked ~ .grid label:nth-child(49):after, #c50:checked ~ .grid label:nth-child(58):after, #c50:checked ~ .grid label:nth-child(67):after, #c50:checked ~ .grid label:nth-child(68):after, #c50:checked ~ .grid label:nth-child(58):after, #c50:checked ~ .grid label:nth-child(67):after, #c50:checked ~ .grid label:nth-child(76):after, #c50:checked ~ .grid label:nth-child(77):after, #c50:checked ~ .grid label:nth-child(67):after, #c50:checked ~ .grid label:nth-child(76):after, #c50:checked ~ .grid label:nth-child(69):after, #c50:checked ~ .grid label:nth-child(78):after, #c50:checked ~ .grid label:nth-child(60):after, #c50:checked ~ .grid label:nth-child(51):after, #c50:checked ~ .grid label:nth-child(42):after, #c50:checked ~ .grid label:nth-child(33):after, #c50:checked ~ .grid label:nth-child(24):after, #c50:checked ~ .grid label:nth-child(15):after, #c50:checked ~ .grid label:nth-child(6):after, #c50:checked ~ .grid label:nth-child(7):after, #c50:checked ~ .grid label:nth-child(16):after, #c50:checked ~ .grid label:nth-child(8):after, #c50:checked ~ .grid label:nth-child(16):after, #c50:checked ~ .grid label:nth-child(17):after, #c50:checked ~ .grid label:nth-child(9):after, #c50:checked ~ .grid label:nth-child(17):after, #c50:checked ~ .grid label:nth-child(18):after, #c50:checked ~ .grid label:nth-child(18):after, #c50:checked ~ .grid label:nth-child(17):after, #c50:checked ~ .grid label:nth-child(16):after, #c50:checked ~ .grid label:nth-child(16):after, #c50:checked ~ .grid label:nth-child(25):after, #c50:checked ~ .grid label:nth-child(16):after, #c50:checked ~ .grid label:nth-child(25):after, #c50:checked ~ .grid label:nth-child(34):after, #c50:checked ~ .grid label:nth-child(25):after, #c50:checked ~ .grid label:nth-child(34):after, #c50:checked ~ .grid label:nth-child(43):after, #c50:checked ~ .grid label:nth-child(34):after, #c50:checked ~ .grid label:nth-child(43):after, #c50:checked ~ .grid label:nth-child(52):after, #c50:checked ~ .grid label:nth-child(43):after, #c50:checked ~ .grid label:nth-child(52):after, #c50:checked ~ .grid label:nth-child(61):after, #c50:checked ~ .grid label:nth-child(69):after, #c50:checked ~ .grid label:nth-child(52):after, #c50:checked ~ .grid label:nth-child(61):after, #c50:checked ~ .grid label:nth-child(70):after, #c50:checked ~ .grid label:nth-child(69):after, #c50:checked ~ .grid label:nth-child(78):after, #c50:checked ~ .grid label:nth-child(69):after {
  pointer-events: none;
  visibility: hidden;
}

#c59:checked ~ .grid label:nth-child(5):after, #c59:checked ~ .grid label:nth-child(4):after, #c59:checked ~ .grid label:nth-child(13):after, #c59:checked ~ .grid label:nth-child(14):after, #c59:checked ~ .grid label:nth-child(4):after, #c59:checked ~ .grid label:nth-child(13):after, #c59:checked ~ .grid label:nth-child(22):after, #c59:checked ~ .grid label:nth-child(12):after, #c59:checked ~ .grid label:nth-child(21):after, #c59:checked ~ .grid label:nth-child(11):after, #c59:checked ~ .grid label:nth-child(20):after, #c59:checked ~ .grid label:nth-child(29):after, #c59:checked ~ .grid label:nth-child(12):after, #c59:checked ~ .grid label:nth-child(30):after, #c59:checked ~ .grid label:nth-child(13):after, #c59:checked ~ .grid label:nth-child(31):after, #c59:checked ~ .grid label:nth-child(30):after, #c59:checked ~ .grid label:nth-child(13):after, #c59:checked ~ .grid label:nth-child(31):after, #c59:checked ~ .grid label:nth-child(23):after, #c59:checked ~ .grid label:nth-child(13):after, #c59:checked ~ .grid label:nth-child(31):after, #c59:checked ~ .grid label:nth-child(32):after, #c59:checked ~ .grid label:nth-child(31):after, #c59:checked ~ .grid label:nth-child(40):after, #c59:checked ~ .grid label:nth-child(41):after, #c59:checked ~ .grid label:nth-child(31):after, #c59:checked ~ .grid label:nth-child(40):after, #c59:checked ~ .grid label:nth-child(49):after, #c59:checked ~ .grid label:nth-child(50):after, #c59:checked ~ .grid label:nth-child(40):after, #c59:checked ~ .grid label:nth-child(49):after, #c59:checked ~ .grid label:nth-child(58):after, #c59:checked ~ .grid label:nth-child(59):after, #c59:checked ~ .grid label:nth-child(49):after, #c59:checked ~ .grid label:nth-child(58):after, #c59:checked ~ .grid label:nth-child(67):after, #c59:checked ~ .grid label:nth-child(68):after, #c59:checked ~ .grid label:nth-child(58):after, #c59:checked ~ .grid label:nth-child(67):after, #c59:checked ~ .grid label:nth-child(76):after, #c59:checked ~ .grid label:nth-child(77):after, #c59:checked ~ .grid label:nth-child(67):after, #c59:checked ~ .grid label:nth-child(76):after, #c59:checked ~ .grid label:nth-child(69):after, #c59:checked ~ .grid label:nth-child(78):after, #c59:checked ~ .grid label:nth-child(60):after, #c59:checked ~ .grid label:nth-child(51):after, #c59:checked ~ .grid label:nth-child(42):after, #c59:checked ~ .grid label:nth-child(33):after, #c59:checked ~ .grid label:nth-child(24):after, #c59:checked ~ .grid label:nth-child(15):after, #c59:checked ~ .grid label:nth-child(6):after, #c59:checked ~ .grid label:nth-child(7):after, #c59:checked ~ .grid label:nth-child(16):after, #c59:checked ~ .grid label:nth-child(8):after, #c59:checked ~ .grid label:nth-child(16):after, #c59:checked ~ .grid label:nth-child(17):after, #c59:checked ~ .grid label:nth-child(9):after, #c59:checked ~ .grid label:nth-child(17):after, #c59:checked ~ .grid label:nth-child(18):after, #c59:checked ~ .grid label:nth-child(18):after, #c59:checked ~ .grid label:nth-child(17):after, #c59:checked ~ .grid label:nth-child(16):after, #c59:checked ~ .grid label:nth-child(16):after, #c59:checked ~ .grid label:nth-child(25):after, #c59:checked ~ .grid label:nth-child(16):after, #c59:checked ~ .grid label:nth-child(25):after, #c59:checked ~ .grid label:nth-child(34):after, #c59:checked ~ .grid label:nth-child(25):after, #c59:checked ~ .grid label:nth-child(34):after, #c59:checked ~ .grid label:nth-child(43):after, #c59:checked ~ .grid label:nth-child(34):after, #c59:checked ~ .grid label:nth-child(43):after, #c59:checked ~ .grid label:nth-child(52):after, #c59:checked ~ .grid label:nth-child(43):after, #c59:checked ~ .grid label:nth-child(52):after, #c59:checked ~ .grid label:nth-child(61):after, #c59:checked ~ .grid label:nth-child(69):after, #c59:checked ~ .grid label:nth-child(52):after, #c59:checked ~ .grid label:nth-child(61):after, #c59:checked ~ .grid label:nth-child(70):after, #c59:checked ~ .grid label:nth-child(69):after, #c59:checked ~ .grid label:nth-child(78):after, #c59:checked ~ .grid label:nth-child(69):after {
  pointer-events: none;
  visibility: hidden;
}

#c68:checked ~ .grid label:nth-child(5):after, #c68:checked ~ .grid label:nth-child(4):after, #c68:checked ~ .grid label:nth-child(13):after, #c68:checked ~ .grid label:nth-child(14):after, #c68:checked ~ .grid label:nth-child(4):after, #c68:checked ~ .grid label:nth-child(13):after, #c68:checked ~ .grid label:nth-child(22):after, #c68:checked ~ .grid label:nth-child(12):after, #c68:checked ~ .grid label:nth-child(21):after, #c68:checked ~ .grid label:nth-child(11):after, #c68:checked ~ .grid label:nth-child(20):after, #c68:checked ~ .grid label:nth-child(29):after, #c68:checked ~ .grid label:nth-child(12):after, #c68:checked ~ .grid label:nth-child(30):after, #c68:checked ~ .grid label:nth-child(13):after, #c68:checked ~ .grid label:nth-child(31):after, #c68:checked ~ .grid label:nth-child(30):after, #c68:checked ~ .grid label:nth-child(13):after, #c68:checked ~ .grid label:nth-child(31):after, #c68:checked ~ .grid label:nth-child(23):after, #c68:checked ~ .grid label:nth-child(13):after, #c68:checked ~ .grid label:nth-child(31):after, #c68:checked ~ .grid label:nth-child(32):after, #c68:checked ~ .grid label:nth-child(31):after, #c68:checked ~ .grid label:nth-child(40):after, #c68:checked ~ .grid label:nth-child(41):after, #c68:checked ~ .grid label:nth-child(31):after, #c68:checked ~ .grid label:nth-child(40):after, #c68:checked ~ .grid label:nth-child(49):after, #c68:checked ~ .grid label:nth-child(50):after, #c68:checked ~ .grid label:nth-child(40):after, #c68:checked ~ .grid label:nth-child(49):after, #c68:checked ~ .grid label:nth-child(58):after, #c68:checked ~ .grid label:nth-child(59):after, #c68:checked ~ .grid label:nth-child(49):after, #c68:checked ~ .grid label:nth-child(58):after, #c68:checked ~ .grid label:nth-child(67):after, #c68:checked ~ .grid label:nth-child(68):after, #c68:checked ~ .grid label:nth-child(58):after, #c68:checked ~ .grid label:nth-child(67):after, #c68:checked ~ .grid label:nth-child(76):after, #c68:checked ~ .grid label:nth-child(77):after, #c68:checked ~ .grid label:nth-child(67):after, #c68:checked ~ .grid label:nth-child(76):after, #c68:checked ~ .grid label:nth-child(69):after, #c68:checked ~ .grid label:nth-child(78):after, #c68:checked ~ .grid label:nth-child(60):after, #c68:checked ~ .grid label:nth-child(51):after, #c68:checked ~ .grid label:nth-child(42):after, #c68:checked ~ .grid label:nth-child(33):after, #c68:checked ~ .grid label:nth-child(24):after, #c68:checked ~ .grid label:nth-child(15):after, #c68:checked ~ .grid label:nth-child(6):after, #c68:checked ~ .grid label:nth-child(7):after, #c68:checked ~ .grid label:nth-child(16):after, #c68:checked ~ .grid label:nth-child(8):after, #c68:checked ~ .grid label:nth-child(16):after, #c68:checked ~ .grid label:nth-child(17):after, #c68:checked ~ .grid label:nth-child(9):after, #c68:checked ~ .grid label:nth-child(17):after, #c68:checked ~ .grid label:nth-child(18):after, #c68:checked ~ .grid label:nth-child(18):after, #c68:checked ~ .grid label:nth-child(17):after, #c68:checked ~ .grid label:nth-child(16):after, #c68:checked ~ .grid label:nth-child(16):after, #c68:checked ~ .grid label:nth-child(25):after, #c68:checked ~ .grid label:nth-child(16):after, #c68:checked ~ .grid label:nth-child(25):after, #c68:checked ~ .grid label:nth-child(34):after, #c68:checked ~ .grid label:nth-child(25):after, #c68:checked ~ .grid label:nth-child(34):after, #c68:checked ~ .grid label:nth-child(43):after, #c68:checked ~ .grid label:nth-child(34):after, #c68:checked ~ .grid label:nth-child(43):after, #c68:checked ~ .grid label:nth-child(52):after, #c68:checked ~ .grid label:nth-child(43):after, #c68:checked ~ .grid label:nth-child(52):after, #c68:checked ~ .grid label:nth-child(61):after, #c68:checked ~ .grid label:nth-child(69):after, #c68:checked ~ .grid label:nth-child(52):after, #c68:checked ~ .grid label:nth-child(61):after, #c68:checked ~ .grid label:nth-child(70):after, #c68:checked ~ .grid label:nth-child(69):after, #c68:checked ~ .grid label:nth-child(78):after, #c68:checked ~ .grid label:nth-child(69):after {
  pointer-events: none;
  visibility: hidden;
}

#c77:checked ~ .grid label:nth-child(5):after, #c77:checked ~ .grid label:nth-child(4):after, #c77:checked ~ .grid label:nth-child(13):after, #c77:checked ~ .grid label:nth-child(14):after, #c77:checked ~ .grid label:nth-child(4):after, #c77:checked ~ .grid label:nth-child(13):after, #c77:checked ~ .grid label:nth-child(22):after, #c77:checked ~ .grid label:nth-child(12):after, #c77:checked ~ .grid label:nth-child(21):after, #c77:checked ~ .grid label:nth-child(11):after, #c77:checked ~ .grid label:nth-child(20):after, #c77:checked ~ .grid label:nth-child(29):after, #c77:checked ~ .grid label:nth-child(12):after, #c77:checked ~ .grid label:nth-child(30):after, #c77:checked ~ .grid label:nth-child(13):after, #c77:checked ~ .grid label:nth-child(31):after, #c77:checked ~ .grid label:nth-child(30):after, #c77:checked ~ .grid label:nth-child(13):after, #c77:checked ~ .grid label:nth-child(31):after, #c77:checked ~ .grid label:nth-child(23):after, #c77:checked ~ .grid label:nth-child(13):after, #c77:checked ~ .grid label:nth-child(31):after, #c77:checked ~ .grid label:nth-child(32):after, #c77:checked ~ .grid label:nth-child(31):after, #c77:checked ~ .grid label:nth-child(40):after, #c77:checked ~ .grid label:nth-child(41):after, #c77:checked ~ .grid label:nth-child(31):after, #c77:checked ~ .grid label:nth-child(40):after, #c77:checked ~ .grid label:nth-child(49):after, #c77:checked ~ .grid label:nth-child(50):after, #c77:checked ~ .grid label:nth-child(40):after, #c77:checked ~ .grid label:nth-child(49):after, #c77:checked ~ .grid label:nth-child(58):after, #c77:checked ~ .grid label:nth-child(59):after, #c77:checked ~ .grid label:nth-child(49):after, #c77:checked ~ .grid label:nth-child(58):after, #c77:checked ~ .grid label:nth-child(67):after, #c77:checked ~ .grid label:nth-child(68):after, #c77:checked ~ .grid label:nth-child(58):after, #c77:checked ~ .grid label:nth-child(67):after, #c77:checked ~ .grid label:nth-child(76):after, #c77:checked ~ .grid label:nth-child(77):after, #c77:checked ~ .grid label:nth-child(67):after, #c77:checked ~ .grid label:nth-child(76):after, #c77:checked ~ .grid label:nth-child(69):after, #c77:checked ~ .grid label:nth-child(78):after, #c77:checked ~ .grid label:nth-child(60):after, #c77:checked ~ .grid label:nth-child(51):after, #c77:checked ~ .grid label:nth-child(42):after, #c77:checked ~ .grid label:nth-child(33):after, #c77:checked ~ .grid label:nth-child(24):after, #c77:checked ~ .grid label:nth-child(15):after, #c77:checked ~ .grid label:nth-child(6):after, #c77:checked ~ .grid label:nth-child(7):after, #c77:checked ~ .grid label:nth-child(16):after, #c77:checked ~ .grid label:nth-child(8):after, #c77:checked ~ .grid label:nth-child(16):after, #c77:checked ~ .grid label:nth-child(17):after, #c77:checked ~ .grid label:nth-child(9):after, #c77:checked ~ .grid label:nth-child(17):after, #c77:checked ~ .grid label:nth-child(18):after, #c77:checked ~ .grid label:nth-child(18):after, #c77:checked ~ .grid label:nth-child(17):after, #c77:checked ~ .grid label:nth-child(16):after, #c77:checked ~ .grid label:nth-child(16):after, #c77:checked ~ .grid label:nth-child(25):after, #c77:checked ~ .grid label:nth-child(16):after, #c77:checked ~ .grid label:nth-child(25):after, #c77:checked ~ .grid label:nth-child(34):after, #c77:checked ~ .grid label:nth-child(25):after, #c77:checked ~ .grid label:nth-child(34):after, #c77:checked ~ .grid label:nth-child(43):after, #c77:checked ~ .grid label:nth-child(34):after, #c77:checked ~ .grid label:nth-child(43):after, #c77:checked ~ .grid label:nth-child(52):after, #c77:checked ~ .grid label:nth-child(43):after, #c77:checked ~ .grid label:nth-child(52):after, #c77:checked ~ .grid label:nth-child(61):after, #c77:checked ~ .grid label:nth-child(69):after, #c77:checked ~ .grid label:nth-child(52):after, #c77:checked ~ .grid label:nth-child(61):after, #c77:checked ~ .grid label:nth-child(70):after, #c77:checked ~ .grid label:nth-child(69):after, #c77:checked ~ .grid label:nth-child(78):after, #c77:checked ~ .grid label:nth-child(69):after {
  pointer-events: none;
  visibility: hidden;
}

#c60:checked ~ .grid label:nth-child(5):after, #c60:checked ~ .grid label:nth-child(4):after, #c60:checked ~ .grid label:nth-child(13):after, #c60:checked ~ .grid label:nth-child(14):after, #c60:checked ~ .grid label:nth-child(4):after, #c60:checked ~ .grid label:nth-child(13):after, #c60:checked ~ .grid label:nth-child(22):after, #c60:checked ~ .grid label:nth-child(12):after, #c60:checked ~ .grid label:nth-child(21):after, #c60:checked ~ .grid label:nth-child(11):after, #c60:checked ~ .grid label:nth-child(20):after, #c60:checked ~ .grid label:nth-child(29):after, #c60:checked ~ .grid label:nth-child(12):after, #c60:checked ~ .grid label:nth-child(30):after, #c60:checked ~ .grid label:nth-child(13):after, #c60:checked ~ .grid label:nth-child(31):after, #c60:checked ~ .grid label:nth-child(30):after, #c60:checked ~ .grid label:nth-child(13):after, #c60:checked ~ .grid label:nth-child(31):after, #c60:checked ~ .grid label:nth-child(23):after, #c60:checked ~ .grid label:nth-child(13):after, #c60:checked ~ .grid label:nth-child(31):after, #c60:checked ~ .grid label:nth-child(32):after, #c60:checked ~ .grid label:nth-child(31):after, #c60:checked ~ .grid label:nth-child(40):after, #c60:checked ~ .grid label:nth-child(41):after, #c60:checked ~ .grid label:nth-child(31):after, #c60:checked ~ .grid label:nth-child(40):after, #c60:checked ~ .grid label:nth-child(49):after, #c60:checked ~ .grid label:nth-child(50):after, #c60:checked ~ .grid label:nth-child(40):after, #c60:checked ~ .grid label:nth-child(49):after, #c60:checked ~ .grid label:nth-child(58):after, #c60:checked ~ .grid label:nth-child(59):after, #c60:checked ~ .grid label:nth-child(49):after, #c60:checked ~ .grid label:nth-child(58):after, #c60:checked ~ .grid label:nth-child(67):after, #c60:checked ~ .grid label:nth-child(68):after, #c60:checked ~ .grid label:nth-child(58):after, #c60:checked ~ .grid label:nth-child(67):after, #c60:checked ~ .grid label:nth-child(76):after, #c60:checked ~ .grid label:nth-child(77):after, #c60:checked ~ .grid label:nth-child(67):after, #c60:checked ~ .grid label:nth-child(76):after, #c60:checked ~ .grid label:nth-child(69):after, #c60:checked ~ .grid label:nth-child(78):after, #c60:checked ~ .grid label:nth-child(60):after, #c60:checked ~ .grid label:nth-child(51):after, #c60:checked ~ .grid label:nth-child(42):after, #c60:checked ~ .grid label:nth-child(33):after, #c60:checked ~ .grid label:nth-child(24):after, #c60:checked ~ .grid label:nth-child(15):after, #c60:checked ~ .grid label:nth-child(6):after, #c60:checked ~ .grid label:nth-child(7):after, #c60:checked ~ .grid label:nth-child(16):after, #c60:checked ~ .grid label:nth-child(8):after, #c60:checked ~ .grid label:nth-child(16):after, #c60:checked ~ .grid label:nth-child(17):after, #c60:checked ~ .grid label:nth-child(9):after, #c60:checked ~ .grid label:nth-child(17):after, #c60:checked ~ .grid label:nth-child(18):after, #c60:checked ~ .grid label:nth-child(18):after, #c60:checked ~ .grid label:nth-child(17):after, #c60:checked ~ .grid label:nth-child(16):after, #c60:checked ~ .grid label:nth-child(16):after, #c60:checked ~ .grid label:nth-child(25):after, #c60:checked ~ .grid label:nth-child(16):after, #c60:checked ~ .grid label:nth-child(25):after, #c60:checked ~ .grid label:nth-child(34):after, #c60:checked ~ .grid label:nth-child(25):after, #c60:checked ~ .grid label:nth-child(34):after, #c60:checked ~ .grid label:nth-child(43):after, #c60:checked ~ .grid label:nth-child(34):after, #c60:checked ~ .grid label:nth-child(43):after, #c60:checked ~ .grid label:nth-child(52):after, #c60:checked ~ .grid label:nth-child(43):after, #c60:checked ~ .grid label:nth-child(52):after, #c60:checked ~ .grid label:nth-child(61):after, #c60:checked ~ .grid label:nth-child(69):after, #c60:checked ~ .grid label:nth-child(52):after, #c60:checked ~ .grid label:nth-child(61):after, #c60:checked ~ .grid label:nth-child(70):after, #c60:checked ~ .grid label:nth-child(69):after, #c60:checked ~ .grid label:nth-child(78):after, #c60:checked ~ .grid label:nth-child(69):after {
  pointer-events: none;
  visibility: hidden;
}

#c51:checked ~ .grid label:nth-child(5):after, #c51:checked ~ .grid label:nth-child(4):after, #c51:checked ~ .grid label:nth-child(13):after, #c51:checked ~ .grid label:nth-child(14):after, #c51:checked ~ .grid label:nth-child(4):after, #c51:checked ~ .grid label:nth-child(13):after, #c51:checked ~ .grid label:nth-child(22):after, #c51:checked ~ .grid label:nth-child(12):after, #c51:checked ~ .grid label:nth-child(21):after, #c51:checked ~ .grid label:nth-child(11):after, #c51:checked ~ .grid label:nth-child(20):after, #c51:checked ~ .grid label:nth-child(29):after, #c51:checked ~ .grid label:nth-child(12):after, #c51:checked ~ .grid label:nth-child(30):after, #c51:checked ~ .grid label:nth-child(13):after, #c51:checked ~ .grid label:nth-child(31):after, #c51:checked ~ .grid label:nth-child(30):after, #c51:checked ~ .grid label:nth-child(13):after, #c51:checked ~ .grid label:nth-child(31):after, #c51:checked ~ .grid label:nth-child(23):after, #c51:checked ~ .grid label:nth-child(13):after, #c51:checked ~ .grid label:nth-child(31):after, #c51:checked ~ .grid label:nth-child(32):after, #c51:checked ~ .grid label:nth-child(31):after, #c51:checked ~ .grid label:nth-child(40):after, #c51:checked ~ .grid label:nth-child(41):after, #c51:checked ~ .grid label:nth-child(31):after, #c51:checked ~ .grid label:nth-child(40):after, #c51:checked ~ .grid label:nth-child(49):after, #c51:c.........完整代码请登录后点击上方下载按钮下载查看

网友评论0