.grid-container{height:100%;display:grid;grid-template-columns:1% 96% 1%;grid-template-rows:3% 94% 1%;gap:1% 1%;grid-template-areas:"top-left top top-right" ". center ." ". . .";text-shadow:0 0 2px black}.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;white-space:nowrap;margin-left:5px;z-index:2}.grid-top-left{grid-area:top-left;white-space:nowrap;margin-left:5px;z-index:4}.board{height:100%;background-color:#084606;display:flex;flex-flow:wrap;justify-content:space-evenly;align-content:space-evenly}.card{display:flex;justify-content:space-evenly;align-items:center;background:lightgray;outline:1px solid black;box-shadow:0 0 5px #000;margin:1%}.card:hover{box-shadow:0 0 10px #fff}.card:active,.card.selected:active{outline:10px solid white}.card.selected{outline:5px solid yellow}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:200px;min-height:100vh}