@import"https://fonts.googleapis.com/css2?family=Honk&family=Roboto&display=swap";*{font-family:Roboto}div#debug{background:#f5f5f5;padding:15px;border:2px solid red;width:30vw;position:absolute;top:100%;transform:translateY(-100%)}div#debug>*{margin:0;padding:0}div#board{display:grid;grid-template-columns:repeat(var(--x),clamp(50px,15vw,120px));grid-template-rows:repeat(var(--y),clamp(50px,15vw,120px));gap:5px;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}div#cell{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:1px solid lightgray;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}div#cell[data-has-token=O]{background:#64bb63;pointer-events:none}div#cell[data-has-token=X]{background:#f7523a;pointer-events:none}div#cell[data-has-winner=true]{pointer-events:none}div#cell:hover{filter:brightness(.8)}div#current_role>p{text-align:center;font-family:Honk;font-size:40px;margin-bottom:0;padding-bottom:0}div#stats{display:flex;justify-content:center;align-items:center;flex-direction:column}div#multiplayer{margin-left:10px}div#multiplayer>p{text-align:center}div#multiplayer>div{display:flex;justify-content:space-between}div#multiplayer>div>input[type=submit]{background:#fff;border:1px solid black;border-radius:5px;cursor:pointer;color:#000;margin-left:8px;margin-right:8px;font-size:15px;transition:all .2s ease;padding:8px}div#multiplayer>div>input[type=submit]:hover{background:#000;color:#fff}div#leaderboard{display:flex;justify-content:center}div#leaderboard>*{display:flex;align-items:center;justify-content:center;padding:5px;color:#fff;border-radius:5px;font-size:26px;margin-left:5px;margin-right:5px;margin-top:5px;height:35px;aspect-ratio:1/1}div#leaderboard>:nth-child(1){background:#64bb63}div#leaderboard>:nth-child(2){background:#f7523a}div#footer{position:absolute;bottom:0%;width:99%;display:flex;align-items:center;justify-content:center;overflow:none}div#footer>img{margin-left:10px;cursor:pointer}