From e8462592828c9471ac64f6b1631721a7feaeb653 Mon Sep 17 00:00:00 2001
From: Felix Martin <mail@felixm.de>
Date: Sun, 28 Jul 2019 13:39:54 -0400
Subject: [PATCH] Change CSS template so that Tic Tac Toe looks nice.

---
 bot.py                  |    24 +-
 readme.md               |     4 +-
 template.tictactoe.css  |   154 +-
 template.tictactoe.html |    17 +-
 tictactoe.css           | 11538 ++++++++++++++++++++++++++++++++++----
 tictactoe.html          |   495 +-
 tictactoe.py            |     5 +-
 todo.txt                |     3 -
 8 files changed, 11192 insertions(+), 1048 deletions(-)

diff --git a/bot.py b/bot.py
index 2b45d4f..03a2a9d 100644
--- a/bot.py
+++ b/bot.py
@@ -7,6 +7,7 @@ def get_sudoku_moves():
     PLAYER_2 = "O"
     EMPTY = "_"
     Move = namedtuple("Move", ["ps", "n"])
+    Draw = namedtuple("Move", ["ps", "t"])
     Position = namedtuple("Position", ["t", "i"])
 
     def all_rows(field):
@@ -69,12 +70,23 @@ def get_sudoku_moves():
             equities.append(equity)
         return min(equities) * -1
 
-    def get_moves(field, turn, moves, moves_acc, bots_turn):
+    moves_acc = []
+    draws_acc = []
+    wins2_acc = []
 
-        if player_won(field, PLAYER_1) or player_won(field, PLAYER_2):
+    def get_moves(field, turn, moves, bots_turn):
+
+        if player_won(field, PLAYER_1):
+            raise Exception("If we got here our bot screwed up.")
+
+        if player_won(field, PLAYER_2):
+            moves = Draw(moves.ps, turn)
+            wins2_acc.append(moves)
             return
 
         if game_over(field):
+            moves = Draw(moves.ps, turn)
+            draws_acc.append(moves)
             return
 
         if not bots_turn:
@@ -83,7 +95,7 @@ def get_sudoku_moves():
                 new_field[move] = PLAYER_1
                 new_field = tuple(new_field)
                 new_moves = Move(moves.ps + [Position(turn, move)], None)
-                get_moves(new_field, turn + 1, new_moves, moves_acc, True)
+                get_moves(new_field, turn + 1, new_moves, True)
         else:
             equities = []
             for move in possible_moves(field):
@@ -98,8 +110,8 @@ def get_sudoku_moves():
             new_field = tuple(new_field)
             bot_move = Move(moves.ps, Position(turn, move))
             moves_acc.append(bot_move)
-            get_moves(new_field, turn + 1, moves, moves_acc, False)
-        return moves_acc
+            get_moves(new_field, turn + 1, moves, False)
 
     EMPTY_FIELD = tuple([EMPTY for _ in range(9)])
-    return get_moves(EMPTY_FIELD, 0, Move([], None), [], False)
+    get_moves(EMPTY_FIELD, 0, Move([], None), False)
+    return (moves_acc, draws_acc, wins2_acc)
diff --git a/readme.md b/readme.md
index c90d4a0..6c09ac4 100644
--- a/readme.md
+++ b/readme.md
@@ -4,4 +4,6 @@ https://eddyerburgh.me/make-responsive-tic-tac-toe-board
 
 https://css-tricks.com/game-life/
 
-https://codepen.io/ziga-miklic/post/pure-css-tic-tac-toe
\ No newline at end of file
+https://codepen.io/ziga-miklic/post/pure-css-tic-tac-toe
+
+https://jsfiddle.net/stackmanoz/r6E9p/
\ No newline at end of file
diff --git a/template.tictactoe.css b/template.tictactoe.css
index 9154116..3d73bd0 100644
--- a/template.tictactoe.css
+++ b/template.tictactoe.css
@@ -4,28 +4,107 @@ body {
 }
 
 .tic-tac-toe {
-  height: 450px;  
-  width: 450px;  
+  font-family: 'Open Sans', sans-serif;
+  height: 440px;  
+  width: 440px;  
   margin: 50px auto 30px auto;
   position: relative;
-  background-color: #E6E6FA;
+}
+
+.tic-tac-toe .grid {
+  background-color: grey;
+  position: absolute;
+  display: block;
+  border-radius: 3px;
+}
+
+.tic-tac-toe .horizontal-bar-1 {
+  top: 140px;
+  bottom: 290px;
+  height: 10px;
+  width: 440px
+}
+
+.tic-tac-toe .horizontal-bar-2 {
+  top: 290px;
+  bottom: 140px;
+  height: 10px;
+  width: 440px
+}
+
+.tic-tac-toe .vertical-bar-1 {
+  left: 140px;
+  right: 290px;
+  height: 440px;
+  width: 10px;
+}
+
+.tic-tac-toe .vertical-bar-2 {
+  left: 290px;
+  right: 140px;
+  height: 440px;
+  width: 10px;
 }
 
 .tic-tac-toe label {
-  background-color: #78bec5;
   height: 140px;
   width: 140px; 
   display: none;
-  margin: 5px;
+  opacity: 0.0;
   position: absolute;
   cursor: pointer;
-  color: #fff;
   -moz-transition: background-color 0.3s;
   -o-transition: background-color 0.3s;
   -webkit-transition: background-color 0.3s;
   transition: background-color 0.3s;
 }
 
+.tic-tac-toe label:hover {
+  opacity: 0.2;
+}
+
+.circle {
+  position: absolute;
+  height: 100px;
+  width: 100px; 
+  margin: 10px;
+  border: 10px solid #dc685a;
+  border-radius: 50%;
+}
+
+.cross {
+  position: absolute;
+  width: 140px;
+  height: 140px;
+  display: block;
+  transform:rotate(45deg);
+  -ms-transform:rotate(45deg);
+  -webkit-transform:rotate(45deg);
+}
+
+.cross:before, .cross:after {
+  content: "";
+  position: absolute;
+  background: #78bec5;
+  border-radius: 3px;
+}
+
+.cross:before {
+  top: 65px;
+  bottom: 65px;
+  left: 0px;
+  right: 0px;
+  height: 10px;
+  width: 140px;
+}
+
+.cross:after {
+  left: 65px;
+  right: 65px;
+  height: 140px;
+  width: 10px;
+}
+
 .tic-tac-toe input.col-0 + label {
   left: 0px;
   right: 300px;
@@ -68,7 +147,7 @@ body {
 {% for turn in turns_player %}
 .tic-tac-toe input.turn-{{turn}}:checked + label {
   cursor: default;
-  background-color: red;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -77,14 +156,73 @@ body {
   display: block;
 }
 {% endfor %}
+
 {% for m in moves %}
 .tic-tac-toe
 {% for p in m.ps %}input.turn-{{p.t}}.field-{{p.i}}:checked ~ {% endfor %}
 input.turn-{{m.n.t}}.field-{{m.n.i}} + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 {% endfor %}
 
+
+.tic-tac-toe .end {
+  width: 440px;  
+  height: 440px;
+  padding-top: 125px;
+  position: absolute;
+  display: none;
+  background-color: #ecaf4f;
+  color: #3d4250;
+  text-align: center;
+  z-index: 11;
+  background: rgba(255, 255, 255, 0.8);
+  border-radius: 3px;
+}
+
+.tic-tac-toe .end h1 {
+  margin: 40px;
+}
+
+.tic-tac-toe .end a {
+  background-color: #3d4250;
+  border-radius: 3px;
+  text-decoration: none;
+  color: #fff; 
+  padding: 10px;
+}
+
+{% for m in wins2 %}
+.tic-tac-toe
+{% for p in m.ps %}input.turn-{{p.t}}.field-{{p.i}}:checked ~ {% endfor %}
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+{% for p in m.ps %}input.turn-{{p.t}}.field-{{p.i}}:checked ~ {% endfor %}
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+{% endfor %}
+
+{% for m in draws %}
+.tic-tac-toe
+{% for p in m.ps %}input.turn-{{p.t}}.field-{{p.i}}:checked ~ {% endfor %}
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+{% for p in m.ps %}input.turn-{{p.t}}.field-{{p.i}}:checked ~ {% endfor %}
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+{% endfor %}
diff --git a/template.tictactoe.html b/template.tictactoe.html
index d81c92d..e264af9 100644
--- a/template.tictactoe.html
+++ b/template.tictactoe.html
@@ -2,18 +2,33 @@
 <head>
   <title>Tic Tac Toe CSS</title>
   <link rel="stylesheet" type="text/css" href="tictactoe.css">
+  <link href='https://fonts.googleapis.com/css?family=Lato:300,400,400italic,700,700italic' rel='stylesheet'>
 </head>
 <body>
   <div class="tic-tac-toe">
+    <div class="grid horizontal-bar-1"></div>
+    <div class="grid horizontal-bar-2"></div>
+    <div class="grid vertical-bar-1"></div>
+    <div class="grid vertical-bar-2"></div>
+
     {% for turn in range(9) %}
     <!-- turn-{{turn}} -->
     {% for row in range(3) %}
     {% for col in range(3) %}
     <input class="field-{{row * 3 + col}} row-{{row}} col-{{col}} turn-{{turn}}" id="block-{{turn}}-{{row}}-{{col}}" type="radio">
-    <label class="turn-{{turn}}" for="block-{{turn}}-{{row}}-{{col}}"></label>
+    <label class="turn-{{turn}}" for="block-{{turn}}-{{row}}-{{col}}">
+      {% if (turn % 2 == 0) %}
+      <div class="circle"></div>
+      {% else %}
+      <div class="cross"></div>
+      {% endif %}
+    </label>
     {% endfor %}
     {% endfor %}
     {% endfor %}
+    <div class="end">
+      <h1></h1>
+      <a href="">Play again.</a>
   </div>
 </body>
 </html>
diff --git a/tictactoe.css b/tictactoe.css
index 2748809..66c469f 100644
--- a/tictactoe.css
+++ b/tictactoe.css
@@ -4,28 +4,107 @@ body {
 }
 
 .tic-tac-toe {
-  height: 450px;  
-  width: 450px;  
+  font-family: 'Open Sans', sans-serif;
+  height: 440px;  
+  width: 440px;  
   margin: 50px auto 30px auto;
   position: relative;
-  background-color: #E6E6FA;
+}
+
+.tic-tac-toe .grid {
+  background-color: grey;
+  position: absolute;
+  display: block;
+  border-radius: 3px;
+}
+
+.tic-tac-toe .horizontal-bar-1 {
+  top: 140px;
+  bottom: 290px;
+  height: 10px;
+  width: 440px
+}
+
+.tic-tac-toe .horizontal-bar-2 {
+  top: 290px;
+  bottom: 140px;
+  height: 10px;
+  width: 440px
+}
+
+.tic-tac-toe .vertical-bar-1 {
+  left: 140px;
+  right: 290px;
+  height: 440px;
+  width: 10px;
+}
+
+.tic-tac-toe .vertical-bar-2 {
+  left: 290px;
+  right: 140px;
+  height: 440px;
+  width: 10px;
 }
 
 .tic-tac-toe label {
-  background-color: #78bec5;
   height: 140px;
   width: 140px; 
   display: none;
-  margin: 5px;
+  opacity: 0.0;
   position: absolute;
   cursor: pointer;
-  color: #fff;
   -moz-transition: background-color 0.3s;
   -o-transition: background-color 0.3s;
   -webkit-transition: background-color 0.3s;
   transition: background-color 0.3s;
 }
 
+.tic-tac-toe label:hover {
+  opacity: 0.2;
+}
+
+.circle {
+  position: absolute;
+  height: 100px;
+  width: 100px; 
+  margin: 10px;
+  border: 10px solid #dc685a;
+  border-radius: 50%;
+}
+
+.cross {
+  position: absolute;
+  width: 140px;
+  height: 140px;
+  display: block;
+  transform:rotate(45deg);
+  -ms-transform:rotate(45deg);
+  -webkit-transform:rotate(45deg);
+}
+
+.cross:before, .cross:after {
+  content: "";
+  position: absolute;
+  background: #78bec5;
+  border-radius: 3px;
+}
+
+.cross:before {
+  top: 65px;
+  bottom: 65px;
+  left: 0px;
+  right: 0px;
+  height: 10px;
+  width: 140px;
+}
+
+.cross:after {
+  left: 65px;
+  right: 65px;
+  height: 140px;
+  width: 10px;
+}
+
 .tic-tac-toe input.col-0 + label {
   left: 0px;
   right: 300px;
@@ -68,7 +147,7 @@ body {
 
 .tic-tac-toe input.turn-0:checked + label {
   cursor: default;
-  background-color: red;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -79,7 +158,7 @@ body {
 
 .tic-tac-toe input.turn-2:checked + label {
   cursor: default;
-  background-color: red;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -90,7 +169,7 @@ body {
 
 .tic-tac-toe input.turn-4:checked + label {
   cursor: default;
-  background-color: red;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -101,7 +180,7 @@ body {
 
 .tic-tac-toe input.turn-6:checked + label {
   cursor: default;
-  background-color: red;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -112,7 +191,7 @@ body {
 
 .tic-tac-toe input.turn-8:checked + label {
   cursor: default;
-  background-color: red;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -122,12 +201,13 @@ body {
 }
 
 
+
 .tic-tac-toe
 input.turn-0.field-0:checked ~ 
 input.turn-1.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -136,7 +216,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~
 input.turn-3.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -145,7 +225,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -154,7 +234,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -163,7 +243,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -172,7 +252,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -181,7 +261,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -190,7 +270,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -199,7 +279,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -208,7 +288,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -217,7 +297,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -226,7 +306,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -235,7 +315,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -244,7 +324,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -253,7 +333,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -262,7 +342,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -271,7 +351,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~
 input.turn-3.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -280,7 +360,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -289,7 +369,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -298,7 +378,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -307,7 +387,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -316,7 +396,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -325,7 +405,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -334,7 +414,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -343,7 +423,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -352,7 +432,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -361,7 +441,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -370,7 +450,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -379,7 +459,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -388,7 +468,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -397,7 +477,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -406,7 +486,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~
 input.turn-3.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -415,7 +495,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -424,7 +504,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -433,7 +513,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -442,7 +522,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -451,7 +531,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -460,7 +540,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -469,7 +549,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -478,7 +558,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -487,7 +567,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -496,7 +576,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -505,7 +585,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -514,7 +594,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -523,7 +603,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -532,7 +612,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -541,7 +621,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~
 input.turn-3.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -550,7 +630,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -559,7 +639,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -568,7 +648,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -577,7 +657,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -586,7 +666,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -595,7 +675,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -604,7 +684,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -613,7 +693,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -622,7 +702,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -631,7 +711,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -640,7 +720,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -649,7 +729,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -658,7 +738,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -667,7 +747,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -676,7 +756,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~
 input.turn-3.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -685,7 +765,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -694,7 +774,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -703,7 +783,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -712,7 +792,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -721,7 +801,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -730,7 +810,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -739,7 +819,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -748,7 +828,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -757,7 +837,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -766,7 +846,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -775,7 +855,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -784,7 +864,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~
 input.turn-3.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -793,7 +873,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -802,7 +882,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -811,7 +891,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -820,7 +900,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -829,7 +909,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -838,7 +918,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -847,7 +927,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -856,7 +936,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -865,7 +945,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -874,7 +954,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -883,7 +963,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -892,7 +972,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~
 input.turn-3.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -901,7 +981,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -910,7 +990,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -919,7 +999,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -928,7 +1008,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -937,7 +1017,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -946,7 +1026,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -955,7 +1035,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -964,7 +1044,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -973,7 +1053,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -982,7 +1062,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -991,7 +1071,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1000,7 +1080,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1009,7 +1089,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1018,7 +1098,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1027,7 +1107,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1036,7 +1116,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1045,7 +1125,7 @@ input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1054,7 +1134,7 @@ input.turn-0.field-1:checked ~
 input.turn-1.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1063,7 +1143,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~
 input.turn-3.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1072,7 +1152,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1081,7 +1161,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1090,7 +1170,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1099,7 +1179,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1108,7 +1188,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1117,7 +1197,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1126,7 +1206,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1135,7 +1215,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1144,7 +1224,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1153,7 +1233,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1162,7 +1242,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1171,7 +1251,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1180,7 +1260,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1189,7 +1269,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1198,7 +1278,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~
 input.turn-3.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1207,7 +1287,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1216,7 +1296,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1225,7 +1305,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1234,7 +1314,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1243,7 +1323,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1252,7 +1332,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1261,7 +1341,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1270,7 +1350,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1279,7 +1359,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1288,7 +1368,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1297,7 +1377,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1306,7 +1386,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1315,7 +1395,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1324,7 +1404,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1333,7 +1413,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~
 input.turn-3.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1342,7 +1422,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1351,7 +1431,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1360,7 +1440,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1369,7 +1449,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1378,7 +1458,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1387,7 +1467,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1396,7 +1476,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1405,7 +1485,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1414,7 +1494,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1423,7 +1503,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1432,7 +1512,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1441,7 +1521,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1450,7 +1530,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1459,7 +1539,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1468,7 +1548,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1477,7 +1557,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1486,7 +1566,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1495,7 +1575,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1504,7 +1584,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1513,7 +1593,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1522,7 +1602,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~
 input.turn-3.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1531,7 +1611,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1540,7 +1620,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1549,7 +1629,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1558,7 +1638,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1567,7 +1647,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1576,7 +1656,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1585,7 +1665,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1594,7 +1674,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1603,7 +1683,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1612,7 +1692,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1621,7 +1701,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1630,7 +1710,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~
 input.turn-3.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1639,7 +1719,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1648,7 +1728,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1657,7 +1737,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1666,7 +1746,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1675,7 +1755,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1684,7 +1764,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1693,7 +1773,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1702,7 +1782,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1711,7 +1791,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1720,7 +1800,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1729,7 +1809,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1738,7 +1818,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~
 input.turn-3.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1747,7 +1827,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1756,7 +1836,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1765,7 +1845,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1774,7 +1854,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1783,7 +1863,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1792,7 +1872,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1801,7 +1881,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1810,7 +1890,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1819,7 +1899,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1828,7 +1908,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1837,7 +1917,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1846,7 +1926,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1855,7 +1935,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1864,7 +1944,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1873,7 +1953,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1882,7 +1962,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1891,7 +1971,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1900,7 +1980,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~
 input.turn-3.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1909,7 +1989,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1918,7 +1998,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1927,7 +2007,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1936,7 +2016,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1945,7 +2025,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1954,7 +2034,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1963,7 +2043,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1972,7 +2052,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1981,7 +2061,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1990,7 +2070,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -1999,7 +2079,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2008,7 +2088,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2017,7 +2097,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2026,7 +2106,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2035,7 +2115,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2044,7 +2124,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2053,7 +2133,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2062,7 +2142,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2071,7 +2151,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2080,7 +2160,7 @@ input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2089,7 +2169,7 @@ input.turn-0.field-2:checked ~
 input.turn-1.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2098,7 +2178,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~
 input.turn-3.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2107,7 +2187,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2116,7 +2196,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2125,7 +2205,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2134,7 +2214,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2143,7 +2223,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2152,7 +2232,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2161,7 +2241,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2170,7 +2250,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2179,7 +2259,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2188,7 +2268,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2197,7 +2277,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2206,7 +2286,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2215,7 +2295,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2224,7 +2304,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2233,7 +2313,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~
 input.turn-3.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2242,7 +2322,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2251,7 +2331,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2260,7 +2340,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2269,7 +2349,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2278,7 +2358,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2287,7 +2367,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2296,7 +2376,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2305,7 +2385,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2314,7 +2394,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2323,7 +2403,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2332,7 +2412,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2341,7 +2421,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2350,7 +2430,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2359,7 +2439,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2368,7 +2448,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~
 input.turn-3.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2377,7 +2457,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2386,7 +2466,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2395,7 +2475,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2404,7 +2484,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2413,7 +2493,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2422,7 +2502,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2431,7 +2511,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2440,7 +2520,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2449,7 +2529,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2458,7 +2538,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2467,7 +2547,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2476,7 +2556,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~
 input.turn-3.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2485,7 +2565,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2494,7 +2574,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2503,7 +2583,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2512,7 +2592,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2521,7 +2601,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2530,7 +2610,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2539,7 +2619,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2548,7 +2628,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2557,7 +2637,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~
 input.turn-3.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2566,7 +2646,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2575,7 +2655,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2584,7 +2664,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2593,7 +2673,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2602,7 +2682,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2611,7 +2691,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2620,7 +2700,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2629,7 +2709,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2638,7 +2718,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2647,7 +2727,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2656,7 +2736,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2665,7 +2745,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2674,7 +2754,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2683,7 +2763,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2692,7 +2772,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~
 input.turn-3.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2701,7 +2781,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2710,7 +2790,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2719,7 +2799,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2728,7 +2808,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2737,7 +2817,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2746,7 +2826,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2755,7 +2835,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2764,7 +2844,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2773,7 +2853,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2782,7 +2862,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2791,7 +2871,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2800,7 +2880,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~
 input.turn-3.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2809,7 +2889,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2818,7 +2898,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2827,7 +2907,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2836,7 +2916,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2845,7 +2925,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2854,7 +2934,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2863,7 +2943,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2872,7 +2952,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2881,7 +2961,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2890,7 +2970,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2899,7 +2979,7 @@ input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2908,7 +2988,7 @@ input.turn-0.field-3:checked ~
 input.turn-1.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2917,7 +2997,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~
 input.turn-3.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2926,7 +3006,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2935,7 +3015,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2944,7 +3024,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2953,7 +3033,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2962,7 +3042,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2971,7 +3051,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2980,7 +3060,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2989,7 +3069,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -2998,7 +3078,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3007,7 +3087,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3016,7 +3096,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3025,7 +3105,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3034,7 +3114,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3043,7 +3123,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3052,7 +3132,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~
 input.turn-3.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3061,7 +3141,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3070,7 +3150,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3079,7 +3159,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3088,7 +3168,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3097,7 +3177,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3106,7 +3186,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3115,7 +3195,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3124,7 +3204,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3133,7 +3213,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3142,7 +3222,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3151,7 +3231,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3160,7 +3240,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~
 input.turn-3.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3169,7 +3249,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3178,7 +3258,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3187,7 +3267,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3196,7 +3276,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3205,7 +3285,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3214,7 +3294,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3223,7 +3303,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3232,7 +3312,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3241,7 +3321,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3250,7 +3330,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3259,7 +3339,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3268,7 +3348,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3277,7 +3357,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3286,7 +3366,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3295,7 +3375,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3304,7 +3384,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3313,7 +3393,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3322,7 +3402,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3331,7 +3411,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3340,7 +3420,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3349,7 +3429,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~
 input.turn-3.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3358,7 +3438,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3367,7 +3447,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3376,7 +3456,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3385,7 +3465,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3394,7 +3474,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3403,7 +3483,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3412,7 +3492,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3421,7 +3501,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3430,7 +3510,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3439,7 +3519,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3448,7 +3528,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3457,7 +3537,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3466,7 +3546,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3475,7 +3555,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3484,7 +3564,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3493,7 +3573,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3502,7 +3582,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3511,7 +3591,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~
 input.turn-3.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3520,7 +3600,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3529,7 +3609,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3538,7 +3618,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3547,7 +3627,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3556,7 +3636,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3565,7 +3645,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3574,7 +3654,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3583,7 +3663,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3592,7 +3672,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~
 input.turn-3.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3601,7 +3681,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3610,7 +3690,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3619,7 +3699,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3628,7 +3708,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3637,7 +3717,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3646,7 +3726,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3655,7 +3735,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3664,7 +3744,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3673,7 +3753,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~
 input.turn-3.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3682,7 +3762,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3691,7 +3771,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3700,7 +3780,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3709,7 +3789,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3718,7 +3798,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3727,7 +3807,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3736,7 +3816,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3745,7 +3825,7 @@ input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3754,7 +3834,7 @@ input.turn-0.field-4:checked ~
 input.turn-1.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3763,7 +3843,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~
 input.turn-3.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3772,7 +3852,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3781,7 +3861,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3790,7 +3870,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3799,7 +3879,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3808,7 +3888,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3817,7 +3897,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3826,7 +3906,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3835,7 +3915,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3844,7 +3924,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3853,7 +3933,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3862,7 +3942,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3871,7 +3951,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3880,7 +3960,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3889,7 +3969,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3898,7 +3978,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3907,7 +3987,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3916,7 +3996,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3925,7 +4005,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3934,7 +4014,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3943,7 +4023,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3952,7 +4032,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~
 input.turn-3.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3961,7 +4041,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3970,7 +4050,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3979,7 +4059,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3988,7 +4068,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -3997,7 +4077,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4006,7 +4086,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4015,7 +4095,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4024,7 +4104,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4033,7 +4113,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~
 input.turn-3.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4042,7 +4122,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4051,7 +4131,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4060,7 +4140,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4069,7 +4149,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4078,7 +4158,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4087,7 +4167,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4096,7 +4176,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4105,7 +4185,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4114,7 +4194,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4123,7 +4203,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4132,7 +4212,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4141,7 +4221,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4150,7 +4230,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4159,7 +4239,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4168,7 +4248,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4177,7 +4257,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4186,7 +4266,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4195,7 +4275,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4204,7 +4284,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4213,7 +4293,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4222,7 +4302,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~
 input.turn-3.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4231,7 +4311,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4240,7 +4320,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4249,7 +4329,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4258,7 +4338,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4267,7 +4347,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4276,7 +4356,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4285,7 +4365,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4294,7 +4374,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4303,7 +4383,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4312,7 +4392,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4321,7 +4401,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4330,7 +4410,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4339,7 +4419,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4348,7 +4428,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4357,7 +4437,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~
 input.turn-3.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4366,7 +4446,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4375,7 +4455,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4384,7 +4464,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4393,7 +4473,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4402,7 +4482,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4411,7 +4491,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4420,7 +4500,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4429,7 +4509,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4438,7 +4518,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~
 input.turn-3.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4447,7 +4527,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4456,7 +4536,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4465,7 +4545,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4474,7 +4554,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4483,7 +4563,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4492,7 +4572,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4501,7 +4581,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4510,7 +4590,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4519,7 +4599,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~
 input.turn-3.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4528,7 +4608,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4537,7 +4617,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4546,7 +4626,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4555,7 +4635,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4564,7 +4644,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4573,7 +4653,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4582,7 +4662,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4591,7 +4671,7 @@ input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4600,7 +4680,7 @@ input.turn-0.field-5:checked ~
 input.turn-1.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4609,7 +4689,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~
 input.turn-3.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4618,7 +4698,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4627,7 +4707,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4636,7 +4716,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4645,7 +4725,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4654,7 +4734,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4663,7 +4743,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4672,7 +4752,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4681,7 +4761,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4690,7 +4770,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4699,7 +4779,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4708,7 +4788,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4717,7 +4797,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4726,7 +4806,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4735,7 +4815,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4744,7 +4824,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4753,7 +4833,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4762,7 +4842,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4771,7 +4851,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4780,7 +4860,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4789,7 +4869,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4798,7 +4878,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~
 input.turn-3.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4807,7 +4887,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4816,7 +4896,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4825,7 +4905,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4834,7 +4914,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4843,7 +4923,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4852,7 +4932,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4861,7 +4941,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4870,7 +4950,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4879,7 +4959,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4888,7 +4968,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4897,7 +4977,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4906,7 +4986,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4915,7 +4995,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4924,7 +5004,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4933,7 +5013,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4942,7 +5022,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4951,7 +5031,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4960,7 +5040,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4969,7 +5049,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4978,7 +5058,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4987,7 +5067,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~
 input.turn-3.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -4996,7 +5076,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5005,7 +5085,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5014,7 +5094,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5023,7 +5103,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5032,7 +5112,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5041,7 +5121,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5050,7 +5130,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5059,7 +5139,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5068,7 +5148,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5077,7 +5157,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5086,7 +5166,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5095,7 +5175,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5104,7 +5184,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5113,7 +5193,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5122,7 +5202,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5131,7 +5211,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5140,7 +5220,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5149,7 +5229,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~
 input.turn-3.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5158,7 +5238,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5167,7 +5247,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5176,7 +5256,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5185,7 +5265,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5194,7 +5274,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5203,7 +5283,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5212,7 +5292,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5221,7 +5301,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5230,7 +5310,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5239,7 +5319,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5248,7 +5328,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5257,7 +5337,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5266,7 +5346,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5275,7 +5355,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5284,7 +5364,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5293,7 +5373,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5302,7 +5382,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5311,7 +5391,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5320,7 +5400,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5329,7 +5409,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5338,7 +5418,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~
 input.turn-3.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5347,7 +5427,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5356,7 +5436,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5365,7 +5445,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5374,7 +5454,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5383,7 +5463,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5392,7 +5472,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5401,7 +5481,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5410,7 +5490,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5419,7 +5499,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~
 input.turn-3.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5428,7 +5508,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5437,7 +5517,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5446,7 +5526,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5455,7 +5535,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5464,7 +5544,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5473,7 +5553,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5482,7 +5562,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5491,7 +5571,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5500,7 +5580,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~
 input.turn-3.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5509,7 +5589,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5518,7 +5598,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5527,7 +5607,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5536,7 +5616,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5545,7 +5625,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5554,7 +5634,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5563,7 +5643,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5572,7 +5652,7 @@ input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5581,7 +5661,7 @@ input.turn-0.field-6:checked ~
 input.turn-1.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5590,7 +5670,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~
 input.turn-3.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5599,7 +5679,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5608,7 +5688,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5617,7 +5697,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5626,7 +5706,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5635,7 +5715,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5644,7 +5724,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5653,7 +5733,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5662,7 +5742,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5671,7 +5751,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5680,7 +5760,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5689,7 +5769,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5698,7 +5778,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~
 input.turn-3.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5707,7 +5787,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5716,7 +5796,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5725,7 +5805,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5734,7 +5814,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5743,7 +5823,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5752,7 +5832,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5761,7 +5841,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5770,7 +5850,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5779,7 +5859,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5788,7 +5868,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5797,7 +5877,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5806,7 +5886,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~
 input.turn-3.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5815,7 +5895,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5824,7 +5904,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5833,7 +5913,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5842,7 +5922,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5851,7 +5931,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5860,7 +5940,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5869,7 +5949,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5878,7 +5958,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5887,7 +5967,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5896,7 +5976,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5905,7 +5985,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5914,7 +5994,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5923,7 +6003,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5932,7 +6012,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5941,7 +6021,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~
 input.turn-3.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5950,7 +6030,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5959,7 +6039,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5968,7 +6048,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5977,7 +6057,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5986,7 +6066,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -5995,7 +6075,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6004,7 +6084,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6013,7 +6093,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6022,7 +6102,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6031,7 +6111,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6040,7 +6120,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6049,7 +6129,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6058,7 +6138,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6067,7 +6147,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6076,7 +6156,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~
 input.turn-3.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6085,7 +6165,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6094,7 +6174,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6103,7 +6183,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6112,7 +6192,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6121,7 +6201,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6130,7 +6210,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6139,7 +6219,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6148,7 +6228,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6157,7 +6237,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6166,7 +6246,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6175,7 +6255,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6184,7 +6264,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~
 input.turn-3.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6193,7 +6273,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6202,7 +6282,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6211,7 +6291,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6220,7 +6300,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6229,7 +6309,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6238,7 +6318,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6247,7 +6327,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6256,7 +6336,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6265,7 +6345,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~
 input.turn-3.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6274,7 +6354,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6283,7 +6363,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6292,7 +6372,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6301,7 +6381,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6310,7 +6390,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6319,7 +6399,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6328,7 +6408,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6337,7 +6417,7 @@ input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6346,7 +6426,7 @@ input.turn-0.field-7:checked ~
 input.turn-1.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6355,7 +6435,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~
 input.turn-3.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6364,7 +6444,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6373,7 +6453,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6382,7 +6462,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6391,7 +6471,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6400,7 +6480,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6409,7 +6489,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6418,7 +6498,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6427,7 +6507,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6436,7 +6516,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6445,7 +6525,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6454,7 +6534,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6463,7 +6543,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6472,7 +6552,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6481,7 +6561,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6490,7 +6570,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6499,7 +6579,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6508,7 +6588,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6517,7 +6597,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6526,7 +6606,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6535,7 +6615,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6544,7 +6624,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~
 input.turn-3.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6553,7 +6633,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6562,7 +6642,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6571,7 +6651,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6580,7 +6660,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6589,7 +6669,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6598,7 +6678,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6607,7 +6687,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6616,7 +6696,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6625,7 +6705,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6634,7 +6714,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6643,7 +6723,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6652,7 +6732,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6661,7 +6741,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6670,7 +6750,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6679,7 +6759,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6688,7 +6768,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6697,7 +6777,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6706,7 +6786,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6715,7 +6795,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6724,7 +6804,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6733,7 +6813,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~
 input.turn-3.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6742,7 +6822,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6751,7 +6831,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6760,7 +6840,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6769,7 +6849,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6778,7 +6858,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6787,7 +6867,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6796,7 +6876,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6805,7 +6885,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6814,7 +6894,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6823,7 +6903,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6832,7 +6912,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6841,7 +6921,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6850,7 +6930,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6859,7 +6939,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6868,7 +6948,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6877,7 +6957,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6886,7 +6966,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6895,7 +6975,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6904,7 +6984,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6913,7 +6993,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6922,7 +7002,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~
 input.turn-3.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6931,7 +7011,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6940,7 +7020,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6949,7 +7029,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6958,7 +7038,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6967,7 +7047,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6976,7 +7056,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6985,7 +7065,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -6994,7 +7074,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7003,7 +7083,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~
 input.turn-3.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7012,7 +7092,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7021,7 +7101,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7030,7 +7110,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7039,7 +7119,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7048,7 +7128,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7057,7 +7137,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7066,7 +7146,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7075,7 +7155,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7084,7 +7164,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7093,7 +7173,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7102,7 +7182,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7111,7 +7191,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7120,7 +7200,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7129,7 +7209,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7138,7 +7218,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7147,7 +7227,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7156,7 +7236,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7165,7 +7245,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7174,7 +7254,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7183,7 +7263,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7192,7 +7272,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~
 input.turn-3.field-8 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7201,7 +7281,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7210,7 +7290,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7219,7 +7299,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7228,7 +7308,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7237,7 +7317,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7246,7 +7326,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7255,7 +7335,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7264,7 +7344,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7273,7 +7353,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7282,7 +7362,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7291,7 +7371,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7300,7 +7380,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7309,7 +7389,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7318,7 +7398,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7327,7 +7407,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7336,7 +7416,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7345,7 +7425,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7354,7 +7434,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7363,7 +7443,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7372,7 +7452,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7381,7 +7461,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~
 input.turn-3.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7390,7 +7470,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7399,7 +7479,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7408,7 +7488,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7417,7 +7497,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7426,7 +7506,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7435,7 +7515,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7444,7 +7524,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7453,7 +7533,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7462,7 +7542,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7471,7 +7551,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7480,7 +7560,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7489,7 +7569,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7498,7 +7578,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7507,7 +7587,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7516,7 +7596,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7525,7 +7605,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7534,7 +7614,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7543,7 +7623,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7552,7 +7632,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7561,7 +7641,7 @@ input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7570,7 +7650,7 @@ input.turn-0.field-8:checked ~
 input.turn-1.field-4 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7579,7 +7659,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~
 input.turn-3.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7588,7 +7668,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7597,7 +7677,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7606,7 +7686,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7615,7 +7695,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7624,7 +7704,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7633,7 +7713,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7642,7 +7722,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7651,7 +7731,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7660,7 +7740,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7669,7 +7749,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7678,7 +7758,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7687,7 +7767,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7696,7 +7776,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7705,7 +7785,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7714,7 +7794,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7723,7 +7803,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7732,7 +7812,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7741,7 +7821,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~
 input.turn-3.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7750,7 +7830,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7759,7 +7839,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7768,7 +7848,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7777,7 +7857,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7786,7 +7866,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7795,7 +7875,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7804,7 +7884,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7813,7 +7893,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7822,7 +7902,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7831,7 +7911,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7840,7 +7920,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7849,7 +7929,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7858,7 +7938,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7867,7 +7947,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7876,7 +7956,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7885,7 +7965,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7894,7 +7974,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7903,7 +7983,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7912,7 +7992,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7921,7 +8001,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7930,7 +8010,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~
 input.turn-3.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7939,7 +8019,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7948,7 +8028,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7957,7 +8037,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7966,7 +8046,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7975,7 +8055,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7984,7 +8064,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -7993,7 +8073,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8002,7 +8082,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8011,7 +8091,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8020,7 +8100,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8029,7 +8109,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field
 input.turn-5.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8038,7 +8118,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~
 input.turn-3.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8047,7 +8127,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8056,7 +8136,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8065,7 +8145,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8074,7 +8154,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8083,7 +8163,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8092,7 +8172,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8101,7 +8181,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8110,7 +8190,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8119,7 +8199,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8128,7 +8208,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8137,7 +8217,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8146,7 +8226,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8155,7 +8235,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8164,7 +8244,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8173,7 +8253,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8182,7 +8262,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8191,7 +8271,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8200,7 +8280,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8209,7 +8289,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8218,7 +8298,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8227,7 +8307,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~
 input.turn-3.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8236,7 +8316,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8245,7 +8325,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8254,7 +8334,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8263,7 +8343,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8272,7 +8352,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8281,7 +8361,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8290,7 +8370,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8299,7 +8379,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8308,7 +8388,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8317,7 +8397,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8326,7 +8406,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8335,7 +8415,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8344,7 +8424,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-7.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8353,7 +8433,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field
 input.turn-5.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8362,7 +8442,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~
 input.turn-3.field-7 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8371,7 +8451,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8380,7 +8460,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8389,7 +8469,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8398,7 +8478,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8407,7 +8487,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8416,7 +8496,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8425,7 +8505,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8434,7 +8514,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field
 input.turn-5.field-1 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8443,7 +8523,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~
 input.turn-3.field-6 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8452,7 +8532,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8461,7 +8541,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8470,7 +8550,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8479,7 +8559,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8488,7 +8568,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8497,7 +8577,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-5 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8506,7 +8586,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8515,7 +8595,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-3 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8524,7 +8604,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-7.field-0 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8533,7 +8613,7 @@ input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
@@ -8542,7 +8622,9571 @@ input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field
 input.turn-5.field-2 + label {
   display: block;
   cursor: default;
-  background-color: green;
+  opacity: 1.0;
   z-index: 10 !important;
 }
 
+
+
+.tic-tac-toe .end {
+  width: 440px;  
+  height: 440px;
+  padding-top: 125px;
+  position: absolute;
+  display: none;
+  background-color: #ecaf4f;
+  color: #3d4250;
+  text-align: center;
+  z-index: 11;
+  background: rgba(255, 255, 255, 0.8);
+  border-radius: 3px;
+}
+
+.tic-tac-toe .end h1 {
+  margin: 40px;
+}
+
+.tic-tac-toe .end a {
+  background-color: #3d4250;
+  border-radius: 3px;
+  text-decoration: none;
+  color: #fff; 
+  padding: 10px;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-4:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-4:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-4:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-4:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-0:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-4:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-4:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-4:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-0:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-0:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-4:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-0:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-4:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-4:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-4:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-4:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-0:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-0:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-0:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-0:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-4:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-0:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-8:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-0:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-4:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-4:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-0:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-4:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-0:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-4:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-0:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-4:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-6:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-0:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-0:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-0:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-2:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-0:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-1:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-3:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ 
+.end > h1:before {
+  content: "Bot wins!" !important;
+}
+
+
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-2:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-1:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-0:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-7:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-1:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-7:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-7:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-1:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-1:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-7:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-1:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-2:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-1:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-7:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-1:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-1:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-7:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-7:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-3:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-7:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-7:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-7:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-4:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-7:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-1:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-1:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-1:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-1:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-0:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-0:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-0:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-7:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-6:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-6:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-5:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-2:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-2:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-2:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-6:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-2:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-2:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-0:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-0:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-4:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-0:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-4:checked ~ input.turn-8.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-4:checked ~ input.turn-8.field-0:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-4:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-4:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-8:checked ~ input.turn-6.field-4:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-0:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-0:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-2:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-8:checked ~ input.turn-8.field-2:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-0:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-8:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-4:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-8:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-4:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-0:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-4:checked ~ input.turn-8.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-4:checked ~ input.turn-8.field-0:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-0:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-0:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-2:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-4:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-2:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-4:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-4:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-4:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-0:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-0:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-4:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-4:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-4:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-7:checked ~ input.turn-2.field-8:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-4:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-0:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-7:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-5:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-1:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-7:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-1:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-2:checked ~ input.turn-4.field-3:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-1:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-7:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-7:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-6:checked ~ input.turn-8.field-1:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-7:checked ~ input.turn-8.field-1:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-3:checked ~ input.turn-4.field-7:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-1:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-5:checked ~ input.turn-4.field-6:checked ~ input.turn-6.field-1:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-2:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-5:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-5:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-3:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-6:checked ~ input.turn-4.field-1:checked ~ input.turn-6.field-5:checked ~ input.turn-8.field-3:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-1:checked ~ 
+.end {
+  display: block;
+  z-index: 10 !important;
+}
+
+.tic-tac-toe
+input.turn-0.field-8:checked ~ input.turn-2.field-7:checked ~ input.turn-4.field-2:checked ~ input.turn-6.field-3:checked ~ input.turn-8.field-1:checked ~ 
+.end > h1:before {
+  content: "Tied!" !important;
+}
+
diff --git a/tictactoe.html b/tictactoe.html
index 924a433..4312a79 100644
--- a/tictactoe.html
+++ b/tictactoe.html
@@ -2,43 +2,85 @@
 <head>
   <title>Tic Tac Toe CSS</title>
   <link rel="stylesheet" type="text/css" href="tictactoe.css">
+  <link href='https://fonts.googleapis.com/css?family=Lato:300,400,400italic,700,700italic' rel='stylesheet'>
 </head>
 <body>
   <div class="tic-tac-toe">
+    <div class="grid horizontal-bar-1"></div>
+    <div class="grid horizontal-bar-2"></div>
+    <div class="grid vertical-bar-1"></div>
+    <div class="grid vertical-bar-2"></div>
+
     
     <!-- turn-0 -->
     
     
     <input class="field-0 row-0 col-0 turn-0" id="block-0-0-0" type="radio">
-    <label class="turn-0" for="block-0-0-0"></label>
+    <label class="turn-0" for="block-0-0-0">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-1 row-0 col-1 turn-0" id="block-0-0-1" type="radio">
-    <label class="turn-0" for="block-0-0-1"></label>
+    <label class="turn-0" for="block-0-0-1">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-2 row-0 col-2 turn-0" id="block-0-0-2" type="radio">
-    <label class="turn-0" for="block-0-0-2"></label>
+    <label class="turn-0" for="block-0-0-2">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     
     
     <input class="field-3 row-1 col-0 turn-0" id="block-0-1-0" type="radio">
-    <label class="turn-0" for="block-0-1-0"></label>
+    <label class="turn-0" for="block-0-1-0">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-4 row-1 col-1 turn-0" id="block-0-1-1" type="radio">
-    <label class="turn-0" for="block-0-1-1"></label>
+    <label class="turn-0" for="block-0-1-1">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-5 row-1 col-2 turn-0" id="block-0-1-2" type="radio">
-    <label class="turn-0" for="block-0-1-2"></label>
+    <label class="turn-0" for="block-0-1-2">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     
     
     <input class="field-6 row-2 col-0 turn-0" id="block-0-2-0" type="radio">
-    <label class="turn-0" for="block-0-2-0"></label>
+    <label class="turn-0" for="block-0-2-0">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-7 row-2 col-1 turn-0" id="block-0-2-1" type="radio">
-    <label class="turn-0" for="block-0-2-1"></label>
+    <label class="turn-0" for="block-0-2-1">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-8 row-2 col-2 turn-0" id="block-0-2-2" type="radio">
-    <label class="turn-0" for="block-0-2-2"></label>
+    <label class="turn-0" for="block-0-2-2">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     
     
@@ -46,35 +88,71 @@
     
     
     <input class="field-0 row-0 col-0 turn-1" id="block-1-0-0" type="radio">
-    <label class="turn-1" for="block-1-0-0"></label>
+    <label class="turn-1" for="block-1-0-0">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-1 row-0 col-1 turn-1" id="block-1-0-1" type="radio">
-    <label class="turn-1" for="block-1-0-1"></label>
+    <label class="turn-1" for="block-1-0-1">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-2 row-0 col-2 turn-1" id="block-1-0-2" type="radio">
-    <label class="turn-1" for="block-1-0-2"></label>
+    <label class="turn-1" for="block-1-0-2">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     
     
     <input class="field-3 row-1 col-0 turn-1" id="block-1-1-0" type="radio">
-    <label class="turn-1" for="block-1-1-0"></label>
+    <label class="turn-1" for="block-1-1-0">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-4 row-1 col-1 turn-1" id="block-1-1-1" type="radio">
-    <label class="turn-1" for="block-1-1-1"></label>
+    <label class="turn-1" for="block-1-1-1">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-5 row-1 col-2 turn-1" id="block-1-1-2" type="radio">
-    <label class="turn-1" for="block-1-1-2"></label>
+    <label class="turn-1" for="block-1-1-2">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     
     
     <input class="field-6 row-2 col-0 turn-1" id="block-1-2-0" type="radio">
-    <label class="turn-1" for="block-1-2-0"></label>
+    <label class="turn-1" for="block-1-2-0">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-7 row-2 col-1 turn-1" id="block-1-2-1" type="radio">
-    <label class="turn-1" for="block-1-2-1"></label>
+    <label class="turn-1" for="block-1-2-1">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-8 row-2 col-2 turn-1" id="block-1-2-2" type="radio">
-    <label class="turn-1" for="block-1-2-2"></label>
+    <label class="turn-1" for="block-1-2-2">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     
     
@@ -82,35 +160,71 @@
     
     
     <input class="field-0 row-0 col-0 turn-2" id="block-2-0-0" type="radio">
-    <label class="turn-2" for="block-2-0-0"></label>
+    <label class="turn-2" for="block-2-0-0">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-1 row-0 col-1 turn-2" id="block-2-0-1" type="radio">
-    <label class="turn-2" for="block-2-0-1"></label>
+    <label class="turn-2" for="block-2-0-1">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-2 row-0 col-2 turn-2" id="block-2-0-2" type="radio">
-    <label class="turn-2" for="block-2-0-2"></label>
+    <label class="turn-2" for="block-2-0-2">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     
     
     <input class="field-3 row-1 col-0 turn-2" id="block-2-1-0" type="radio">
-    <label class="turn-2" for="block-2-1-0"></label>
+    <label class="turn-2" for="block-2-1-0">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-4 row-1 col-1 turn-2" id="block-2-1-1" type="radio">
-    <label class="turn-2" for="block-2-1-1"></label>
+    <label class="turn-2" for="block-2-1-1">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-5 row-1 col-2 turn-2" id="block-2-1-2" type="radio">
-    <label class="turn-2" for="block-2-1-2"></label>
+    <label class="turn-2" for="block-2-1-2">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     
     
     <input class="field-6 row-2 col-0 turn-2" id="block-2-2-0" type="radio">
-    <label class="turn-2" for="block-2-2-0"></label>
+    <label class="turn-2" for="block-2-2-0">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-7 row-2 col-1 turn-2" id="block-2-2-1" type="radio">
-    <label class="turn-2" for="block-2-2-1"></label>
+    <label class="turn-2" for="block-2-2-1">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-8 row-2 col-2 turn-2" id="block-2-2-2" type="radio">
-    <label class="turn-2" for="block-2-2-2"></label>
+    <label class="turn-2" for="block-2-2-2">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     
     
@@ -118,35 +232,71 @@
     
     
     <input class="field-0 row-0 col-0 turn-3" id="block-3-0-0" type="radio">
-    <label class="turn-3" for="block-3-0-0"></label>
+    <label class="turn-3" for="block-3-0-0">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-1 row-0 col-1 turn-3" id="block-3-0-1" type="radio">
-    <label class="turn-3" for="block-3-0-1"></label>
+    <label class="turn-3" for="block-3-0-1">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-2 row-0 col-2 turn-3" id="block-3-0-2" type="radio">
-    <label class="turn-3" for="block-3-0-2"></label>
+    <label class="turn-3" for="block-3-0-2">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     
     
     <input class="field-3 row-1 col-0 turn-3" id="block-3-1-0" type="radio">
-    <label class="turn-3" for="block-3-1-0"></label>
+    <label class="turn-3" for="block-3-1-0">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-4 row-1 col-1 turn-3" id="block-3-1-1" type="radio">
-    <label class="turn-3" for="block-3-1-1"></label>
+    <label class="turn-3" for="block-3-1-1">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-5 row-1 col-2 turn-3" id="block-3-1-2" type="radio">
-    <label class="turn-3" for="block-3-1-2"></label>
+    <label class="turn-3" for="block-3-1-2">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     
     
     <input class="field-6 row-2 col-0 turn-3" id="block-3-2-0" type="radio">
-    <label class="turn-3" for="block-3-2-0"></label>
+    <label class="turn-3" for="block-3-2-0">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-7 row-2 col-1 turn-3" id="block-3-2-1" type="radio">
-    <label class="turn-3" for="block-3-2-1"></label>
+    <label class="turn-3" for="block-3-2-1">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-8 row-2 col-2 turn-3" id="block-3-2-2" type="radio">
-    <label class="turn-3" for="block-3-2-2"></label>
+    <label class="turn-3" for="block-3-2-2">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     
     
@@ -154,35 +304,71 @@
     
     
     <input class="field-0 row-0 col-0 turn-4" id="block-4-0-0" type="radio">
-    <label class="turn-4" for="block-4-0-0"></label>
+    <label class="turn-4" for="block-4-0-0">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-1 row-0 col-1 turn-4" id="block-4-0-1" type="radio">
-    <label class="turn-4" for="block-4-0-1"></label>
+    <label class="turn-4" for="block-4-0-1">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-2 row-0 col-2 turn-4" id="block-4-0-2" type="radio">
-    <label class="turn-4" for="block-4-0-2"></label>
+    <label class="turn-4" for="block-4-0-2">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     
     
     <input class="field-3 row-1 col-0 turn-4" id="block-4-1-0" type="radio">
-    <label class="turn-4" for="block-4-1-0"></label>
+    <label class="turn-4" for="block-4-1-0">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-4 row-1 col-1 turn-4" id="block-4-1-1" type="radio">
-    <label class="turn-4" for="block-4-1-1"></label>
+    <label class="turn-4" for="block-4-1-1">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-5 row-1 col-2 turn-4" id="block-4-1-2" type="radio">
-    <label class="turn-4" for="block-4-1-2"></label>
+    <label class="turn-4" for="block-4-1-2">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     
     
     <input class="field-6 row-2 col-0 turn-4" id="block-4-2-0" type="radio">
-    <label class="turn-4" for="block-4-2-0"></label>
+    <label class="turn-4" for="block-4-2-0">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-7 row-2 col-1 turn-4" id="block-4-2-1" type="radio">
-    <label class="turn-4" for="block-4-2-1"></label>
+    <label class="turn-4" for="block-4-2-1">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-8 row-2 col-2 turn-4" id="block-4-2-2" type="radio">
-    <label class="turn-4" for="block-4-2-2"></label>
+    <label class="turn-4" for="block-4-2-2">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     
     
@@ -190,35 +376,71 @@
     
     
     <input class="field-0 row-0 col-0 turn-5" id="block-5-0-0" type="radio">
-    <label class="turn-5" for="block-5-0-0"></label>
+    <label class="turn-5" for="block-5-0-0">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-1 row-0 col-1 turn-5" id="block-5-0-1" type="radio">
-    <label class="turn-5" for="block-5-0-1"></label>
+    <label class="turn-5" for="block-5-0-1">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-2 row-0 col-2 turn-5" id="block-5-0-2" type="radio">
-    <label class="turn-5" for="block-5-0-2"></label>
+    <label class="turn-5" for="block-5-0-2">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     
     
     <input class="field-3 row-1 col-0 turn-5" id="block-5-1-0" type="radio">
-    <label class="turn-5" for="block-5-1-0"></label>
+    <label class="turn-5" for="block-5-1-0">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-4 row-1 col-1 turn-5" id="block-5-1-1" type="radio">
-    <label class="turn-5" for="block-5-1-1"></label>
+    <label class="turn-5" for="block-5-1-1">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-5 row-1 col-2 turn-5" id="block-5-1-2" type="radio">
-    <label class="turn-5" for="block-5-1-2"></label>
+    <label class="turn-5" for="block-5-1-2">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     
     
     <input class="field-6 row-2 col-0 turn-5" id="block-5-2-0" type="radio">
-    <label class="turn-5" for="block-5-2-0"></label>
+    <label class="turn-5" for="block-5-2-0">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-7 row-2 col-1 turn-5" id="block-5-2-1" type="radio">
-    <label class="turn-5" for="block-5-2-1"></label>
+    <label class="turn-5" for="block-5-2-1">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-8 row-2 col-2 turn-5" id="block-5-2-2" type="radio">
-    <label class="turn-5" for="block-5-2-2"></label>
+    <label class="turn-5" for="block-5-2-2">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     
     
@@ -226,35 +448,71 @@
     
     
     <input class="field-0 row-0 col-0 turn-6" id="block-6-0-0" type="radio">
-    <label class="turn-6" for="block-6-0-0"></label>
+    <label class="turn-6" for="block-6-0-0">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-1 row-0 col-1 turn-6" id="block-6-0-1" type="radio">
-    <label class="turn-6" for="block-6-0-1"></label>
+    <label class="turn-6" for="block-6-0-1">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-2 row-0 col-2 turn-6" id="block-6-0-2" type="radio">
-    <label class="turn-6" for="block-6-0-2"></label>
+    <label class="turn-6" for="block-6-0-2">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     
     
     <input class="field-3 row-1 col-0 turn-6" id="block-6-1-0" type="radio">
-    <label class="turn-6" for="block-6-1-0"></label>
+    <label class="turn-6" for="block-6-1-0">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-4 row-1 col-1 turn-6" id="block-6-1-1" type="radio">
-    <label class="turn-6" for="block-6-1-1"></label>
+    <label class="turn-6" for="block-6-1-1">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-5 row-1 col-2 turn-6" id="block-6-1-2" type="radio">
-    <label class="turn-6" for="block-6-1-2"></label>
+    <label class="turn-6" for="block-6-1-2">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     
     
     <input class="field-6 row-2 col-0 turn-6" id="block-6-2-0" type="radio">
-    <label class="turn-6" for="block-6-2-0"></label>
+    <label class="turn-6" for="block-6-2-0">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-7 row-2 col-1 turn-6" id="block-6-2-1" type="radio">
-    <label class="turn-6" for="block-6-2-1"></label>
+    <label class="turn-6" for="block-6-2-1">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-8 row-2 col-2 turn-6" id="block-6-2-2" type="radio">
-    <label class="turn-6" for="block-6-2-2"></label>
+    <label class="turn-6" for="block-6-2-2">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     
     
@@ -262,35 +520,71 @@
     
     
     <input class="field-0 row-0 col-0 turn-7" id="block-7-0-0" type="radio">
-    <label class="turn-7" for="block-7-0-0"></label>
+    <label class="turn-7" for="block-7-0-0">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-1 row-0 col-1 turn-7" id="block-7-0-1" type="radio">
-    <label class="turn-7" for="block-7-0-1"></label>
+    <label class="turn-7" for="block-7-0-1">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-2 row-0 col-2 turn-7" id="block-7-0-2" type="radio">
-    <label class="turn-7" for="block-7-0-2"></label>
+    <label class="turn-7" for="block-7-0-2">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     
     
     <input class="field-3 row-1 col-0 turn-7" id="block-7-1-0" type="radio">
-    <label class="turn-7" for="block-7-1-0"></label>
+    <label class="turn-7" for="block-7-1-0">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-4 row-1 col-1 turn-7" id="block-7-1-1" type="radio">
-    <label class="turn-7" for="block-7-1-1"></label>
+    <label class="turn-7" for="block-7-1-1">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-5 row-1 col-2 turn-7" id="block-7-1-2" type="radio">
-    <label class="turn-7" for="block-7-1-2"></label>
+    <label class="turn-7" for="block-7-1-2">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     
     
     <input class="field-6 row-2 col-0 turn-7" id="block-7-2-0" type="radio">
-    <label class="turn-7" for="block-7-2-0"></label>
+    <label class="turn-7" for="block-7-2-0">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-7 row-2 col-1 turn-7" id="block-7-2-1" type="radio">
-    <label class="turn-7" for="block-7-2-1"></label>
+    <label class="turn-7" for="block-7-2-1">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     <input class="field-8 row-2 col-2 turn-7" id="block-7-2-2" type="radio">
-    <label class="turn-7" for="block-7-2-2"></label>
+    <label class="turn-7" for="block-7-2-2">
+      
+      <div class="cross"></div>
+      
+    </label>
     
     
     
@@ -298,38 +592,77 @@
     
     
     <input class="field-0 row-0 col-0 turn-8" id="block-8-0-0" type="radio">
-    <label class="turn-8" for="block-8-0-0"></label>
+    <label class="turn-8" for="block-8-0-0">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-1 row-0 col-1 turn-8" id="block-8-0-1" type="radio">
-    <label class="turn-8" for="block-8-0-1"></label>
+    <label class="turn-8" for="block-8-0-1">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-2 row-0 col-2 turn-8" id="block-8-0-2" type="radio">
-    <label class="turn-8" for="block-8-0-2"></label>
+    <label class="turn-8" for="block-8-0-2">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     
     
     <input class="field-3 row-1 col-0 turn-8" id="block-8-1-0" type="radio">
-    <label class="turn-8" for="block-8-1-0"></label>
+    <label class="turn-8" for="block-8-1-0">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-4 row-1 col-1 turn-8" id="block-8-1-1" type="radio">
-    <label class="turn-8" for="block-8-1-1"></label>
+    <label class="turn-8" for="block-8-1-1">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-5 row-1 col-2 turn-8" id="block-8-1-2" type="radio">
-    <label class="turn-8" for="block-8-1-2"></label>
+    <label class="turn-8" for="block-8-1-2">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     
     
     <input class="field-6 row-2 col-0 turn-8" id="block-8-2-0" type="radio">
-    <label class="turn-8" for="block-8-2-0"></label>
+    <label class="turn-8" for="block-8-2-0">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-7 row-2 col-1 turn-8" id="block-8-2-1" type="radio">
-    <label class="turn-8" for="block-8-2-1"></label>
+    <label class="turn-8" for="block-8-2-1">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     <input class="field-8 row-2 col-2 turn-8" id="block-8-2-2" type="radio">
-    <label class="turn-8" for="block-8-2-2"></label>
+    <label class="turn-8" for="block-8-2-2">
+      
+      <div class="circle"></div>
+      
+    </label>
     
     
     
+    <div class="end">
+      <h1></h1>
+      <a href="">Play again.</a>
   </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/tictactoe.py b/tictactoe.py
index 11e9698..5f108ec 100644
--- a/tictactoe.py
+++ b/tictactoe.py
@@ -10,10 +10,13 @@ def write_html(html_file):
 
 
 def write_css(css_file):
+    moves, draws, wins2 = get_sudoku_moves()
     kwargs = {
         "turns_player": [0, 2, 4, 6, 8],
         "turns_bot": [1, 3, 5, 7],
-        "moves": get_sudoku_moves(),
+        "moves": moves,
+        "draws": draws,
+        "wins2": wins2,
     }
     env = Environment(loader=FileSystemLoader("."))
     template = env.get_template('template.' + css_file)
diff --git a/todo.txt b/todo.txt
index d4709b3..e69de29 100644
--- a/todo.txt
+++ b/todo.txt
@@ -1,3 +0,0 @@
-(D) Add message that indicates draw or loss. +tictactoecss
-(D) Publish on homepage. +tictactoecss
-(D) Write readme. +tictactoecss
\ No newline at end of file