   (reify
     om/IRender
     (render [this]
-      (let [[player phase] (game/instructions game)
-            player-classes (if (zero? player)
-                             ["player-x" "fa-plus"]
-                             ["player-o" "fa-circle-o"])]
+      (let [[player phase] (game/instructions game)]
         (view #js {:style #js {:flexDirection  "row"
                                :justifyContent "center"}}
-          (text #js {:style #js {:flexDirection   "row"
-                                 :margin          20
-                                 :color           "white"
-                                 :backgroundColor "#EE1EEE"
-                                 :textAlign       "center"}}
-            #_(view #js {:className (apply class-name "mark" "fa" player-classes)})
-            (str (if (zero? player) "+" "O") "'s turn: " phase)))))))
+          (text #js {:style #js {:flexDirection "row"
+                                 :margin        20
+                                 :color         "#6DA6D2"
+                                 :textAlign     "center"}}
+            (str (if (zero? player) "\u2795" "\u2B55") "'s turn: " phase)))))))
 
 (defn board [game owner]
   (reify

                               #(game/speculate % cell subcell)))
               :onPressOut (fn [evt]
                             (om/transact! game-cursor game/unspeculate))}
          (view #js {:style #js {:flexDirection  "row"
                                 :width          30
                                 :height         30
                                 :justifyContent "center"}}
            (text #js {:style #js {:color (mark-color e) :fontWeight (if (:focus e) "bold" "normal")}}
              (if (empty? e) " _ " (mark-text e)))
            (text #js {:style #js {:color (mark-color e) :fontSize 6 :fontWeight (if (:focus e) "bold" "normal")}}
              (:turn e))))))))

(defn superposition

  (reify
    om/IRender
    (render [this]
      (view #js {:style #js {:flexDirection  "row"
                             :borderColor    "#2675B1"
                             :borderWidth    1
                             :justifyContent "center"
                             :width          92
                             :height         92
                             :padding        5}}
        (text #js {:style #js {:textAlign "center" :color (mark-color (:classical cell)) :fontSize 60}}
          (mark-text (:classical cell)))
        (text #js {:style #js {:fontSize 8 :color "grey"}}
          (:turn (:classical cell)))))))

(defn cell
  "Om component for a square"
