:root {
  --bg: #1c1533;
  --panel: #241a3f;
  --accent: #ffd166;
  --accent-text: #2a1900;
  --page-glow: rgba(183, 148, 244, 0.2);
}

body {
  background:
    radial-gradient(circle at 14% 10%, rgba(183, 148, 244, 0.22), transparent 24rem),
    radial-gradient(circle at 88% 14%, rgba(125, 231, 211, 0.16), transparent 22rem),
    radial-gradient(circle at 46% 100%, rgba(255, 143, 190, 0.12), transparent 24rem),
    linear-gradient(180deg, #1c1533, #0a0716);
}

#game-canvas {
  background: #140e28;
}

.stage,
.side-panel,
.camera-card,
.control-card {
  background: rgba(28, 21, 51, 0.92);
}

.toast-card {
  position: absolute;
  left: 50%;
  top: 14%;
  transform: translate(-50%, 0);
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(9, 19, 30, 0.88);
  padding: 0.6rem 1rem;
  color: #ffe9a8;
  font-weight: 900;
  text-align: center;
  pointer-events: none;
}

.hearts {
  display: flex;
  gap: 0.2rem;
}

.hearts span {
  font-size: 1.1rem;
  line-height: 1;
}