/* kviz.css · Cliplea · Kviz dana (v0.4.68). Dugmad, prozori i statistika nose klase iz enigma.css i rec.css (rec-dugme, e-kraj, rec-stat).
   Pitanje na belom „papiru“ (kao tabla osmosmerke), odgovori kao široke pilule sa slovom; tačan zeleno, pogrešan roze. */
.kviz-alati { align-items: center; }
.kviz-brojac { margin-left: auto; font-family: var(--naslovni); font-weight: 800; font-size: 16px; color: var(--naslov); white-space: nowrap; }
.kviz-tabla { width: min(100% - 32px, 640px); margin: 0 auto 12px; }
.kviz-tackice { display: flex; justify-content: center; gap: 8px; margin: 2px 0 12px; }
.kviz-tacka { width: 12px; height: 12px; border-radius: 50%; background: var(--linija); }
.kviz-tacka.tekuca { background: var(--naslov); box-shadow: 0 0 0 3px rgba(16, 48, 110, .18); }
.kviz-tacka.tacno { background: #3a9d5d; }
.kviz-tacka.netacno { background: var(--akcenat); }
.kviz-pitanje { padding: 18px 18px 16px; border-radius: 12px; background: #fff; color: #1c1e26; box-shadow: 0 2px 8px rgba(21, 26, 45, .14), 0 0 0 1px rgba(21, 26, 45, .06); }
.kviz-pitanje.pregled { margin-bottom: 12px; padding: 14px 16px 12px; }
.kviz-redni { margin: 0 0 6px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--akcenat); }
.kviz-tekst { margin: 0 0 14px; font-family: var(--naslovni); font-weight: 800; font-size: 21px; line-height: 1.25; color: #10306e; }
.kviz-pitanje.pregled .kviz-tekst { font-size: 17px; margin-bottom: 10px; }
.kviz-odgovori { display: flex; flex-direction: column; gap: 8px; }
.kviz-odgovor { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 8px 12px; border: 1.5px solid #e6e7ec; border-radius: 12px; background: #e8edf8; color: #10306e; font: inherit; font-weight: 700; font-size: 15px; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background .12s, border-color .12s; }
.kviz-odgovor:hover:not(:disabled) { border-color: #10306e; }
.kviz-odgovor:active:not(:disabled) { transform: scale(.99); }
.kviz-odgovor:disabled { cursor: default; opacity: .78; }
.kviz-odgovor.tacan, .kviz-odgovor.tacan:disabled { background: #3a9d5d; border-color: #3a9d5d; color: #fff; opacity: 1; }
.kviz-odgovor.pogresan, .kviz-odgovor.pogresan:disabled { background: #fcdce7; border-color: var(--akcenat); color: #7a1b3d; opacity: 1; text-decoration: line-through; }
.kviz-slovo { flex: none; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #fff; color: #10306e; font-family: var(--naslovni); font-weight: 800; font-size: 14px; }
.kviz-odgovor.tacan .kviz-slovo { color: #3a9d5d; }
.kviz-odgovor.pogresan .kviz-slovo { color: var(--akcenat); }
.kviz-o-tekst { flex: 1; line-height: 1.25; }
.kviz-obj { margin: 14px 0 0; padding: 10px 12px; border-radius: 8px; background: #f5f5f3; font-size: 14px; line-height: 1.4; color: #1c1e26; }
.kviz-obj.tacno { background: #e7f4ea; }
.kviz-obj.netacno { background: #fde8ef; }
.kviz-obj b { display: block; margin-bottom: 2px; }
.kviz-obj p { margin: 4px 0 0; }
.kviz-dalje { display: block; width: 100%; margin-top: 12px; }
.kviz-kraj-traka { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0 0 12px; padding: 12px 14px; border: 1.5px solid var(--linija); border-radius: 12px; background: var(--belo); color: var(--tekst); }
.kviz-kraj-traka b { font-family: var(--naslovni); font-weight: 800; font-size: 18px; color: var(--naslov); }
.kviz-kraj-traka .rec-dugme { margin-left: auto; }
.kviz-pregled-naslov { margin: 0 0 10px; font-family: var(--naslovni); font-weight: 800; font-size: 15px; letter-spacing: .04em; text-transform: uppercase; color: var(--sivo); }
.kviz-kockice { font-size: 24px !important; letter-spacing: 2px; margin: 0 0 8px !important; }
.kviz-kraj .rec-stat { flex-wrap: wrap; gap: 12px 16px; }
.kviz-kraj .rec-stat b { font-size: 22px; }
.kviz-poruka { margin-bottom: 10px; }
@media (min-width: 900px) { .kviz-tekst { font-size: 23px; } .kviz-odgovor { font-size: 16px; } }