.qz-wrap{max-width:760px;margin:0 auto;padding:0 0 10px}
.qz-lead{margin:6px 0 18px;font-size:18px;line-height:1.5;color:#3c4350}
:root[data-theme="dark"] .qz-lead{color:#c3cad4}
.qz{--lv1:#1e8e4e;--lv2:#1f6fd1;--lv3:#7b3fc4;--lv-on:#fff;--qz-card:#eef0f3;--qz-in:#fff;--qz-text:#202124;--qz-muted:#5b6574;--qz-line:#d5dae0;--qz-soft:#f6f7f9;--qz-acc:#ff6a00;--qz-btn:#d45200;--qz-ok:#177a3c;--qz-okbg:#e8f6ed;--qz-bad:#c5221f;--qz-badbg:#fdeceb;color:var(--qz-text);font-size:17px;line-height:1.45;min-height:340px}
:root[data-theme="dark"] .qz{--lv1:#4cd08a;--lv2:#6aa8ff;--lv3:#b794f6;--lv-on:#10151a;--qz-card:#2d3036;--qz-in:#232529;--qz-text:#e8eaed;--qz-muted:#a2acb9;--qz-line:#464a52;--qz-soft:#34373d;--qz-btn:#ff7a1f;--qz-ok:#5fd68a;--qz-okbg:#16341f;--qz-bad:#ff8a84;--qz-badbg:#3b1b19}
.qz *{box-sizing:border-box}
.qz-card{background:var(--qz-card);border:1px solid var(--qz-line);border-radius:16px;padding:22px;box-shadow:0 2px 14px rgba(0,0,0,.06)}
.qz-loading{text-align:center;color:var(--qz-muted)}
/* стартовый экран */
.qz-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.qz-lcard{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--qz-line);border-radius:12px;background:var(--qz-in);font-size:14px;color:var(--qz-muted)}
.qz-lcard b{font-size:17px;color:var(--qz-text)}
.qz-lnum{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--qz-btn);color:#fff;font-weight:700;font-size:15px}
.qz-rules{margin:0 0 12px;padding-left:20px}
.qz .qz-rules li{margin:2px 0;padding:0;line-height:1.4}
.qz-best{font-weight:700;color:var(--qz-btn);margin:8px 0}
.qz-start{text-align:left}
.qz-start .qz-btn{display:block;width:100%;max-width:340px;margin:16px auto 0}
/* кнопки */
.qz-btn{display:inline-block;margin-top:14px;padding:14px 30px;min-height:48px;background:var(--qz-btn);color:#fff;border:2px solid var(--qz-btn);border-radius:30px;font:inherit;font-size:18px;font-weight:700;cursor:pointer;text-decoration:none}
.qz-btn:hover{filter:brightness(1.08)}
.qz-btn.alt{background:transparent;color:var(--qz-btn)}
.qz-link{background:none;border:0;padding:8px 2px;color:var(--qz-muted);font:inherit;font-size:14px;text-decoration:underline;cursor:pointer}
.qz button:focus-visible,.qz-opt:focus-within{outline:3px solid #1a73e8;outline-offset:2px}
/* шапка игры */
.qz-lv{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.qz-chip{padding:4px 12px;border-radius:20px;border:2px solid var(--qz-line);font-size:13px;font-weight:700;color:var(--qz-muted)}
.qz-chip.cur{border-color:var(--qz-btn);color:var(--qz-btn)}
.qz-chip.done{background:var(--qz-ok);border-color:var(--qz-ok);color:#fff}
.qz-top{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-weight:600}
.qz-score{color:var(--qz-btn);font-weight:700}
.qz-bar{height:10px;margin:10px 0 18px;background:var(--qz-line);border-radius:5px;overflow:hidden}
.qz-fill{height:100%;background:var(--qz-acc);border-radius:5px;transition:width .4s}
/* вопрос и ответы */
.qz-fs{border:0;margin:0;padding:0;min-width:0}
.qz-q{display:block;padding:0;font-size:21px;font-weight:700;margin:0 0 14px;line-height:1.35;outline:none}
.qz-opts{list-style:none;margin:0;padding:0}
.qz-opt{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 14px;margin:8px 0;border:2px solid var(--qz-line);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s;user-select:none;background:var(--qz-in)}
.qz-opt:hover{border-color:var(--qz-acc);background:var(--qz-soft)}
.qz-opt input{width:24px;height:24px;flex:none;accent-color:var(--qz-acc);cursor:pointer;margin:0}
.qz-txt{flex:1;min-width:0;overflow-wrap:anywhere}
.qz-tag{flex:none;font-size:13px;font-weight:700;white-space:nowrap}
.qz-opt.ok,.qz-opt.bad{cursor:default}
.qz-opt.ok{background:var(--qz-okbg);border-color:var(--qz-ok);color:var(--qz-ok);font-weight:700}
.qz-opt.bad{background:var(--qz-badbg);border-color:var(--qz-bad);color:var(--qz-bad);opacity:.9}
.qz-opt.ok:hover{background:var(--qz-okbg);border-color:var(--qz-ok)}
.qz-opt.bad:hover{background:var(--qz-badbg);border-color:var(--qz-bad)}
.qz-opt.ok input{accent-color:var(--qz-ok)}.qz-opt.bad input{accent-color:var(--qz-bad)}
.qz-fb{margin-top:14px;min-height:26px;font-weight:700}
.qz-fb small{display:block;font-weight:400;color:var(--qz-muted);margin-top:2px;font-size:15px}
.qz-fb.ok{color:var(--qz-ok)}.qz-fb.bad{color:var(--qz-bad)}
.qz-nav{text-align:right;min-height:62px}
.qz-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;font-size:14px;color:var(--qz-muted)}
/* результат */
.qz-end{text-align:center}
.qz-end h2{margin:0 0 6px;font-size:26px;outline:none}
.qz-pts{font-size:36px;font-weight:800;color:var(--qz-btn);margin:6px 0}
.qz-reach{margin:4px 0 14px}
.qz-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
.qz-stats div{display:flex;flex-direction:column;padding:10px 4px;border:1px solid var(--qz-line);border-radius:12px;background:var(--qz-in)}
.qz-stats b{font-size:24px;color:var(--qz-text)}
.qz-stats span{font-size:13px;color:var(--qz-muted)}
.qz-rate{display:flex;flex-direction:column;gap:4px;margin:14px 0;padding:14px;border-radius:12px;background:var(--qz-okbg)}
.qz-rate b{font-size:19px;color:var(--qz-ok)}
.qz-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.qz-share-st{min-height:22px;margin:10px 0 0;font-size:14px;color:var(--qz-muted);overflow-wrap:anywhere}
/* SEO-текст */
.qz-info{margin-top:34px;font-size:17px;line-height:1.6}
.qz-info h2{font-size:23px;margin:28px 0 10px}
.qz-info h3{font-size:18px;margin:18px 0 4px}
.qz-info p{margin:8px 0}
.qz-info ul{margin:8px 0;padding-left:22px}
.qz-info li{margin:4px 0}
@media(max-width:600px){.qz-levels{gap:6px;margin-bottom:12px}.qz-lcard{align-items:center;text-align:center;gap:2px;padding:8px 4px}.qz-lcard b{font-size:14px}.qz-lcard span:not(.qz-lnum){display:none}.qz-lnum{width:24px;height:24px;font-size:13px}.qz-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.qz-card{padding:16px}.qz-q{font-size:19px}.qz{font-size:16px}.qz-opt{padding:10px 12px}.qz-btn{width:100%;text-align:center}.qz-actions .qz-btn{width:100%}.qz-nav{text-align:center}.qz-lead{font-size:16px}}
@media(max-width:560px){
.qz-card{padding:12px}
.qz-lv{display:none}.qz-fbx{display:none}
.qz-fb small{display:inline;margin-left:6px}
.qz-top{font-size:15px}
.qz-bar{height:8px;margin:6px 0 10px}
.qz-q{font-size:17px;margin:0 0 6px}
.qz-opt{min-height:46px;padding:8px 10px;margin:5px 0;gap:10px;font-size:16px;line-height:1.3}
.qz-opt input{width:22px;height:22px}
.qz-tag{font-size:12px}
.qz-bottom{position:sticky;bottom:0;z-index:2;margin:6px -12px 0;padding:6px 12px calc(6px + env(safe-area-inset-bottom));background:var(--qz-card);border-top:1px solid var(--qz-line)}
.qz-fb{margin-top:0;min-height:0;font-size:15px}
.qz-fb small{font-size:13px;margin-top:0}
.qz-nav{min-height:0;margin-top:4px}
.qz-nav .qz-btn{margin-top:0;padding:10px 16px;min-height:44px;font-size:17px}
.qz-foot{margin-top:2px;font-size:13px}
.qz-link{font-size:13px;padding:4px 2px}
}
@media(prefers-reduced-motion:reduce){.qz-fill,.qz-opt{transition:none}}
.qz-warn{color:var(--qz-bad);font-weight:700}

/* FAQ-спойлеры */
.qz-faq{margin:8px 0}
.qz-faq details{border:1px solid #d5dae0;border-radius:12px;margin:8px 0;background:#f6f7f9}
.qz-faq summary{cursor:pointer;padding:12px 16px;font-weight:700;font-size:17px;line-height:1.35;list-style:none;position:relative;padding-right:40px}
.qz-faq summary::-webkit-details-marker{display:none}
.qz-faq summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;color:#d45200}
.qz-faq details[open] summary::after{content:"\2212"}
.qz-faq summary:focus-visible{outline:3px solid #1a73e8;outline-offset:2px;border-radius:12px}
.qz-faq details p{margin:0;padding:0 16px 14px}
:root[data-theme="dark"] .qz-faq details{border-color:#464a52;background:#2d3036}
:root[data-theme="dark"] .qz-faq summary::after{color:#ff7a1f}
/* цвета уровней */
.qz-lcard.lv1{border-top:4px solid var(--lv1)}.qz-lcard.lv2{border-top:4px solid var(--lv2)}.qz-lcard.lv3{border-top:4px solid var(--lv3)}
.qz-lcard.lv1 .qz-lnum{background:var(--lv1);color:var(--lv-on)}
.qz-lcard.lv2 .qz-lnum{background:var(--lv2);color:var(--lv-on)}
.qz-lcard.lv3 .qz-lnum{background:var(--lv3);color:var(--lv-on)}
.qz-chip.lv1.cur{border-color:var(--lv1);color:var(--lv1)}.qz-chip.lv2.cur{border-color:var(--lv2);color:var(--lv2)}.qz-chip.lv3.cur{border-color:var(--lv3);color:var(--lv3)}
.qz-chip.lv1.done{background:var(--lv1);border-color:var(--lv1);color:var(--lv-on)}
.qz-chip.lv2.done{background:var(--lv2);border-color:var(--lv2);color:var(--lv-on)}
.qz-chip.lv3.done{background:var(--lv3);border-color:var(--lv3);color:var(--lv-on)}
.qz-l1 .qz-fill{background:var(--lv1)}.qz-l2 .qz-fill{background:var(--lv2)}.qz-l3 .qz-fill{background:var(--lv3)}
/* названия уровней в тексте */
.qz-info{--lv1:#1e8e4e;--lv2:#1f6fd1;--lv3:#7b3fc4;--lv-on:#fff}
:root[data-theme="dark"] .qz-info{--lv1:#4cd08a;--lv2:#6aa8ff;--lv3:#b794f6;--lv-on:#10151a}
.qz-pill{display:inline-block;padding:2px 12px;margin:0 4px 2px 0;border-radius:20px;font-weight:700;font-size:15px;line-height:1.5;color:var(--lv-on);white-space:nowrap}
.qz-pill.lv1{background:var(--lv1)}.qz-pill.lv2{background:var(--lv2)}.qz-pill.lv3{background:var(--lv3)}
/* сравнение с другими участниками */
.qz-prev{margin:0 0 6px;font-size:14px;color:var(--qz-muted)}
.qz-cmp{min-height:22px;margin:8px 0 0;font-weight:600;color:var(--qz-text)}

/* ссылка на стих в обратной связи */
.qz-fb a.qz-ref{color:var(--qz-btn);font-weight:700;text-decoration:underline;padding:6px 0;display:inline-block}
.qz-fb a.qz-ref:hover{filter:brightness(1.15)}
.qz-fb a.qz-ref:focus-visible{outline:3px solid #1a73e8;outline-offset:2px;border-radius:4px}
.qz-fb a.qz-ref::after{content:" \2197";font-size:.85em;text-decoration:none;display:inline-block}@media(max-width:560px){.qz-fb a.qz-ref{padding:2px 0}}