:root {
  --padding: 4;
  --window-background-color: rgba(5, 41, 61, 0.534);
  --shadow-background-color: rgba(95, 98, 136, 0.226);
  --frame-border-color: #235063;
  --highlight-background-color: #69d4e0;
  --highlight-border-color: #c3e0f5;
  --window-blur: 5;
  --window-text-color: white;
  --system-text-color: rgb(138, 149, 248);
  --player-1-color: #a74443;
  --player-2-color: #3cac5d;
  --player-3-color: #b18e2a;
  --player-4-color: #4f7dcb;
  --text-outline-size: 1;
  --text-outline-color: black;
  --exp-bar-background-color: #a55225;
  --hp-bar-background-color: #78dfbe;
  --pp-bar-background-color: #65afe4;
}

html,
body {
  margin: 0;
  padding: 0;
  position: absolute;
  inset: 0;
  background: black;
  display: grid;
  place-items: center;
  font-family: "Segoe UI", "Helvetica Neue", sans-serif;
  color: var(--window-text-color);
}

#game {
  overflow: hidden;
  position: relative;
  inset: 0;
}

#game-ui {
  overflow: hidden;
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
}