/* SnoopyWap – Kviz dana */
.kv { max-width: 560px; margin-left: auto; margin-right: auto; }
.kv-kartica { background: var(--kartica); border: 1px solid var(--ivica); border-radius: 20px; padding: 20px 16px; }
.kv-nadnaslov { font: 600 13px var(--mono); color: var(--slabo); text-transform: uppercase; letter-spacing: .06em; margin: 0 0 8px; text-align: center; }
.kv-veliko { font-size: 44px; letter-spacing: -.03em; text-align: center; color: var(--akcent-t); margin-bottom: 8px; }
.kv-znaci { text-align: center; font-size: 24px; letter-spacing: 3px; margin: 0 0 10px; }
.kv-opis { text-align: center; color: var(--slabo); margin: 0 auto 18px; max-width: 40ch; }
.kv-dugmad { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.kv-stat { text-align: center; color: var(--slabo); font: 600 13px var(--mono); margin: 16px 0 0; }
.kv-vrh { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px; }
.kv-rubrika { font: 700 12px var(--mono); text-transform: uppercase; letter-spacing: .06em; color: var(--na-akcentu); background: var(--akcent3); padding: 4px 10px; border-radius: 999px; }
.kv-redni { font: 600 13px var(--mono); color: var(--slabo); }
.kv-traka { height: 6px; border-radius: 3px; background: var(--kartica2); overflow: hidden; margin-bottom: 18px; }
.kv-traka i { display: block; height: 100%; background: var(--akcent); border-radius: 3px; }
.kv-pitanje { font-size: clamp(19px, 5.4vw, 24px); line-height: 1.3; margin-bottom: 18px; }
.kv-odgovori { display: grid; gap: 10px; margin-bottom: 16px; }
.kv-odgovor { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 54px; padding: 10px 14px; border-radius: 14px; border: 2px solid var(--ivica); background: var(--kartica2); color: var(--tekst); font: 600 16px var(--sans); text-align: left; cursor: pointer; }
.kv-odgovor:hover:not(:disabled) { border-color: var(--akcent3); }
.kv-odgovor:disabled { cursor: default; opacity: .75; }
.kv-slovo { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: var(--polje); font: 700 14px var(--mono); color: var(--slabo); }
.kv-odgovor.kv-tacno { border-color: var(--akcent); background: rgba(182, 242, 60, .16); opacity: 1; }
.kv-odgovor.kv-tacno .kv-slovo { background: var(--akcent); color: var(--na-akcentu); }
.kv-odgovor.kv-netacno { border-color: var(--akcent2); background: rgba(255, 95, 162, .14); opacity: 1; }
.kv-odgovor.kv-netacno .kv-slovo { background: var(--akcent2); color: var(--na-akcentu); }
.kv-dalje { width: 100%; }
.kv-dalje[hidden] { display: none; }
@media (min-width: 900px) {
  .kv-kartica { padding: 30px; }
  .kv-odgovori { grid-template-columns: 1fr 1fr; }
}