/* ═══════════════════════════════════════════
   quiz.css — Schermata S4
═══════════════════════════════════════════ */

#quiz { background: var(--deep); flex-direction: column; }

.quiz-bar {
  padding: .38rem 1.4rem;
  border-bottom: 1px solid var(--line);
  display: flex; align-items: center; justify-content: space-between;
  background: var(--surface); flex-shrink: 0;
}
.quiz-bar-label {
  font-family: 'Space Mono', monospace;
  font-size: .56rem; letter-spacing: .15em; text-transform: uppercase;
  color: var(--muted);
}
.quiz-bar-n {
  font-family: 'Space Mono', monospace;
  font-size: .6rem; color: var(--pulse);
}

/* Progress dots */
.quiz-dots {
  display: flex; gap: .3rem;
  padding: .8rem 1.4rem;
  border-bottom: 1px solid var(--line);
  flex-shrink: 0; flex-wrap: wrap;
}
.quiz-dot {
  flex: 1; min-width: 0;
  height: 3px; border-radius: 2px; background: var(--dim);
}
.quiz-dot.done    { background: var(--glow); }
.quiz-dot.current { background: var(--pulse); box-shadow: 0 0 6px var(--pulse); }

.quiz-corpo {
  flex: 1; overflow-y: auto; padding: 1.4rem;
}

.quiz-dom {
  font-size: .95rem; font-weight: 500; line-height: 1.5;
  color: var(--text); margin-bottom: 1.4rem;
  padding: .9rem 1rem;
  background: var(--surface);
  border: 1px solid var(--line); border-radius: 6px;
}

.quiz-lista { margin-bottom: 1rem; }

.quiz-opta {
  display: flex; align-items: flex-start; gap: .8rem;
  padding: .7rem .9rem; margin-bottom: .4rem;
  border: 1px solid var(--dim); border-radius: 8px;
  cursor: pointer; background: var(--surface);
  transition: border-color .15s;
  font-size: .84rem; font-weight: 300;
  color: #8090b8; line-height: 1.5;
}
.quiz-opta:active { border-color: var(--glow); }
.quiz-opta.corretta  { border-color: var(--glow); background: rgba(74,140,255,.06); color: var(--text); }
.quiz-opta.sbagliata { border-color: var(--hot);  background: rgba(255,64,96,.05);  color: var(--hot); text-decoration: line-through; }

.opta-lettera {
  font-family: 'Space Mono', monospace;
  font-size: .6rem; color: var(--muted); flex-shrink: 0; padding-top: .1rem;
}
.quiz-opta.corretta .opta-lettera { color: var(--glow); }
.quiz-opta.sbagliata .opta-lettera { color: var(--hot); }

.quiz-nota {
  display: none; margin-top: 1rem;
  padding: .8rem .9rem;
  background: var(--surface);
  border: 1px solid var(--line);
  border-left: 2px solid var(--muted);
  border-radius: 0 6px 6px 0;
}
.quiz-nota-label {
  font-family: 'Space Mono', monospace;
  font-size: .52rem; letter-spacing: .1em; text-transform: uppercase;
  color: var(--muted); margin-bottom: .3rem;
}
.quiz-nota-testo {
  font-size: .82rem; font-weight: 300; color: #6070a0; line-height: 1.65;
}

.quiz-avanti {
  display: none; margin-top: 1rem;
  font-family: 'Space Mono', monospace;
  font-size: .6rem; letter-spacing: .1em; text-transform: uppercase;
  color: var(--pulse); cursor: pointer;
  border-bottom: 1px solid rgba(0,229,255,.3);
  width: fit-content; transition: color .15s;
}
.quiz-avanti:active { color: var(--text); }

/* Schermata risultato */
.risultato { text-align: center; padding: 3rem 1rem; }
.ris-sim   { font-size: 3rem; margin-bottom: 1.2rem; filter: drop-shadow(0 0 20px var(--glow)); }
.ris-tit   { font-size: 1.8rem; font-weight: 700; letter-spacing: -.02em; color: var(--text); margin-bottom: .4rem; }
.ris-pun   { font-family: 'Space Mono', monospace; font-size: .65rem; letter-spacing: .1em; color: var(--muted); margin-bottom: 1rem; }
.ris-msg   { font-size: .88rem; font-weight: 300; color: #6070a0; line-height: 1.75; margin-bottom: 2rem; }
.ris-link  {
  display: block; margin: .5rem auto; width: fit-content;
  font-family: 'Space Mono', monospace;
  font-size: .6rem; letter-spacing: .1em; text-transform: uppercase;
  color: var(--glow); cursor: pointer;
  border-bottom: 1px solid rgba(74,140,255,.3);
  transition: color .15s; padding-bottom: .1rem;
}
.ris-link:active { color: var(--text); }

.quiz-bar-nav { display:flex; gap:.3rem; margin-left:.6rem; flex-shrink:0; }