Made of little things.

/*
  Wizard Duel: a night-time castle arena in chunky pixel art.
  The game is drawn on a 320×180 canvas and scaled up without smoothing.
  Colours are app-owned and do not follow the host theme.
*/

:root {
  --night: #120a1f;
  --gold: #ffd23f;
  --lilac: #d8c8ff;
  color-scheme: dark;
  font: 14px/1.3 ui-monospace, "Courier New", monospace;
}

* {
  box-sizing: border-box;
}

:where(html, body, body *) {
  -webkit-user-select: none;
  user-select: none;
}

html,
body,
#app {
  height: 100%;
  margin: 0;
}

body {
  background: var(--night);
  color: var(--lilac);
  overflow: hidden;
}

.stage {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
}

.game {
  display: block;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  outline: none;
}

.too-small {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 8px;
  text-align: center;
  background: color-mix(in srgb, var(--night) 88%, transparent);
  color: var(--gold);
  font-weight: bold;
}

.too-small[hidden] {
  display: none;
}