.rt-area {
  border-radius: 28px;
  aspect-ratio: 1 / 0.9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  transition: background 0.05s;
  padding: 20px;
  text-align: center;
  margin-bottom: 12px;
  box-shadow: 0 0 64px 2px color-mix(in srgb, var(--accent) 10%, transparent);
}

.rt-area.waiting {
  background: var(--glass);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border: 1px solid var(--glass-border);
}

.rt-area.armed {
  background: #b53737;
  border: 2px solid #e44a4a;
}

.rt-area.ready {
  background: var(--good);
  border: 2px solid #22c55e;
}

.rt-area.done {
  background: var(--bg-card);
  border: 2px solid var(--accent-dim);
}

.rt-area.fail {
  background: #b53737;
  border: 2px solid var(--bad);
}

.rt-text {
  font-size: 32px;
  font-weight: 800;
  color: var(--text);
  margin-bottom: 8px;
}

.rt-sub {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.85);
}