/* ============================================================
   GRANDES MENTES — terminal histórica + trivia estilo Kahoot
   ============================================================ */
.gm-terminal {
  background: var(--panel-dark); color: #e9e9ee; border-radius: 14px; overflow: hidden; margin: 16px 0;
  font-family: var(--font-mono);
}
.gm-terminal-body { padding: 18px; text-align: center; }
.gm-portrait {
  width: 140px; height: 140px; border-radius: 12px; object-fit: cover;
  margin: 0 auto 16px; display: block; border: 2px solid rgba(255,255,255,0.15);
}
.gm-question { font-family: var(--font-display); font-size: 17px; font-weight: 700; line-height: 1.35; color: #f5f5f5; }

.gm-options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 16px 0; }
.gm-option-btn {
  padding: 16px 12px; border-radius: 12px; border: none; cursor: pointer;
  font-family: var(--font-display); font-weight: 700; font-size: 14px; color: white;
  text-align: left; transition: transform 0.15s ease;
}
.gm-option-btn:hover { transform: translateY(-2px); }
.gm-option-btn.selected { outline: 3px solid var(--ink); outline-offset: 2px; }
.gm-option-0 { background: #e2432f; }
.gm-option-1 { background: #2a6fdb; }
.gm-option-2 { background: #e8b400; }
.gm-option-3 { background: #2ea043; }

@media (max-width: 480px) {
  .gm-options { grid-template-columns: 1fr; }
}

.gm-answer-reveal {
  text-align: center; font-family: var(--font-display); font-size: 18px; font-weight: 700;
  margin-bottom: 12px; padding: 14px; background: rgba(226,96,31,0.08); border-radius: 10px;
}
.gm-reflection {
  text-align: center; color: var(--ink-soft); font-size: 14px; font-style: italic;
  margin-bottom: 20px; padding: 0 10px;
}
.gm-result-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: 9px 0; border-bottom: 1px solid var(--line); font-size: 14px;
}
.gm-tag { font-family: var(--font-mono); font-size: 11.5px; font-weight: 700; padding: 3px 8px; border-radius: 6px; }
.gm-tag.hit { background: rgba(35,92,58,0.12); color: var(--success); }
.gm-tag.miss { background: rgba(178,58,46,0.12); color: var(--danger); }