:where(.plus-app-2026-03-AI-text-game) {
  font-family: 'Yle Next', 'Open Sans', sans-serif;
  --plus-foreground: #f8f9fa;
  /* --plus-background: #131415; */
  --plus-background: #1e1e1e;

  /*** Custom properties for TextCard component */
  --card-background: var(--yds-color-gray-80);

  --genre-header: var(--yds-color-gray-30);

  --game-index: var(--yds-color-gray-50);

  /* Textbox - when user hasn't yet made a selection */
  --card-label: rgba(255, 255, 255, 0.71);

  /* Text */
  --yds-medium-emphasis-text: rgba(255, 255, 255, 0.71);
  /* Human-written colors */
  --human-selected-bg: var(--yds-color-info-green-30);
  --human-selected-text: var(--yds-color-text-dark);
  --human-selected-accent: var(--yds-color-gray-80);
  --human-selected-attr-text: var(--yds-color-gray-70);

  /* AI-generated colors */
  --ai-selected-bg: var(--yds-color-info-orange-40);
  --ai-selected-text: var(--yds-color-text-dark);
  --ai-selected-accent: var(--yds-color-gray-80);
  --ai-selected-attr-text: var(--yds-color-gray-70);

  /* Unselected/disabled card colors */
  --card-unselected-bg: var(--yds-color-gray-70);
  --card-unselected-border: var(--yds-color-border-separator);
  --card-unselected-text: var(--yds-color-gray-40);
  --card-unselected-accent: var(--yds-color-gray-30);
  --card-unselected-attr-text: var(--yds-color-gray-40);

  --result-human: var(--yds-color-info-green-40);
  --result-ai: var(--yds-color-info-orange-40);

  --accordion-bg: rgb(19, 20, 21);
  --results-unselected-text: var(--yds-color-gray-40);
  --choice-badge-bg: var(--yds-color-gray-70);
  --choice-badge-text: var(--yds-color-gray-20);
  --results-header-bg: var(--yds-color-gray-90);
  --results-header-border: var(--yds-color-gray-70);
  --yds-color-border-separator: rgba(255, 255, 255, 0.13);
}