+<style lang="sass" scoped>
+.game.reserve-div
+ margin-bottom: 18px
+
+.reserve-count
+ padding-left: 40%
+
+.reserve-row
+ margin-bottom: 15px
+
+// NOTE: no variants with reserve of size != 8
+
+.game
+ user-select: none
+ width: 100%
+ margin: 0
+ .board
+ cursor: pointer
+
+#choices
+ user-select: none
+ margin: 0
+ position: absolute
+ z-index: 300
+ overflow-y: inherit
+ background-color: rgba(0,0,0,0)
+ img
+ cursor: pointer
+ background-color: #e6ee9c
+ &:hover
+ background-color: skyblue
+ &.choice-piece
+ width: 100%
+ height: auto
+ display: block
+
+img.ghost
+ position: absolute
+ opacity: 0.5
+ top: 0
+
+.incheck-light
+ background-color: rgba(204, 51, 0, 0.7) !important
+.incheck-dark
+ background-color: rgba(204, 51, 0, 0.9) !important
+
+.light-square.lichess
+ background-color: #f0d9b5;
+.dark-square.lichess
+ background-color: #b58863;
+
+.light-square.chesscom
+ background-color: #e5e5ca;
+.dark-square.chesscom
+ background-color: #6f8f57;
+
+.light-square.chesstempo
+ background-color: #dfdfdf;
+.dark-square.chesstempo
+ background-color: #7287b6;
+
+// TODO: no predefined highlight colors, but layers. How?
+
+.light-square.lichess.highlight-light
+ background-color: #cdd26a !important
+.dark-square.lichess.highlight-dark
+ background-color: #aaa23a !important
+
+.light-square.chesscom.highlight-light
+ background-color: #f7f783 !important
+.dark-square.chesscom.highlight-dark
+ background-color: #bacb44 !important
+
+.light-square.chesstempo.highlight-light
+ background-color: #9f9fff !important
+.dark-square.chesstempo.highlight-dark
+ background-color: #557fff !important
+