.rs-card { align-items: stretch; }
.rs-target { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; }
.rs-target__pic { font-size: 72px; line-height: 1; }
.rs-target__word { font-size: clamp(38px, 11vw, 54px); font-weight: 900; }
.rs-opts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.rs-opt { min-height: 110px; border-radius: 18px; border: 3px solid #d8cfbd; background: #fff; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; font-size: 22px; font-weight: 900; box-shadow: 0 4px 0 rgba(29,39,51,.12); padding: 6px; }
.rs-opt__pic { font-size: 44px; line-height: 1; }
@media (hover: hover) { .rs-opt:hover:not([disabled]), .rs-wordbtn:hover:not([disabled]), .rs-block:hover:not([disabled]) { border-color: var(--barn); } }
.rs-opt.is-correct, .rs-wordbtn.is-correct { background: #eaf7e6; border-color: var(--green); color: #1d5c28; }
.rs-opt.is-wrong, .rs-wordbtn.is-wrong { background: #f4f1ea; border-style: dashed; color: #8a8a8a; box-shadow: none; }
.rs-ask { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.rs-line { min-height: 76px; border-radius: 16px; border: 3px dashed #c8bda6; background: #fffef9; padding: 10px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.rs-line.is-win { border-style: solid; border-color: var(--green); background: #f3fbef; }
.rs-line__empty { color: #9a917f; font-weight: 700; }
.rs-word { font-size: 24px; font-weight: 900; padding: 4px 10px; border-radius: 10px; background: #fff3c7; border: 2px solid #ecc98a; }
.rs-word.is-locked { background: #eaf7e6; border-color: #9fd39a; }
.rs-word--stop { padding: 4px 8px; }
.rs-bank { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.rs-block { min-height: 56px; min-width: 56px; padding: 6px 16px; border-radius: 14px; border: 3px solid #b99a68; background: linear-gradient(180deg, #f3e2c0, #dcc193); font-size: 24px; font-weight: 900; cursor: pointer; box-shadow: 0 4px 0 #a88a58; color: #3b2500; }
.rs-block--stop { font-size: 34px; line-height: 1; }
.rs-block:disabled { opacity: .25; box-shadow: none; cursor: default; }
.rs-sentence { flex: 1; min-width: 12em; font-size: clamp(24px, 6.6vw, 32px); font-weight: 900; line-height: 1.5; }
.rs-gap { display: inline-block; min-width: 3.2em; text-align: center; border-bottom: 4px solid var(--barn); color: var(--barn); margin: 0 4px; }
.rs-gap.is-filled { color: var(--green); border-color: var(--green); }
.rs-words { display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: 10px; }
.rs-wordbtn { min-height: 72px; border-radius: 18px; border: 3px solid #d8cfbd; background: #fff; font-size: 28px; font-weight: 900; cursor: pointer; box-shadow: 0 4px 0 rgba(29,39,51,.12); }