.counter--wide{min-width:calc(var(--spacing) * 22)}.counter--wide .counter__value{color:var(--chrome-rule)}.duel__ask{text-align:center;margin-bottom:calc(var(--spacing) * 5)}.duel__stat{color:var(--chrome-rule);margin-bottom:calc(var(--spacing) * 1.5);display:block}.duel__question{color:var(--text-primary);margin:0}.duel__ctx{color:var(--text-secondary)}.duel__cards{gap:calc(var(--spacing) * 3);grid-template-columns:1fr;align-items:stretch;display:grid}.duel__vs{color:var(--text-secondary);letter-spacing:.08em;place-self:center}@media (width>=40rem){.duel__cards{gap:calc(var(--spacing) * 4);grid-template-columns:1fr auto 1fr}}.duel__side{justify-content:center;align-items:center;gap:calc(var(--spacing) * 1);min-height:calc(var(--spacing) * 30);padding:calc(var(--spacing) * 4) calc(var(--spacing) * 3);background:var(--surface-1);border:var(--border-hairline) solid var(--surface-line);border-radius:var(--radius-card);color:var(--text-primary);text-align:center;cursor:pointer;transition:border-color var(--hover-duration) linear, background-color var(--hover-duration) linear, transform var(--hover-duration) linear;flex-direction:column;display:flex;position:relative}.duel__side:hover:not(:disabled){border-color:var(--chrome-rule);background:var(--surface-2)}.duel__side:active:not(:disabled){transform:scale(.985)}.duel__side:disabled{cursor:default}.duel__portrait{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24);margin-bottom:calc(var(--spacing) * 2);border-radius:var(--radius-card);background:var(--surface-2);pointer-events:none;flex:none;display:block;overflow:hidden}@media (width>=40rem){.duel__portrait{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}}@media (width>=64rem){.duel__side{min-height:0;padding-block:calc(var(--spacing) * 3);justify-content:flex-start}}.duel__photo{object-fit:cover;width:100%;height:100%;display:block}.duel__namecard{background:linear-gradient(160deg, var(--surface-2) 0%, var(--surface-1) 100%);width:100%;height:100%;color:var(--chrome-rule);justify-content:center;align-items:center;display:flex}.duel__initial{opacity:.7}.duel__side--correct .duel__portrait,.duel__side--wrong .duel__portrait{background:var(--ff-ink)}.duel__name{overflow-wrap:anywhere;text-wrap:balance;margin:0}.duel__result{justify-content:center;align-items:baseline;gap:calc(var(--spacing) * 1.5);margin-top:calc(var(--spacing) * 1);flex-wrap:wrap;display:flex}.duel__value{color:var(--chrome-rule);display:block}.duel__unit{color:var(--text-secondary);display:block}.duel__side--correct.duel__side--correct{background:var(--state-correct);border-color:var(--state-correct);color:var(--ff-cream)}.duel__side--wrong.duel__side--wrong{background:var(--state-wrong);border-color:var(--state-wrong);color:var(--ff-cream)}.duel__side--correct .duel__value,.duel__side--wrong .duel__value,.duel__side--correct .duel__unit,.duel__side--wrong .duel__unit{color:var(--ff-cream)}.duel__mark{top:calc(var(--spacing) * 2);right:calc(var(--spacing) * 2);color:var(--ff-cream);place-items:center;display:grid;position:absolute}.duel__mark .glyph{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3);fill:none;stroke:currentColor;stroke-width:var(--glyph-stroke);stroke-linecap:round;stroke-linejoin:round}.duel__hold{min-height:calc(var(--spacing) * 9);margin:calc(var(--spacing) * 3) 0 0;text-align:center;color:var(--text-secondary)}.duel__hold p{margin:0}.duel__verdict{color:var(--text-primary)}.duel__teach{text-wrap:pretty;max-width:34rem;margin-top:calc(var(--spacing) * .75)!important;margin-inline:auto!important}.duel__track{justify-content:center;gap:calc(var(--spacing) * 1.5);margin:var(--section-gap) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.duel__pip{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3);border-radius:var(--radius-cell);background:var(--surface-2);border:var(--border-hairline) solid var(--surface-line)}.duel__pip--hit{background:var(--state-correct);border-color:var(--state-correct)}.duel__pip--miss{background:var(--state-wrong);border-color:var(--state-wrong)}.duel__over{margin-top:var(--section-gap);align-items:center;gap:calc(var(--spacing) * 3);text-align:center;flex-direction:column;display:flex}.duel__over p{color:var(--text-primary);margin:0}.duel__rules{margin:calc(var(--spacing) * 4) 0 0;text-align:center;color:var(--text-secondary)}@media (prefers-reduced-motion:reduce){.duel__side{transition:none}.duel__side:active:not(:disabled){transform:none}}