/* Projector Mode Fullscreen Dark Interface */
    .projector-overlay {
      position: fixed;
      inset: 0;
      background: #070b14;
      color: #f8fafc;
      z-index: 99999;
      display: flex;
      flex-direction: column;
      padding: 28px 40px;
      overflow-y: auto;
    }

    .projector-header-bar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #1e293b;
      padding-bottom: 18px;
      margin-bottom: 24px;
    }

    .projector-question-card {
      background: #0f172a;
      border: 1.5px solid #1e293b;
      border-radius: 20px;
      padding: 32px 36px;
      margin-bottom: 28px;
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
    }

    .projector-options-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 16px;
      margin-bottom: 28px;
    }

    @media (min-width: 768px) {
      .projector-options-grid {
        grid-template-columns: 1fr 1fr;
      }
    }

    .projector-opt-card {
      position: relative;
      background: #111827;
      border: 2px solid #1f2937;
      border-radius: 16px;
      padding: 20px 24px;
      overflow: hidden;
      transition: border-color 0.2s ease;
    }

    .projector-opt-bar {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      opacity: 0.25;
      transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      border-radius: 14px;
    }

    .projector-opt-card.opt-a .projector-opt-bar {
      background: #fb7185;
    }

    .projector-opt-card.opt-b .projector-opt-bar {
      background: #38bdf8;
    }

    .projector-opt-card.opt-c .projector-opt-bar {
      background: #fbbf24;
    }

    .projector-opt-card.opt-d .projector-opt-bar {
      background: #34d399;
    }

    .projector-opt-inner {
      position: relative;
      z-index: 2;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
    }