+button.play.spaceleft
+ margin-left: 15px
+button.play.spaceright
+ margin-right: 15px
+button.play.big-spaceleft
+ margin-left: 25px
+button.play.big-spaceright
+ margin-right: 25px
+
+.aboveboard-wrapper
+ width: 80vh
+ margin: 0 auto
+ @media screen and (max-width: 767px)
+ width: 100%
+ margin: 0
+
+button.above-board
+ margin-left: 15px
+ margin-right: 15px
+
+i.material-icons
+ font-size: 24px
+
+.indic-left
+ border: 1px solid brown
+ float: left
+ margin: 0 0 var(--universal-margin) 10vh
+ @media screen and (max-width: 767px)
+ margin-left: 20px
+
+.indic-right
+ border: 1px solid brown
+ float: right
+ margin: 0 10vh var(--universal-margin) 0
+ @media screen and (max-width: 767px)
+ margin-right: 20px
+
+.my-chatmsg
+ color: black
+
+.opp-chatmsg
+ color: blue
+
+// TODO: this fix is not good (button height 0 if chat overflow window height)
+#sendChatBtn
+ min-height: 42px