.quiz{max-width:680px;margin:0 auto}.q-top{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:.95rem;font-weight:600;display:flex}.q-bar{background:var(--primary-light);border-radius:99px;height:8px;margin-bottom:20px;overflow:hidden}.q-bar>span{background:var(--primary);border-radius:99px;width:0;height:100%;transition:width .3s;display:block}.q-card{background:var(--surface);border-radius:var(--radius-card);margin-bottom:16px;padding:24px 20px;box-shadow:0 2px 12px #0000000d}.js .quiz .q-card{display:none}.js .quiz .q-card.active,.js .quiz .q-card.ex-intro{display:block}.js .quiz .q-card.ex-intro[hidden]{display:none}.q-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.q-chip{background:var(--primary-light);color:var(--primary-dark);border-radius:99px;padding:3px 10px;font-size:.78rem;font-weight:600}.q-chip-mes{background:var(--accent-light);color:#8a5a43}.q-text{font-size:1.15rem;font-weight:600;line-height:1.4}.q-tr{color:var(--text-secondary);margin-top:6px;font-size:.95rem}.q-options{gap:10px;margin-top:18px;list-style:none;display:grid}.q-opt{text-align:start;border-radius:var(--radius);width:100%;color:var(--text);cursor:pointer;background:#fff;border:2px solid #e5e7eb;padding:13px 16px;font-family:inherit;font-size:1rem;line-height:1.4;transition:border-color .15s,background .15s,opacity .15s}.q-opt:hover:not([disabled]){border-color:var(--primary)}.q-opt>span[dir=ltr]{text-align:left;display:block}.q-opt .q-opt-tr{text-align:start;color:var(--text-secondary);margin-top:3px;font-size:.88rem;display:block}.q-opt[data-state=selected]{border-color:var(--primary);background:var(--primary-light)}.q-opt[data-state=correct]{border-color:var(--success);background:var(--success-light)}.q-opt[data-state=wrong]{border-color:var(--accent);background:var(--accent-light)}.q-opt[data-state=faded]{opacity:.5}.q-opt[disabled]{cursor:default}.q-feedback{border-radius:var(--radius);background:var(--sand);margin-top:18px;padding:16px}.q-feedback[hidden]{display:none}.q-feedback-title{margin-bottom:6px;font-weight:600}.q-feedback-title.ok{color:var(--success)}.q-feedback-title.ko{color:#8a5a43}.q-feedback p{color:var(--text-secondary);font-size:.97rem}.q-feedback strong{color:var(--text)}.q-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.q-nojs{margin-top:14px}.js .q-nojs{display:none}.q-note{color:var(--text-secondary);text-align:center;margin-top:8px;font-size:.85rem}.q-result{background:var(--surface);border-radius:var(--radius-card);text-align:center;padding:32px 24px;box-shadow:0 2px 12px #0000000d}.q-result[hidden]{display:none}.q-result img{object-fit:contain;width:120px;height:120px;margin:0 auto 8px}.q-score{color:var(--primary);font-size:3rem;font-weight:600;line-height:1.1}.q-verdict{margin:8px 0 20px;font-weight:600}.q-themes{text-align:start;gap:10px;margin:20px 0;display:grid}.q-theme-row{grid-template-columns:1fr auto;gap:4px 12px;font-size:.95rem;display:grid}.q-theme-bar{background:var(--primary-light);border-radius:99px;grid-column:1/-1;height:8px;overflow:hidden}.q-theme-bar>span{background:var(--primary);border-radius:99px;width:0;min-width:0;height:100%;transition:width .9s cubic-bezier(.22,1,.36,1);display:block}.q-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.q-cta{background:var(--primary-light);border-radius:var(--radius-card);text-align:center;margin-top:24px;padding:24px}.q-cta h3{margin-bottom:6px;font-size:1.2rem}.q-cta p{color:var(--text-secondary);margin-bottom:14px}.ex-bar{z-index:5;background:var(--bg);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:.95rem;font-weight:600;display:flex;position:sticky;top:70px}.ex-timer{font-variant-numeric:tabular-nums;background:var(--primary-light);color:var(--primary-dark);border-radius:99px;padding:4px 12px}.ex-timer.warn{background:var(--accent-light);color:#8a5a43}.ex-nav{justify-content:space-between;gap:10px;margin:4px 0 18px;display:flex}.ex-grid{grid-template-columns:repeat(10,1fr);gap:6px;margin-bottom:10px;display:grid}.ex-cell{aspect-ratio:1;color:var(--text-secondary);cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:.85rem;font-weight:600}.ex-cell.done{background:var(--primary-light);border-color:var(--primary-light);color:var(--primary-dark)}.ex-cell.current{border-color:var(--primary)}.ex-timeup{color:#8a5a43;margin-bottom:8px;font-weight:600}@keyframes q-pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes q-up{0%{opacity:0;transform:translateY(10px)}}.q-result.anim [data-mascot]{animation:.6s cubic-bezier(.34,1.56,.64,1) both q-pop}.q-result.anim .q-score{animation:.5s cubic-bezier(.34,1.56,.64,1) .15s both q-pop}.q-result.anim .q-verdict{animation:.4s 1.1s both q-up}.q-result.anim .q-theme-row{animation:q-up .4s calc(.55s + var(--d,0) * .14s) both}.q-result.anim .rv-cell{animation:q-pop .35s calc(1.3s + var(--d,0) * 18ms) both}.sheet{text-align:center;background:var(--surface);width:min(420px,100% - 32px);color:var(--text);border:0;border-radius:24px;margin:auto;padding:26px 24px 22px;box-shadow:0 24px 60px #00000040}.sheet[open]{animation:.3s cubic-bezier(.34,1.56,.64,1) q-pop}.sheet::backdrop{backdrop-filter:blur(2px);background:#1c191773}.sheet img{object-fit:contain;width:88px;height:88px;margin:0 auto 6px}.sheet h3{margin-bottom:6px;font-size:1.3rem}.sheet p{color:var(--text-secondary);margin-bottom:20px}.sheet-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sheet-actions .btn{padding-inline:12px}.rv{text-align:start;margin:28px 0 8px}.rv-t{margin-bottom:6px;font-size:1.25rem}.rv-legend{color:var(--text-secondary);flex-wrap:wrap;gap:6px 16px;margin-bottom:12px;font-size:.9rem;font-weight:600;display:flex}.rv-legend span{align-items:center;gap:6px;display:inline-flex}.rv-legend i{border-radius:4px;width:12px;height:12px}.rv-legend .ok i{background:var(--success)}.rv-legend .ko i{background:var(--accent)}.rv-legend .skip i{background:var(--accent-light);box-shadow:inset 0 0 0 2px var(--accent)}.rv-grid{grid-template-columns:repeat(10,1fr);gap:6px;display:grid}.rv-cell{aspect-ratio:1;font:inherit;cursor:pointer;border:2px solid #0000;border-radius:10px;font-size:.85rem;font-weight:600;transition:transform .12s,box-shadow .12s}.rv-cell.ok{background:var(--success-light);color:#15803d}.rv-cell.ko{background:var(--accent);color:#fff}.rv-cell.skip{background:var(--accent-light);color:#8a5a43;border-color:var(--accent)}.rv-cell:hover{transform:translateY(-1px)}.rv-cell.sel{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--text)}.rv-hint{color:var(--text-secondary);margin:10px 0 14px;font-size:.85rem}.rv-panel{background:var(--bg);border-radius:20px;padding:16px 18px 20px}.rv-panel.swap{animation:.25s both q-up}.rv-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.rv-title{text-align:center;flex-direction:column;flex:1;align-items:center;line-height:1.3;display:flex}.rv-num{color:var(--text-secondary);font-size:.82rem;font-weight:600}.rv-status{align-items:center;gap:6px;font-weight:600;display:inline-flex}.rv-status.ok{color:#15803d}.rv-status.ko{color:#8a5a43}.rv-nav{background:var(--surface);width:44px;height:44px;color:var(--primary);cursor:pointer;border:0;border-radius:14px;flex:none;place-items:center;display:grid;box-shadow:0 1px 4px #00000014}.rv-nav:disabled{opacity:.35;cursor:default}[dir=rtl] .rv-nav svg{transform:scaleX(-1)}.rv-chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.rv-chips span{background:var(--primary-light);color:var(--primary-dark);border-radius:99px;padding:3px 10px;font-size:.75rem;font-weight:600}.rv-chips .mes{background:var(--accent-light);color:#8a5a43}.rv-q{font-size:1.05rem;font-weight:600;line-height:1.45}.rv-tr{color:var(--text-secondary);margin-top:4px;font-size:.9rem}.rv-opts{gap:8px;margin:14px 0;list-style:none;display:grid}.rv-opt{background:var(--surface);border:2px solid var(--border);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-size:.95rem;line-height:1.4;display:flex}.rv-opt-text{flex-direction:column;flex:1;display:flex}.rv-opt-text small{color:var(--text-secondary)}.rv-opt em{background:#0000000f;border-radius:99px;flex:none;padding:2px 8px;font-size:.72rem;font-style:normal;font-weight:600}.rv-letter{background:var(--bg);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:.78rem;font-weight:600;display:grid}.rv-opt.right{border-color:var(--success);background:var(--success-light)}.rv-opt.right .rv-letter{background:var(--success);color:#fff}.rv-opt.mine-wrong{border-color:var(--accent);background:var(--accent-light)}.rv-opt.mine-wrong .rv-letter{background:var(--accent);color:#fff}.rv-none{color:#8a5a43;margin-bottom:10px;font-weight:600}.rv-expl{background:var(--surface);color:var(--text-secondary);border-radius:14px;padding:12px 14px;font-size:.94rem}.rv-expl-t,.rv-locked{color:var(--primary-dark);align-items:center;gap:6px;margin-bottom:4px;font-weight:600;display:flex}.rv-locked{background:var(--surface);border-radius:14px;padding:12px 14px;font-size:.94rem}@media (width<=480px){.rv-grid,.ex-grid{gap:4px}.rv-cell,.ex-cell{border-radius:8px;font-size:.78rem}}