.question-enter{animation:.3s cubic-bezier(.22,1,.36,1) forwards slide-in-right}@media (prefers-reduced-motion:reduce){.question-enter{animation:none}}.quiz-bar{border-bottom:2px solid var(--tint)}.quiz-bar__inner{justify-content:space-between;align-items:center;gap:8px 24px;width:min(660px,100% - 40px);margin:0 auto;padding:14px 0 12px;display:flex}.quiz-bar--wide .quiz-bar__inner{width:min(1100px,100% - 40px)}.quiz-bar__id{min-width:0}.landing-page .quiz-bar__title{letter-spacing:0;text-wrap:balance;margin:0;font-size:1.1rem;font-weight:600;line-height:1.3}.landing-page .quiz-bar__title:focus{outline:none}.quiz-bar__meta{color:var(--ink-soft);margin:2px 0 0;font-size:.85rem}.quiz-bar__nav{flex-shrink:0;gap:20px;font-size:.92rem;display:flex}.landing-page .quiz-bar__nav a{color:var(--ink-soft);text-decoration:none}.landing-page .quiz-bar__nav a:hover{color:var(--fg);text-underline-offset:4px;text-decoration:underline}@media (width<=560px){.quiz-bar__inner{align-items:flex-start}.quiz-bar__nav{gap:14px;padding-top:2px}}.duel{flex:1;width:min(1100px,100% - 40px);margin:0 auto;padding:clamp(32px,6vw,56px) 0 64px}.landing-page .duel-title{letter-spacing:-.015em;text-wrap:balance;margin:0 0 12px;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.08}.duel-sub{max-width:34em;color:var(--ink-soft);margin:0 0 32px;font-size:1.05rem}.duel-board{border-top:2px solid var(--tint);margin:0 0 32px}.duel-line{border-bottom:1px solid var(--rule);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:4px 20px;padding:16px 12px;display:grid}.duel-line:not(:has(.duel-rank)){grid-template-columns:minmax(0,1fr) auto auto}.duel-line.is-viewer{background:color-mix(in srgb, var(--tint) 8%, transparent);box-shadow:inset 4px 0 0 var(--tint)}.duel-rank{min-width:1.4ch;font-family:var(--serif);color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:600}.duel-name{align-items:baseline;gap:10px;min-width:0;font-weight:600;display:flex}.duel-tag{color:var(--ink-soft);flex-shrink:0;font-size:.82rem;font-weight:400}.duel-line.is-viewer .duel-tag{color:var(--tint);font-weight:600}.duel-score{text-align:right;min-width:4.2ch;font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:600;line-height:1}.duel-score small{font-family:var(--sans);color:var(--ink-soft);font-size:.85rem;font-weight:400}.duel-actions{flex-wrap:wrap;align-items:center;gap:14px 24px;margin-bottom:40px;display:flex}.landing-page .duel-cta{background:var(--ink);color:var(--paper);white-space:nowrap;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:.98rem;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.landing-page .duel-cta:hover{opacity:.88}.landing-page .duel-cta:disabled{opacity:.55;cursor:progress}.landing-page .duel-secondary{text-underline-offset:4px;font-weight:600}.landing-page .duel-share{border-top:1px solid var(--rule);padding:24px 0 0}.landing-page .duel-share--lead{border-top:0;margin-bottom:32px;padding-top:0}.landing-page .duel-share h3{margin:0 0 6px;font-size:1.3rem}.duel-share p{color:var(--ink-soft);margin:0 0 14px}.duel-link{gap:10px;display:flex}.duel-link input{height:auto;min-height:44px}.landing-page .duel-link .duel-cta,.duel-link button{min-height:44px}.duel-share .duel-elsewhere,.duel-elsewhere{color:var(--ink-soft);margin:12px 0 0;font-size:.92rem}.duel-elsewhere a{color:var(--fg);text-underline-offset:3px;font-weight:600}.duel-form label{margin-bottom:8px;font-weight:600;display:block}.duel-hint{color:var(--ink-soft);margin:10px 0 0;font-size:.88rem}.duel-hint a{text-underline-offset:3px}.duel-error{color:var(--error);margin:10px 0 0;font-size:.92rem}.duel-against{color:var(--ink-soft);align-items:center;gap:8px;margin:0 0 20px;font-size:.92rem;display:flex}.duel-against svg{color:var(--tint)}.duel-against{margin-bottom:24px}@media (width<=640px){:is(.duel-line,.duel-line:not(:has(.duel-rank))){grid-template-columns:minmax(0,1fr) auto;padding:14px 10px}.duel-line:has(.duel-rank){grid-template-columns:auto minmax(0,1fr) auto}.duel-line .duel-tally{grid-area:2/1/auto/-1}.duel-line:has(.duel-rank) .duel-tally{grid-column:2/-1}.duel-link{flex-direction:column}.landing-page .duel-cta{width:100%}}.quiz-result{flex:1;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:0 clamp(32px,6vw,80px);width:min(1100px,100% - 40px);margin:0 auto;padding:clamp(32px,6vw,56px) 0 64px;display:grid}.quiz-result-side{position:sticky;top:88px}.quiz-result-side .duel-link{flex-direction:column}.quiz-result-side .duel-sub{margin-bottom:20px}.tally.quiz-result-tally{flex-wrap:nowrap;gap:4px;margin-bottom:32px;display:flex}.tally.quiz-result-tally i{background:var(--error);max-width:18px;height:44px;box-shadow:none;transform-origin:bottom;border-radius:2px;flex:1 1 0;transform:scaleY(.5)}.tally.quiz-result-tally i.on{background:var(--success);transform:none}.landing-page .quiz-result-challenge{border-top:2px solid var(--tint);margin-bottom:20px;padding:20px 0 0}.landing-page .quiz-result-challenge h3{margin:0 0 6px;font-size:1.3rem}.quiz-result-challenge>p{color:var(--ink-soft);margin:0 0 16px}.quiz-result-next{border-top:1px solid var(--rule);margin:28px 0 0;padding-top:20px}.result-share button{color:var(--fg);text-underline-offset:3px;cursor:pointer;align-items:center;gap:4px;font-weight:600;text-decoration:underline;display:inline-flex}.answers-head{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding-bottom:14px;display:flex}.landing-page .answers-head h2{margin:0;font-size:clamp(1.5rem,2.6vw,1.9rem)}.answers-head p{color:var(--ink-soft);margin:0;font-size:.92rem}.answer-num{font-family:var(--serif);color:var(--ink-soft);text-align:right;font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:600;line-height:1.35}.answer.is-wrong .answer-num{color:var(--error)}.answer-q{margin:0 0 8px;font-weight:600;line-height:1.4}.answer-yours,.answer-right{align-items:baseline;gap:8px;margin:2px 0 0;font-size:.95rem;display:flex}.answer-icon{flex-shrink:0;width:14px;height:14px;transform:translateY(2px)}.answer-yours{color:var(--error)}.answer-yours s{text-decoration-thickness:1px}.answer-right{color:var(--success);font-weight:600}@media (width<=900px){.quiz-result{grid-template-columns:minmax(0,1fr);width:min(660px,100% - 40px)}.quiz-result-side{margin-bottom:48px;position:static}}.quiz-page{flex-direction:column;min-height:calc(100vh - 61px);display:flex}.q-step{grid-template-columns:minmax(0,1fr);gap:28px;display:grid}@media (width>=960px){.q-step{grid-template-columns:minmax(0,4fr) minmax(0,11fr);align-items:start;gap:clamp(48px,6vw,96px)}.q-rail{position:sticky;top:96px}}.q-lead{max-width:40em;color:var(--ink);margin:24px 0 0;font-size:1rem;line-height:1.6}.q-rail .duel-against{color:var(--ink);align-items:flex-start;margin:24px 0 0}.q-rail .duel-against svg{margin-top:4px}.q-keys{color:var(--ink-soft);margin:24px 0 0;font-size:.88rem;display:none}@media (width>=960px) and (pointer:fine){.q-keys{display:block}}.q-count{color:var(--ink-soft);margin:0 0 14px;font-size:1rem}.q-count strong{font-family:var(--serif);color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:600}.q-tally{gap:4px;display:flex}.q-tally i{background:var(--paper-deep);transform-origin:bottom;border-radius:2px;flex:1 1 0;max-width:18px;height:44px;transition:background-color .25s,transform .35s cubic-bezier(.22,1,.36,1)}.q-tally i[data-state=current]{background:var(--tint);transform:scaleY(1.18)}.q-tally i[data-state=right]{background:var(--success)}.q-tally i[data-state=wrong]{background:var(--error);transform:scaleY(.5)}.q-so-far{color:var(--ink-soft);margin:12px 0 0;font-size:.92rem}@media (width<=959px){.q-progress{grid-template-columns:auto auto;justify-content:space-between;align-items:baseline;display:grid}.q-count{margin-bottom:10px}.q-tally{grid-area:2/1/auto/-1}.q-tally i{max-width:none;height:20px}.q-so-far{grid-area:1/2;margin:0}.q-lead{margin-top:20px}}.landing-page .q-text{text-wrap:pretty;margin:0 0 clamp(24px,3.5vw,40px);font-size:clamp(1.5rem,2.6vw,1.9rem)}.landing-page .q-text:focus{outline:none}.q-options{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.q-option{text-align:left;width:100%;min-height:64px;color:var(--ink);background:var(--paper-deep);cursor:pointer;animation:.42s cubic-bezier(.22,1,.36,1) backwards q-option-in;animation-delay:calc(var(--i,0) * 70ms + 80ms);border-radius:4px;align-items:center;gap:18px;padding:14px 22px 14px 20px;transition:background-color .18s,color .18s,opacity .25s,transform .18s;display:flex}.q-option:not(:disabled):hover{background:color-mix(in srgb, var(--tint) 16%, var(--paper-deep));transform:translate(6px)}.q-option:not(:disabled):active{transform:translate(6px)scale(.99)}.q-option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.q-option:disabled{cursor:default}.q-letter{width:1.1em;font-family:var(--serif);color:var(--tint);text-align:center;flex-shrink:0;font-size:1.5rem;font-weight:600;line-height:1}.q-option-text{flex:1;font-size:1.1rem;font-weight:500;line-height:1.4}.q-verdict{flex-shrink:0;align-items:center;gap:6px;font-size:.92rem;font-weight:600;display:inline-flex}.q-verdict svg{width:16px;height:16px}.q-option[data-state=right]{background:var(--success);color:var(--paper)}.q-option[data-state=right] .q-letter{color:var(--paper)}.q-option[data-state=right][data-picked]{animation:.45s cubic-bezier(.22,1,.36,1) q-right}.q-option[data-state=wrong]{background:var(--error-bg);color:var(--error);animation:.4s q-wrong}.q-option[data-state=wrong] .q-letter{color:var(--error)}.q-option[data-state=wrong] .q-option-text{text-decoration:line-through;text-decoration-thickness:1.5px}.q-option[data-state=dim]{opacity:.4}.q-next{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px 24px;min-height:52px;display:flex}.q-next[data-state] .duel-cta{animation:.38s cubic-bezier(.22,1,.36,1) 90ms backwards q-option-in}.landing-page .q-next .duel-cta{min-height:52px;padding-inline:28px;font-size:1.02rem}.landing-page .q-next .duel-cta:active{transform:scale(.98)}@media (width<=640px){.q-option{gap:14px;min-height:58px;padding:12px 16px}.q-option-text{font-size:1.02rem}.q-option:not(:disabled):hover,.q-option:not(:disabled):active{transform:none}.q-next[data-state]{z-index:5;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:var(--paper);margin:0 -20px;position:sticky;bottom:0}.landing-page .q-next .duel-cta{width:100%}}@media (prefers-reduced-motion:reduce){.q-option,.q-option[data-state],.q-next[data-state] .q-feedback,.q-next[data-state] .duel-cta{animation:none}.q-option,.q-tally i{transition:none}.q-option:not(:disabled):hover{transform:none}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes q-option-in{0%{opacity:0;transform:translateY(18px)}}@keyframes q-right{40%{transform:scale(1.015)}}@keyframes q-wrong{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}