*{box-sizing:border-box;margin:0;padding:0}body{grid-template-rows:1fr auto;min-height:100vh;font-family:Times New Roman,Times,serif;display:grid}#main{grid-template-columns:1fr auto 1fr;place-items:center;display:grid}#game-container{flex-direction:row;justify-content:center;align-items:center;display:flex}#stud-details-container{align-items:left;border:1px solid #000;flex-direction:column;justify-content:center;width:auto;min-width:50px;height:auto;padding:5px;display:flex}#admin{border-top:1px solid #000;flex-direction:row;align-items:flex-start;gap:8px;padding:16px;display:flex}#admin button{background-color:#0000;border:1px solid #000;justify-content:center;align-items:center;width:auto;height:32px;padding:0 15px;font-size:18px;transition:background .15s;display:flex}#admin button:hover{cursor:pointer;background:#ff86ff}#baseplate-element{gap:2px;display:grid}.cell{border:1px solid #000;justify-content:center;align-items:center;width:64px;height:64px;font-size:18px;transition:background .15s;display:flex}.cell:hover{background:red}.cell--populated{cursor:pointer}.cell--populated:hover{filter:brightness(.85)}