.rv-field { display: flex; align-items: stretch; gap: 8px; margin: 18px auto; max-width: 480px; }
.rv-bank { flex: 1; border: 3px solid var(--card-bd); border-radius: 16px; background: var(--card); padding: 10px; min-height: 200px; display: flex; flex-direction: column; }
.rv-bank h3 { margin: 0 0 8px; text-align: center; color: var(--muted); font-size: 14px; }
.rv-items { display: flex; flex-wrap: wrap; gap: 8px; align-content: flex-start; flex: 1; }
.rv-item { width: 52px; height: 52px; border-radius: 12px; background: #fff; border: 2px solid var(--card-bd); display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 24px; cursor: pointer; user-select: none; transition: transform .1s, border-color .1s; }
.rv-item.sel { border-color: var(--brand); transform: translateY(-4px) scale(1.05); box-shadow: 0 4px 12px rgba(0,0,0,.12); }
.rv-boat { width: 64px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.rv-boat-inside { flex: 1; width: 100%; border-radius: 0 0 30px 30px / 0 0 24px 24px; border: 3px solid var(--brand); border-top: none; display: flex; flex-wrap: wrap; align-content: flex-end; justify-content: center; gap: 4px; padding: 6px; min-height: 120px; background: rgba(77,150,255,.08); }
.rv-arrow { font-size: 26px; margin-top: 4px; }
.rv-actions { text-align: center; }
.status-line { text-align: center; font-weight: 700; color: var(--brand); min-height: 22px; }