body{background-color:#000;color:#d3d3d3;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.grid-container{height:100%;display:grid;grid-template-columns:1% 96% 1%;grid-template-rows:3% 94% 1%;grid-gap:1% 1%;gap:1% 1%;grid-template-areas:"top-left top top-right" ". center ." ". . .";text-shadow:0 0 2px #000}.grid-center{grid-area:center;z-index:1}.grid-top-right{grid-area:top-right;text-align:right;white-space:nowrap;direction:rtl;margin-right:5px;z-index:3}.grid-top{grid-area:top;text-align:center;z-index:2}.grid-top,.grid-top-left{white-space:nowrap;margin-left:5px}.grid-top-left{grid-area:top-left;z-index:4}.unselectable{user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.unselectable::selection{background:transparent}.board{height:100%;background-color:#084606;flex-flow:wrap;align-content:space-evenly}.board,.card{display:flex;justify-content:space-evenly}.card{align-items:center;background:#d3d3d3;border:5px solid;outline:1px solid #000;box-shadow:0 0 5px #000;margin:1%}.card:hover{box-shadow:0 0 10px #fff}.card.selected:active,.card:active{outline:10px solid #fff}