.quiz-page{background:var(--color-surface);padding-top:calc(var(--header-h) + clamp(2rem,6vh,3.5rem));padding-bottom:clamp(3rem,6vw,5rem);min-height:70vh}.quiz-wrap{max-width:640px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quiz-fallback{background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius);padding:clamp(1.75rem,4vw,2.5rem)}.quiz-fallback h1{font-size:var(--fs-h3);margin-bottom:.75rem}.quiz-fallback p{color:var(--color-ink-soft)}.quiz-fallback a{color:var(--color-accent-strong);font-weight:700}[data-quiz]{display:block}[data-quiz][hidden]{display:none}.quiz-progress{display:flex;align-items:center;gap:.75rem;margin-bottom:1.1rem}.quiz-progress[hidden]{display:none}.qp-bar{flex:1;height:6px;background:var(--color-line);border-radius:var(--radius-pill);overflow:hidden}.qp-bar span{display:block;height:100%;background:var(--color-accent-strong);border-radius:var(--radius-pill);width:0%}@media(prefers-reduced-motion:no-preference){.qp-bar span{transition:width .3s var(--ease)}}.qp-num{font-family:var(--font-ui);font-size:.78rem;font-weight:700;color:var(--color-ink-soft);white-space:nowrap}.quiz-card{background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius);padding:clamp(1.5rem,4vw,2.25rem)}.qscreen{display:none}.qscreen.is-active{display:block}@media(prefers-reduced-motion:no-preference){.qscreen.is-active{animation:qscreen-in .35s var(--ease) both}}@keyframes qscreen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.q-h1{font-size:clamp(1.4rem,3vw,1.8rem);color:var(--color-ink);margin-bottom:.75rem}.q-sub{color:var(--color-ink-soft);margin-bottom:1.5rem}.q-q{font-size:1.2rem;color:var(--color-ink);margin-bottom:.35rem;outline:none}.q-q em{color:var(--color-accent-strong);font-style:normal;font-weight:700}.q-hint{font-size:.88rem;color:var(--color-ink-soft);margin-bottom:1.15rem}.cap-msg{min-height:1.2em;font-size:.82rem;color:#b91c1c;margin:.4rem 0 0}.chips{display:flex;flex-direction:column;gap:.6rem}.chip{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;border:1.5px solid var(--color-line);border-radius:12px;padding:.8rem .9rem;background:var(--color-bg);font:inherit;font-size:.95rem;color:var(--color-ink);transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}.chip.is-on{background:var(--color-surface-dark);color:#fff;border-color:var(--color-surface-dark)}.chip.is-dim{opacity:.55}.chip .badge{width:24px;height:24px;border-radius:50%;flex:0 0 auto;font-weight:800;font-size:.78rem;display:flex;align-items:center;justify-content:center;background:transparent;color:transparent;border:1.5px dashed var(--color-line)}.chip.is-on .badge{background:var(--color-accent);color:var(--color-accent-ink);border-color:transparent}.chip .txt{flex:1}.freefield{margin-top:.6rem}.freeinput{width:100%;border:1.5px dashed var(--color-line);border-radius:10px;padding:.72rem .85rem;font:inherit;font-size:.9rem;color:var(--color-ink);background:var(--color-surface)}.freeinput.q4b{margin-top:.65rem}.freeinput::placeholder{color:var(--color-muted)}.freeinput:focus-visible{border-style:solid}.rankzone{border:1.5px solid var(--color-accent-strong);background:color-mix(in srgb,var(--color-accent-strong) 6%,white);border-radius:12px;padding:.9rem;margin-top:.4rem}.rankzone__h{margin:0 0 .65rem;font-family:var(--font-ui);font-size:.72rem;font-weight:700;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--color-accent-strong)}.rankzone__list{display:flex;flex-direction:column;gap:.55rem}.rank-empty{list-style:none;font-size:.85rem;color:var(--color-ink-soft);padding:.3rem .1rem}.rankrow{list-style:none;display:flex;align-items:center;gap:.6rem;background:var(--color-bg);border:1px solid color-mix(in srgb,var(--color-accent-strong) 22%,white);border-radius:9px;padding:.6rem .65rem;touch-action:pan-x}.rankrow.is-dragging{position:relative;z-index:5;box-shadow:0 6px 18px #0f172a2e;cursor:grabbing}.rankrow.is-removing{border-color:#b91c1c;background:#fef2f2}.grip{color:var(--color-muted);font-size:.95rem;flex:0 0 auto;line-height:1;cursor:grab}.rankrow .n{width:22px;height:22px;border-radius:50%;background:var(--color-accent-strong);color:#fff;font-weight:800;font-size:.72rem;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.rankrow .pl{flex:1;font-size:.88rem;color:var(--color-ink)}.rankctl{display:flex;gap:.3rem;flex:0 0 auto;align-self:flex-start;margin-top:1px}.ictl{border:1px solid var(--color-line);background:var(--color-bg);border-radius:7px;width:26px;height:26px;font-size:.78rem;color:var(--color-ink-soft);display:flex;align-items:center;justify-content:center}.ictl:disabled{opacity:.35}.ictl--rm{color:#b91c1c}.pool{margin-top:1rem}.pool__h{margin:0 0 .6rem;font-family:var(--font-ui);font-size:.72rem;font-weight:700;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--color-muted)}.pool__list{display:flex;flex-direction:column;gap:.55rem}.poolitem{list-style:none;display:flex;align-items:center;gap:.65rem;width:100%;text-align:left;border:1.5px solid var(--color-line);border-radius:10px;padding:.72rem .85rem;background:var(--color-bg);font:inherit;font-size:.9rem;color:var(--color-ink)}.poolitem .plus{width:22px;height:22px;border-radius:50%;border:1.5px dashed var(--color-line);color:var(--color-muted);display:flex;align-items:center;justify-content:center;font-weight:700;flex:0 0 auto}.poolitem .txt{flex:1}.taps{display:flex;flex-direction:column;gap:.6rem}.tap{width:100%;text-align:left;border:1.5px solid var(--color-line);border-radius:12px;padding:.8rem .9rem;font:inherit;font-size:.95rem;background:var(--color-bg);color:var(--color-ink)}.tap.is-on{border-color:var(--color-accent-strong);background:color-mix(in srgb,var(--color-accent-strong) 6%,white);color:var(--color-ink);font-weight:600}.qnav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem}.qnav__back{background:none;border:0;padding:.5rem 0;font:inherit;font-family:var(--font-ui);font-weight:700;font-size:.85rem;color:var(--color-accent-strong);cursor:pointer}.qnav__back:hover{color:var(--color-accent)}.reveal{background:var(--color-surface-dark);color:var(--color-on-dark);border-radius:var(--radius);margin:-.1rem;padding:.1rem}.kicker{color:var(--color-bright);font-family:var(--font-ui);font-weight:700;font-size:.78rem;letter-spacing:var(--ls-caps);text-transform:uppercase;margin-bottom:.75rem}.reveal-h1{color:#fff;font-size:1.3rem;line-height:1.35;margin-bottom:.85rem;outline:none}.story{font-size:1rem;line-height:1.6;margin-bottom:.75rem}.story em{color:var(--color-bright);font-style:normal;font-weight:600}.cta{margin-top:1.3rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.14)}.cta>p{margin:0 0 .9rem;color:var(--color-on-dark-soft);font-size:.94rem}.cta-secondary{margin-top:.55rem}.reveal-link{color:#fff;font-weight:600;font-size:.88rem;text-decoration:underline;text-underline-offset:3px}.reveal-back{color:#fff!important;opacity:.8;margin-top:1.1rem}.reveal-back:hover{opacity:1;color:var(--color-bright)!important}@media(max-width:480px){.qnav{flex-wrap:wrap}}