#board {
    width: 100%;
    aspect-ratio: 5/8;
    background: url('../assets/sprites/board.png') no-repeat center/contain;
    position: relative;
}

.item {
    image-rendering: pixelated;
    position: absolute;
    width: 20%;
    aspect-ratio: 1;
    z-index: 2;
}

#player {
    display: none;
    z-index: 1;
}

.chat-box {
    font-family: "Pixelify Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    position: absolute;
    background: whitesmoke;
    padding: 8px;
    border: .1rem solid var(--accent);
    display: none;
    height: auto;
    width: 70%;
    z-index: 3;
    text-align: center;
  }
  
  [data-theme="dark"] .chat-box {
    background: black;
    border: .1rem solid var(--accent);
  }