/* ===== Kuis ===== */
.kz-intro,.kz,.kz-res{max-width:820px;margin:0 auto}
.kz-hero{display:flex;gap:18px;align-items:center;padding:26px;border-radius:20px;color:#fff;background:linear-gradient(125deg,var(--c),#111827 130%);box-shadow:var(--shadow)}
.kz-hero h1{margin:.1em 0 .25em;font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.2}.kz-hero p{margin:0;opacity:.92;max-width:56ch}
.kz-kick{font:700 12px var(--font);letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.kz-badge{flex:none;display:grid;place-items:center;width:74px;height:74px;border-radius:20px;background:rgba(255,255,255,.18)}.kz-badge .ico{width:40px;height:40px}
.kz-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:16px 0}
.kz-stats div{padding:14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);text-align:center}
.kz-stats b{display:block;font-size:1.6rem;color:var(--c)}.kz-stats span{font-size:13px;color:var(--muted)}
.kz-topics{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 18px}
.kz-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.btn.big{padding:14px 28px;font-size:17px;border-radius:14px}
.kz-note{padding:10px 14px;border-radius:10px;background:var(--soft);font-size:14px}
.kz-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}
.kz-dots{display:flex;gap:6px;flex:1}.kz-dots i{flex:1;height:8px;border-radius:9px;background:var(--line);max-width:60px}
.kz-dots i.now{background:var(--c);opacity:.55}.kz-dots i.ok{background:#16a34a}.kz-dots i.bad{background:#dc2626}
.kz-meta{display:flex;gap:10px;font-weight:700;font-size:14px}
.kz-meta span{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:99px;background:var(--surface);border:1px solid var(--line)}
.kz-streak.hot{background:#fff1e6;border-color:#fdba74;color:#c2410c}.kz-streak.hot .ico{animation:pulse .8s infinite alternate}
@keyframes pulse{to{transform:scale(1.25)}}.kz-xp{color:#a16207}
.kz-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(18px,4vw,34px);box-shadow:var(--shadow);border-top:6px solid var(--c)}
.kz-q{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted)}.kz-no{font-weight:700}
.kz-type{padding:2px 10px;border-radius:99px;background:var(--soft);color:var(--ink);font-weight:600}
.kz-tanya{margin:.5em 0 1em;font-size:clamp(1.12rem,2.4vw,1.4rem);line-height:1.4}
.kz-opts{display:grid;gap:10px}
.kz-opt{display:flex;gap:12px;align-items:center;text-align:left;padding:14px 16px;border-radius:14px;border:2px solid var(--line);background:var(--surface);color:var(--ink);font:500 16px/1.4 var(--font);cursor:pointer;transition:.12s}
.kz-opt:hover:not(:disabled){border-color:var(--c);transform:translateY(-1px)}
.kz-opt.sel{border-color:var(--c);background:var(--soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)}
.kz-l{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--soft);font-weight:800;color:var(--c)}
.kz-opt.right{border-color:#16a34a;background:#e8f8ee;color:#14532d}.kz-opt.right .kz-l{background:#16a34a;color:#fff}
.kz-opt.wrong{border-color:#dc2626;background:#fdecec;color:#7f1d1d}.kz-opt.wrong .kz-l{background:#dc2626;color:#fff}
.kz-opt:disabled{cursor:default}
.kz-bs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kz-bs .kz-opt{justify-content:center;font-size:1.1rem;padding:22px}
.bs-t.sel,.bs-t:hover:not(:disabled){border-color:#16a34a}.bs-f.sel,.bs-f:hover:not(:disabled){border-color:#dc2626}
.kz-inp{width:100%;padding:14px 16px;border-radius:14px;border:2px solid var(--line);background:var(--surface);color:var(--ink);font:500 18px var(--font)}
.kz-inp:focus{outline:none;border-color:var(--c)}.kz-inp.right{border-color:#16a34a;background:#e8f8ee;color:#14532d}.kz-inp.wrong{border-color:#dc2626;background:#fdecec;color:#7f1d1d}
.kz-hint{margin-top:10px;font-size:13.5px;color:var(--muted)}
.kz-key{margin-top:12px;padding:10px 14px;border-radius:12px;background:var(--soft);font-size:14.5px}.kz-key ol,.kz-key ul{margin:.4em 0 0;padding-left:1.4em}
.kz-ord{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.kz-ord li{display:flex;align-items:center;gap:12px;padding:11px 12px;border:2px solid var(--line);border-radius:13px;background:var(--surface);cursor:grab}
.kz-ord li.drag{opacity:.45}.kz-ord li.right{border-color:#16a34a;background:#e8f8ee;color:#14532d}.kz-ord li.wrong{border-color:#dc2626;background:#fdecec;color:#7f1d1d}
.kz-n{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff;font-weight:800;font-size:13px}.kz-t{flex:1}
.kz-mv{display:flex;gap:4px}.kz-mv button{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.kz-mv button:disabled{opacity:.35;cursor:default}
.kz-match{display:grid;grid-template-columns:1fr 1fr;gap:14px}.kz-match .col{display:grid;gap:8px;align-content:start}
.kz-m{position:relative;display:flex;align-items:center;gap:8px;text-align:left;padding:12px 14px;border-radius:13px;border:2px solid var(--line);background:var(--surface);color:var(--ink);font:500 15px/1.35 var(--font);cursor:pointer}
.kz-m.sel{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)}
.kz-m.paired{border-color:var(--pc);background:color-mix(in srgb,var(--pc) 10%,var(--surface))}
.kz-m i{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--pc,var(--c));color:#fff;font:800 12px var(--font);font-style:normal}.kz-m i.lt{background:var(--soft);color:var(--c)}
.kz-m.paired i.lt{background:var(--pc);color:#fff}
.kz-m.right{border-color:#16a34a;background:#e8f8ee;color:#14532d}.kz-m.wrong{border-color:#dc2626;background:#fdecec;color:#7f1d1d}.kz-m:disabled{cursor:default}
@media(max-width:560px){.kz-match{grid-template-columns:1fr}}
.kz-fb{margin-top:18px;padding:14px 16px;border-radius:14px;line-height:1.6;animation:in .25s}.kz-fb.ok{background:#e8f8ee;border:1px solid #86efac;color:#14532d}.kz-fb.bad{background:#fff1f2;border:1px solid #fca5a5;color:#7f1d1d}
.kz-fb a{color:inherit;font-weight:700}
.kz-foot{display:flex;justify-content:flex-end;margin-top:18px}
.kz-res{text-align:center;position:relative}#conf{position:absolute;left:0;top:0;width:100%;height:380px;pointer-events:none}
.kz-ring{width:200px;margin:8px auto 0;color:var(--ink)}
.kz-medal{display:inline-flex;gap:8px;align-items:center;padding:8px 20px;border-radius:99px;background:color-mix(in srgb,var(--m) 16%,var(--surface));color:var(--m);font-weight:800;border:2px solid var(--m)}
.kz-res h1{font-size:1.4rem;margin:.5em 0}.kz-res h3{text-align:left;margin:1.4em 0 .5em}
.kz-tp{display:grid;gap:8px;text-align:left}.kz-tp .row{display:grid;grid-template-columns:minmax(120px,38%) 1fr auto;gap:12px;align-items:center;padding:0;border:0;background:none}
.kz-tp .bar{height:10px}.kz-tp .g .bar i{background:#16a34a}.kz-tp .y .bar i{background:#f59e0b}.kz-tp .r .bar i{background:#dc2626}
.kz-rev{margin-top:16px;padding:12px 16px;border-radius:12px;background:#fff7e6;border:1px solid #f3d38b;color:#6b4a07;text-align:left;line-height:1.7}.kz-rev.good{background:#e8f8ee;border-color:#86efac;color:#14532d}.kz-rev a{color:inherit;font-weight:700}
.kz-res .kz-actions{justify-content:center}