/* Desktop Full-Screen Click Mode */

/* Desktop only (768px and up) */
@media (min-width: 768px) {
  /* Hide lotus button and quick actions on desktop */
  body.page-home .lotus-section-enhanced,
  body.page-home .quick-actions {
    display: none !important;
  }

  /* Make the entire home page clickable on desktop */
  body.page-home .main-container {
    cursor: pointer;
    user-select: none;
    position: relative;
  }

  /* Add subtle hint text for desktop users */
  body.page-home .main-container::before {
    content: "Click anywhere to count";
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--color-text-secondary);
    font-size: var(--font-sm);
    opacity: 0.5;
    pointer-events: none;
    z-index: 50;
    animation: subtle-pulse 3s ease-in-out infinite;
  }

  @keyframes subtle-pulse {
    0%, 100% {
      opacity: 0.3;
    }
    50% {
      opacity: 0.6;
    }
  }

  /* Add click feedback effect */
  body.page-home .main-container:active {
    /* Remove opacity change to prevent freeze */
  }

  /* Visual feedback on click - removed to prevent freeze */
  /* Apply pulse animation when clicked - disabled */
  body.page-home .main-container.clicked {
    /* animation: desktop-click-pulse 0.3s ease-out; */
  }

  /* Keep spiral visible and centered */
  body.page-home .spiral-container {
    pointer-events: none;
  }

  /* Keep timer visible */
  body.page-home .session-timer-centered {
    pointer-events: none;
  }
}

/* Mobile view (767px and below) - no changes */
@media (max-width: 767px) {
  /* Keep everything as is on mobile */
  body.page-home .lotus-section-enhanced,
  body.page-home .quick-actions {
    display: flex !important;
  }
}