.battle-screen {
  display: grid;
  grid-template-areas:
    "enemy-zone battle-log"
    "enemy-zone action-bar"
    "player-zone action-bar";
  grid-template-columns: 1fr 300px;
  grid-template-rows: auto 1fr 100px;
  height: 100vh;
}

.enemy-zone {
  grid-area: enemy-zone;
  background-color: #f8f8f8;
}

.battle-log {
  grid-area: battle-log;
  background-color: #fff;
  border-left: 2px solid #ccc;
  padding: 10px;
  overflow-y: auto;
}

.player-zone {
  grid-area: player-zone;
  background-color: #e8e8e8;
  padding: 10px;
}

.action-bar {
  grid-area: action-bar;
  display: flex;
  flex-direction: column;
  background-color: #e0e0e0;
  padding: 10px;
}