.game-shell[data-theme="reflex"] {
  --game-accent: #81ecff;
  --game-accent-2: #8d88ff;
  --game-accent-soft: rgba(129, 236, 255, 0.2);
  --game-accent-deep: rgba(141, 136, 255, 0.12);
}

.reflex-stage {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
  gap: 16px;
}

.reflex-signal {
  position: relative;
  overflow: hidden;
  padding: 28px;
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at top, rgba(129, 236, 255, 0.16), transparent 32%),
    rgba(7, 12, 25, 0.78);
}

.reflex-pulse {
  height: 14px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.reflex-pulse::after {
  content: "";
  display: block;
  height: 100%;
  width: 44%;
  border-radius: inherit;
  background: linear-gradient(90deg, #81ecff, #8d88ff);
  transition: width 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.reflex-pulse[data-mode="armed"]::after {
  width: 28%;
  background: linear-gradient(90deg, #ffb665, #ff6e7d);
}

.reflex-pulse[data-mode="go"]::after {
  width: 100%;
  background: linear-gradient(90deg, #8af8c9, #81ecff);
}

.reflex-pulse[data-mode="result"]::after {
  width: 64%;
}

.reflex-pulse[data-mode="win"]::after {
  width: 100%;
  background: linear-gradient(90deg, #ffd86f, #8af8c9);
}

.reflex-status-label,
.reflex-note span {
  display: block;
  margin-bottom: 8px;
  color: rgba(255, 255, 255, 0.52);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 10px;
  font-weight: 800;
}

.reflex-signal-status {
  display: block;
  margin-bottom: 12px;
  font-family: var(--font-title);
  font-size: clamp(2rem, 5vw, 3.7rem);
  line-height: 0.95;
}

.reflex-signal-copy {
  margin: 0 0 20px;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.7;
}

.reflex-action {
  min-width: min(260px, 100%);
}

.reflex-side {
  display: grid;
  gap: 12px;
}

.reflex-note {
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)),
    rgba(10, 15, 28, 0.68);
}

.reflex-note strong {
  display: block;
  line-height: 1.6;
}

@media (max-width: 860px) {
  .reflex-stage {
    grid-template-columns: 1fr;
  }
}