Add TechTacular fifty-fifty joker
mindflux-ci / build (push) Successful in 34s

This commit is contained in:
AliceDarkest
2026-07-19 20:01:06 +02:00
parent 860b1ffba9
commit c5009d1718
11 changed files with 446 additions and 14 deletions
@@ -225,6 +225,17 @@ body.tt-body {
.tt-q-answers { display: grid; gap: 0.6rem; }
.tt-joker-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.55rem 0.8rem;
margin: 0 0 0.9rem;
}
.tt-joker { padding: 0.42rem 0.75rem; font-size: 0.82rem; }
.tt-joker:disabled { cursor: default; opacity: 0.62; }
.tt-joker-note { color: var(--muted); font-size: 0.78rem; }
.tt-answer {
text-align: left;
padding: 0.75rem 1rem;
@@ -240,6 +251,13 @@ body.tt-body {
.tt-answer:disabled { cursor: default; }
.tt-answer.correct { border-color: var(--success); background: color-mix(in srgb, var(--success) 14%, transparent); color: var(--success); }
.tt-answer.wrong { border-color: var(--danger); background: color-mix(in srgb, var(--danger) 14%, transparent); color: var(--danger); }
.tt-answer.eliminated {
border-color: var(--border);
background: color-mix(in srgb, var(--surface-2) 65%, transparent);
color: var(--muted);
opacity: 0.62;
text-decoration: line-through;
}
.tt-q-feedback { margin-top: 0.9rem; font-weight: 700; min-height: 1.2rem; }
.tt-q-feedback.correct { color: var(--success); }