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