/* Streak option — player choice buttons for the spider streak game.
 * ---------------------------------------------------------------------- */

@layer modules {
  .streak-option {
    align-items: flex-start;
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-l);
    color: var(--color-ink);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: var(--space-xxs);
    padding: var(--space-s) var(--space-m);
    text-align: left;
    transition: background-color 150ms, border-color 150ms;
    width: 100%;
  }

  .streak-option:hover {
    background-color: var(--color-hover);
    border-color: var(--color-border-strong);
  }
}