.rc{max-width:680px;margin:0 auto}
.rc__top{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-3)}
.rc__col{display:flex;flex-direction:column;gap:var(--sp-1)}
.rc__lbl{font-size:var(--fs-sm);font-weight:600;color:var(--c-muted)}
.rc__row{display:flex;flex-direction:column;border:2px solid var(--c-line);border-radius:var(--rad-md);overflow:hidden;background:white;transition:border-color .15s}
.rc__row:focus-within{border-color:var(--c-primary)}
.rc__in{border:none;padding:var(--sp-3) var(--sp-3) var(--sp-1);font:inherit;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--c-ink);outline:none;background:transparent;text-align:center;width:100%}
.rc__row--out{cursor:default}
.rc__oval{display:block;padding:var(--sp-3) var(--sp-3) var(--sp-1);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--c-ink);text-align:center;min-height:2.6em;line-height:1.2}
.rc__sel{border:none;border-top:1px solid var(--c-line);padding:var(--sp-1) var(--sp-2);font:inherit;font-size:var(--fs-sm);color:var(--c-muted);background:var(--c-paper);cursor:pointer;outline:none;width:100%;text-align:center}
.rc__res{margin-bottom:var(--sp-3)}
.rc__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);margin-bottom:var(--sp-3)}
.rc__r{background:var(--c-paper);border:1px solid var(--c-line);border-radius:var(--rad-md);padding:var(--sp-2) var(--sp-3);display:flex;flex-direction:column;gap:2px}
.rc__r span{font-size:var(--fs-xs);color:var(--c-muted);font-weight:500}
.rc__r b{font-size:var(--fs-md);color:var(--c-ink);font-weight:700}
.rc__act{text-align:center}
@media(max-width:500px){.rc__top,.rc__grid{grid-template-columns:1fr}}