.effect-quality-row {
  align-items: flex-start;
  flex-wrap: wrap;
}

.effect-quality-choices {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.effect-quality-choices .ghost {
  padding: 6px 9px;
  font-size: 11px;
}

#effect-quality-description {
  flex-basis: 100%;
  margin-left: min(180px, 26vw);
  color: var(--ink-dim, #aab1c5);
  line-height: 1.6;
}

html[data-effect-mode="light"] .move-vfx.individual-vfx,
html[data-effect-mode="minimal"] .move-vfx.individual-vfx {
  mix-blend-mode: normal;
  filter: drop-shadow(0 0 3px rgba(255, 255, 255, .38));
}

html[data-effect-mode="light"] .move-vfx.individual-impact {
  filter: drop-shadow(0 0 5px rgba(255, 255, 255, .46));
}

html[data-effect-mode="minimal"] #stage.quake,
html[data-effect-mode="minimal"] .hit-flash .sprite,
html[data-effect-mode="minimal"] .lunge-player .sprite,
html[data-effect-mode="minimal"] .lunge-enemy .sprite,
html[data-effect-mode="minimal"] .boss-phase-flash {
  animation: none !important;
}

html[data-effect-mode="minimal"] .particle {
  display: none !important;
}

html[data-effect-mode="minimal"] .boss-flash,
html[data-effect-mode="minimal"] .ougi-flash {
  animation-duration: .18s !important;
}

@media (prefers-reduced-motion: reduce) {
  #stage.quake,
  .hit-flash .sprite,
  .lunge-player .sprite,
  .lunge-enemy .sprite,
  .boss-phase-flash,
  #cutin.play .cutin-band-top,
  #cutin.play .cutin-band-bottom,
  #cutin.play .cutin-emoji,
  #cutin.play .cutin-text {
    animation: none !important;
  }

  #cutin.play .cutin-emoji,
  #cutin.play .cutin-text {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 560px) {
  #effect-quality-description { margin-left: 0; }
}